Optimizes hero composition

Author: d13

assets/bundle/main.js

@@ -1,4 +1,4 @@
-import{a as o,b as p,c as $,d as N,e as n,f as k,g as O,h as S}from"./chunks/chunk-UASHANUO.js";var u=r=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(r,t)}):customElements.define(r,t)};var _={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:N},B=(r=_,t,e)=>{let{kind:a,metadata:f}=e,m=globalThis.litPropertyMetadata.get(f);if(m===void 0&&globalThis.litPropertyMetadata.set(f,m=new Map),m.set(e.name,r),a==="accessor"){let{name:l}=e;return{set(g){let d=t.get.call(this);t.set.call(this,g),this.requestUpdate(l,d,r)},init(g){return g!==void 0&&this.C(l,void 0,r),g}}}if(a==="setter"){let{name:l}=e;return function(g){let d=this[l];t.call(this,g),this.requestUpdate(l,d,r)}}throw Error("Unsupported decorator location: "+a)};function i(r){return(t,e)=>typeof e=="object"?B(r,t,e):((a,f,m)=>{let l=f.hasOwnProperty(m);return f.constructor.createProperty(m,l?{...a,wrapped:!0}:a),l?Object.getOwnPropertyDescriptor(f,m):void 0})(r,t,e)}var b=(r,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(r,t,e),e);function q(r,t){return(e,a,f)=>{let m=l=>l.renderRoot?.querySelector(r)??null;if(t){let{get:l,set:g}=typeof a=="object"?e:f??(()=>{let d=Symbol();return{get(){return this[d]},set(Y){this[d]=Y}}})();return b(e,a,{get(){if(t){let d=l.call(this);return d===void 0&&(d=m(this),g.call(this,d)),d}return m(this)}})}return b(e,a,{get(){return m(this)}})}}function U(r){return(t,e)=>{let{slot:a,selector:f}=r??{},m="slot"+(a?`[name=${a}]`:":not([name])");return b(t,e,{get(){let l=this.renderRoot?.querySelector(m),g=l?.assignedElements(r)??[];return f===void 0?g:g.filter(d=>d.matches(f))}})}}var z=r=>r??k;var c=class extends O{fireEvent(t,e){let a;return e===void 0?a=new CustomEvent(t):a=new CustomEvent(t,{detail:e}),this.dispatchEvent(a)}};var F=class extends c{static{this.shadowRootOptions={...O.shadowRootOptions,delegatesFocus:!0}}focus(t){this._control.focus(t)}blur(){this._control.blur()}click(){this._control.click()}};var j=p`
+import{a as o,b as p,c as $,d as N,e as n,f as k,g as O,h as S}from"./chunks/chunk-UASHANUO.js";var u=r=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(r,t)}):customElements.define(r,t)};var _={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:N},B=(r=_,t,e)=>{let{kind:a,metadata:g}=e,m=globalThis.litPropertyMetadata.get(g);if(m===void 0&&globalThis.litPropertyMetadata.set(g,m=new Map),m.set(e.name,r),a==="accessor"){let{name:l}=e;return{set(f){let d=t.get.call(this);t.set.call(this,f),this.requestUpdate(l,d,r)},init(f){return f!==void 0&&this.C(l,void 0,r),f}}}if(a==="setter"){let{name:l}=e;return function(f){let d=this[l];t.call(this,f),this.requestUpdate(l,d,r)}}throw Error("Unsupported decorator location: "+a)};function i(r){return(t,e)=>typeof e=="object"?B(r,t,e):((a,g,m)=>{let l=g.hasOwnProperty(m);return g.constructor.createProperty(m,l?{...a,wrapped:!0}:a),l?Object.getOwnPropertyDescriptor(g,m):void 0})(r,t,e)}var b=(r,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(r,t,e),e);function q(r,t){return(e,a,g)=>{let m=l=>l.renderRoot?.querySelector(r)??null;if(t){let{get:l,set:f}=typeof a=="object"?e:g??(()=>{let d=Symbol();return{get(){return this[d]},set(Y){this[d]=Y}}})();return b(e,a,{get(){if(t){let d=l.call(this);return d===void 0&&(d=m(this),f.call(this,d)),d}return m(this)}})}return b(e,a,{get(){return m(this)}})}}function U(r){return(t,e)=>{let{slot:a,selector:g}=r??{},m="slot"+(a?`[name=${a}]`:":not([name])");return b(t,e,{get(){let l=this.renderRoot?.querySelector(m),f=l?.assignedElements(r)??[];return g===void 0?f:f.filter(d=>d.matches(g))}})}}var z=r=>r??k;var c=class extends O{fireEvent(t,e){let a;return e===void 0?a=new CustomEvent(t):a=new CustomEvent(t,{detail:e}),this.dispatchEvent(a)}};var F=class extends c{static{this.shadowRootOptions={...O.shadowRootOptions,delegatesFocus:!0}}focus(t){this._control.focus(t)}blur(){this._control.blur()}click(){this._control.click()}};var j=p`
   :host {
     display: contents;
   }
@@ -53,6 +53,7 @@ import{a as o,b as p,c as $,d as N,e as n,f as k,g as O,h as S}from"./chunks/chu
 
       animation-name: phone-home;
       animation-duration: 0.65s;
+      will-change: contents;
     }
 
     @media (min-width: 480px) {

src/components/phone-hero/index.ts

@@ -26,6 +26,7 @@ export class KdPhoneHero extends KdBaseElement {
 
       animation-name: phone-home;
       animation-duration: 0.65s;
+      will-change: contents;
     }
 
     @media (min-width: 480px) {