@maggioli-design-system/magma 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/components/mds-chip2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as a,Host as o,transformTag as i}from"@stencil/core/internal/client";import{m as n}from"./cancel.js";import{s}from"./aria.js";import{K as c}from"./keyboard-manager.js";import{L as l}from"./locale.js";import{d}from"./mds-button2.js";import{d as b}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";var v={deleteLabel:"Αφαίρεση"},p={deleteLabel:"Remove"},g={deleteLabel:"Eliminar"},u={deleteLabel:"Rimuovi"};const k=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.clickLabelEvent=t(this,"mdsChipClickLabel",7),this.deleteEvent=t(this,"mdsChipDelete",7),this.selectEvent=t(this,"mdsChipSelect",7),this.km=new c,this.t=new l({el:v,en:p,es:g,it:u}),this.disabled=!1,this.selectable=!1,this.variant="primary",this.tone="strong",this.onDeleteHandler=e=>{this.deleteEvent.emit({event:e,element:this.host})},this.handleClickableKeyboard=e=>{var r;if(e){const e=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".label");return this.km.addElement(e,"label"),void this.km.attachClickBehavior("label")}this.km.detachClickBehavior("label")},this.handleClickableElement=e=>{var r;const t=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".label");if(null!=t){if(e)return s(t,"role","button"),void t.addEventListener("click",this.onClickLabelHandler.bind(this));t.removeAttribute("role"),t.removeEventListener("click",this.onClickLabelHandler.bind(this))}}}async updateLang(){this.language=this.t.lang(this.host)}handleSelectableProp(e){e&&(this.clickable=!0)}handleClickableProp(e){this.handleClickableElement(e),this.handleClickableKeyboard(e)}handleSelectedProp(e){!1===e&&(this.selected=void 0)}onClickLabelHandler(e){if(this.selectable)return this.selected=!this.selected,!1===this.selected&&(this.selected=void 0),void this.selectEvent.emit({event:e,element:this.host,selected:this.selected});this.clickLabelEvent.emit({event:e,element:this.host})}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){this.clickable&&(this.handleClickableElement(!0),this.handleClickableKeyboard(!0))}disconnectedCallback(){this.km.detachClickBehavior("label")}render(){return a(o,{key:"a2ff34f9ecfc5f8fa6cb7ab399eb34b2f0c2cf04","aria-disabled":this.disabled?"true":"false"},this.icon&&a("div",{key:"78e888b4c83cd44f05bbbd1377863c5008bfe328","aria-hidden":"true",class:"icon-area"},a("mds-icon",{key:"19fc511e306b8a7cc25daf1596e932bb88dec748",class:"icon",name:this.icon})),a("div",{key:"ef990de72874ab99987ad8e74ee93f43bdf54dc9",class:"label-wrapper"},a("mds-text",this.clickable?{class:"label label--interactive",tabindex:"0",typography:"caption",truncate:"word"}:{class:"label",typography:"caption",truncate:"word"},this.label)),this.deletable&&a("mds-button",{key:"09edff4f0b1320017ea029742fa9b8d199622cab",class:"button-delete",icon:n,onClick:this.onDeleteHandler,title:`${this.t.get("deleteLabel")} ${this.label}`,variant:"dark",tone:"text",size:"sm"}))}get host(){return this}static get watchers(){return{selectable:[{handleSelectableProp:0}],clickable:[{handleClickableProp:0}],selected:[{handleSelectedProp:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:"<number>";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,transparent);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--duration-150,.15s);transition-duration:var(--duration-150,.15s);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:transparent;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .label,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[1,"mds-chip",{clickable:[1540],deletable:[4],disabled:[4],icon:[1],label:[513],selected:[1540],selectable:[516],variant:[513],tone:[513],language:[32],updateLang:[64]},void 0,{selectable:[{handleSelectableProp:0}],clickable:[{handleClickableProp:0}],selected:[{handleSelectedProp:0}]}]);function f(){"undefined"!=typeof customElements&&["mds-chip","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-chip":customElements.get(i(e))||customElements.define(i(e),k);break;case"mds-button":customElements.get(i(e))||d();break;case"mds-icon":customElements.get(i(e))||b();break;case"mds-spinner":customElements.get(i(e))||h();break;case"mds-text":customElements.get(i(e))||m()}}))}export{k as M,f as d}
+import{proxyCustomElement as r,HTMLElement as a,createEvent as e,h as t,Host as o,transformTag as i}from"@stencil/core/internal/client";import{m as n}from"./cancel.js";import{s}from"./aria.js";import{K as c}from"./keyboard-manager.js";import{L as l}from"./locale.js";import{s as d}from"./preference.js";import{d as h}from"./mds-button2.js";import{d as b}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as v}from"./mds-text2.js";var p={deleteLabel:"Αφαίρεση"},g={deleteLabel:"Remove"},u={deleteLabel:"Eliminar"},k={deleteLabel:"Rimuovi"};const f=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.clickLabelEvent=e(this,"mdsChipClickLabel",7),this.deleteEvent=e(this,"mdsChipDelete",7),this.selectEvent=e(this,"mdsChipSelect",7),this.km=new c,this.t=new l({el:p,en:g,es:u,it:k}),this.disabled=!1,this.selectable=!1,this.variant="primary",this.tone="strong",this.onDeleteHandler=r=>{this.deleteEvent.emit({event:r,element:this.host})},this.handleClickableKeyboard=r=>{var a;if(r){const r=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".label");return this.km.addElement(r,"label"),void this.km.attachClickBehavior("label")}this.km.detachClickBehavior("label")},this.handleClickableElement=r=>{var a;const e=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".label");if(null!=e){if(r)return s(e,"role","button"),void e.addEventListener("click",this.onClickLabelHandler.bind(this));e.removeAttribute("role"),e.removeEventListener("click",this.onClickLabelHandler.bind(this))}}}async updateLang(){this.language=this.t.lang(this.host)}handleSelectableProp(r){r&&(this.clickable=!0)}handleClickableProp(r){this.handleClickableElement(r),this.handleClickableKeyboard(r)}handleSelectedProp(r){!1===r&&(this.selected=void 0)}onClickLabelHandler(r){if(this.selectable)return this.selected=!this.selected,!1===this.selected&&(this.selected=void 0),void this.selectEvent.emit({event:r,element:this.host,selected:this.selected});this.clickLabelEvent.emit({event:r,element:this.host})}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){this.clickable&&(this.handleClickableElement(!0),this.handleClickableKeyboard(!0))}connectedCallback(){this.unsubscribePrefAnimation=d("animation",(r=>{this.prefAnimation=r})),this.unsubscribePrefContrast=d("contrast",(r=>{this.prefContrast=r})),this.unsubscribePrefTheme=d("theme",(r=>{this.prefTheme=r})),this.unsubscribePrefThemeScheme=d("theme-scheme",(r=>{this.prefThemeScheme=r}))}disconnectedCallback(){var r,a,e,t;null===(r=this.unsubscribePrefAnimation)||void 0===r||r.call(this),null===(a=this.unsubscribePrefContrast)||void 0===a||a.call(this),null===(e=this.unsubscribePrefTheme)||void 0===e||e.call(this),null===(t=this.unsubscribePrefThemeScheme)||void 0===t||t.call(this),this.km.detachClickBehavior("label")}render(){return t(o,{key:"c2f08773194dec05f5671d356978abee68813a7c","aria-disabled":this.disabled?"true":"false","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},this.icon&&t("div",{key:"d7de040a76d6b63366a0020bdaeb9cc1ec374bdd","aria-hidden":"true",class:"icon-area"},t("mds-icon",{key:"6dcbd2f0e2648237b6adb1c28f59d21d9936c528",class:"icon",name:this.icon})),t("div",{key:"f4093b2a1c9e028b17a7a23cd493d87e83570842",class:"label-wrapper"},t("mds-text",this.clickable?{class:"label label--interactive",tabindex:"0",typography:"caption",truncate:"word"}:{class:"label",typography:"caption",truncate:"word"},this.label)),this.deletable&&t("mds-button",{key:"45a231ebae85b18661dcd0653efcc6bc46a4640c",class:"button-delete",icon:n,onClick:this.onDeleteHandler,title:`${this.t.get("deleteLabel")} ${this.label}`,variant:"dark",tone:"text",size:"sm"}))}get host(){return this}static get watchers(){return{selectable:[{handleSelectableProp:0}],clickable:[{handleClickableProp:0}],selected:[{handleSelectedProp:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:#0000;--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5}}}@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-chip-border{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-chip-opacity-disabled{syntax:"<number>";inherits:false;initial-value:.5}:host{--mds-chip-color:rgb(var(--tone-neutral-03,233 233 233));--mds-chip-icon-background:rgb(var(--variant-primary-06,90 147 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:.5;--mds-chip-transition-duration:var(--duration-150,.15s);--mds-chip-label-transition-duration:var(--duration-200,.2s);--private-chip-transition-duration:var(--mds-chip-transition-duration);--private-chip-label-transition-duration:var(--mds-chip-label-transition-duration);align-items:center;background-color:var(--mds-chip-background,rgb(var(--tone-neutral,0 0 0)));border:2px solid var(--mds-chip-border,#0000);border-radius:1000px;-webkit-box-shadow:var(--mds-chip-shadow);box-shadow:var(--mds-chip-shadow);box-sizing:border-box;color:var(--mds-chip-color,rgb(var(--tone-neutral-03,233 233 233)));display:inline-flex;gap:calc(var(--spacing,.0025rem)*150);justify-content:center;justify-self:start;max-width:min-content;min-width:min-content;padding:0 calc(var(--spacing,.0025rem)*50);-webkit-transition-duration:var(--private-chip-transition-duration);transition-duration:var(--private-chip-transition-duration);transition-property:background-color,border-color,box-shadow,color,opacity;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-border:#0000;--mds-chip-color:rgb(var(--tone-neutral-04,218 218 218));--mds-chip-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a)}.label-wrapper{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*800);justify-content:start}.label-wrapper:first-child{padding-left:calc(var(--spacing,.0025rem)*200)}.label-wrapper:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}:host([disabled]:not([disabled=false])){opacity:var(--mds-chip-opacity-disabled,.5);pointer-events:none}.label{border-radius:1000px;flex-grow:1;text-decoration-color:#0000;-webkit-transition-duration:var(--private-chip-label-transition-duration);transition-duration:var(--private-chip-label-transition-duration);transition-property:color,text-decoration-color,outline,outline-offset;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([clickable]:not([clickable=false])) .label{cursor:pointer;text-decoration:underline}:host([clickable]:not([clickable=false])) .label:hover{-webkit-text-decoration-color:unset;text-decoration-color:unset}.label--interactive{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.label--interactive:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.icon-area{align-items:center;background-color:var(--mds-chip-icon-background,rgb(var(--variant-primary-06,90 147 255)));border-radius:1000px;display:flex;flex-shrink:0;height:calc(var(--spacing,.0025rem)*700);justify-content:center;-webkit-transition-duration:inherit;transition-duration:inherit;-webkit-transition-timing-function:inherit;transition-timing-function:inherit;width:calc(var(--spacing,.0025rem)*700)}.icon{fill:var(--mds-chip-icon-color,rgb(var(--tone-neutral,0 0 0)));height:calc(var(--spacing,.0025rem)*400);transition:fill;-webkit-transition-duration:var(--private-chip-label-transition-duration);transition-duration:var(--private-chip-label-transition-duration);width:calc(var(--spacing,.0025rem)*400)}.button-delete{corner-shape:round;border-radius:100px;height:auto;padding:0}.button-delete--hidden{display:none}:host([variant=primary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-primary-05,152 188 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-primary-09,0 58 168));--mds-chip-icon-color:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-primary-04,184 208 255))}:host([variant=primary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-primary-06,90 147 255))}:host([variant=secondary][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-secondary-05,161 187 248));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-secondary-09,12 58 168));--mds-chip-icon-color:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-secondary-04,190 208 250))}:host([variant=secondary][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-secondary-06,106 147 245))}:host([variant=ai][tone=strong]){--mds-chip-icon-background:rgb(var(--variant-ai-05,202 174 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai][tone=weak]){--mds-chip-icon-background:rgb(var(--variant-ai-09,75 8 189));--mds-chip-icon-color:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=strong][selected]){--mds-chip-border:rgb(var(--variant-ai-04,218 199 253))}:host([variant=ai][tone=weak][selected]){--mds-chip-border:rgb(var(--variant-ai-06,172 126 249))}:host([variant=success][tone=strong]){--mds-chip-icon-background:rgb(var(--status-success-05,107 206 147));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success][tone=weak]){--mds-chip-icon-background:rgb(var(--status-success-09,0 82 9));--mds-chip-icon-color:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=strong][selected]){--mds-chip-border:rgb(var(--status-success-04,158 222 181))}:host([variant=success][tone=weak][selected]){--mds-chip-border:rgb(var(--status-success-06,0 171 97))}:host([variant=warning][tone=strong]){--mds-chip-icon-background:rgb(var(--status-warning-05,237 177 0));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning][tone=weak]){--mds-chip-icon-background:rgb(var(--status-warning-09,90 67 0));--mds-chip-icon-color:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=strong][selected]){--mds-chip-border:rgb(var(--status-warning-04,255 200 33))}:host([variant=warning][tone=weak][selected]){--mds-chip-border:rgb(var(--status-warning-06,190 142 0))}:host([variant=error][tone=strong]){--mds-chip-icon-background:rgb(var(--status-error-05,250 165 160));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error][tone=weak]){--mds-chip-icon-background:rgb(var(--status-error-09,135 0 14));--mds-chip-icon-color:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=strong][selected]){--mds-chip-border:rgb(var(--status-error-04,254 193 189))}:host([variant=error][tone=weak][selected]){--mds-chip-border:rgb(var(--status-error-06,239 108 105))}:host([variant=info][tone=strong]){--mds-chip-icon-background:rgb(var(--status-info-05,112 198 234));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info][tone=weak]){--mds-chip-icon-background:rgb(var(--status-info-09,0 73 116));--mds-chip-icon-color:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=strong][selected]){--mds-chip-border:rgb(var(--status-info-04,159 216 241))}:host([variant=info][tone=weak][selected]){--mds-chip-border:rgb(var(--status-info-06,0 161 208))}:host([variant=amaranth][tone=strong]){--mds-chip-icon-background:rgb(var(--label-amaranth-05,250 163 178));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=amaranth][tone=weak]){--mds-chip-icon-background:rgb(var(--label-amaranth-09,135 8 30));--mds-chip-icon-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=strong][selected]){--mds-chip-border:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=amaranth][tone=weak][selected]){--mds-chip-border:rgb(var(--label-amaranth-06,246 99 125))}:host([variant=aqua][tone=strong]){--mds-chip-icon-background:rgb(var(--label-aqua-05,7 203 237));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=aqua][tone=weak]){--mds-chip-icon-background:rgb(var(--label-aqua-09,3 77 90));--mds-chip-icon-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=strong][selected]){--mds-chip-border:rgb(var(--label-aqua-04,81 225 250))}:host([variant=aqua][tone=weak][selected]){--mds-chip-border:rgb(var(--label-aqua-06,5 163 190))}:host([variant=blue][tone=strong]){--mds-chip-icon-background:rgb(var(--label-blue-05,170 184 252));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=blue][tone=weak]){--mds-chip-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-chip-icon-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=strong][selected]){--mds-chip-border:rgb(var(--label-blue-04,196 206 253))}:host([variant=blue][tone=weak][selected]){--mds-chip-border:rgb(var(--label-blue-06,121 143 250))}:host([variant=green][tone=strong]){--mds-chip-icon-background:rgb(var(--label-green-05,37 213 102));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=green][tone=weak]){--mds-chip-icon-background:rgb(var(--label-green-09,14 81 39));--mds-chip-icon-color:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=strong][selected]){--mds-chip-border:rgb(var(--label-green-04,113 230 156))}:host([variant=green][tone=weak][selected]){--mds-chip-border:rgb(var(--label-green-06,30 171 82))}:host([variant=lime][tone=strong]){--mds-chip-icon-background:rgb(var(--label-lime-05,134 207 22));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=lime][tone=weak]){--mds-chip-icon-background:rgb(var(--label-lime-09,51 79 8));--mds-chip-icon-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=strong][selected]){--mds-chip-border:rgb(var(--label-lime-04,148 229 25))}:host([variant=lime][tone=weak][selected]){--mds-chip-border:rgb(var(--label-lime-06,108 167 18))}:host([variant=orange][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orange-05,251 168 111));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orange][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orange-09,116 49 3));--mds-chip-icon-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orange-04,252 196 158))}:host([variant=orange][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orange-06,247 105 6))}:host([variant=orchid][tone=strong]){--mds-chip-icon-background:rgb(var(--label-orchid-05,245 163 203));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=orchid][tone=weak]){--mds-chip-icon-background:rgb(var(--label-orchid-09,131 14 71));--mds-chip-icon-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=strong][selected]){--mds-chip-border:rgb(var(--label-orchid-04,248 192 220))}:host([variant=orchid][tone=weak][selected]){--mds-chip-border:rgb(var(--label-orchid-06,239 99 168))}:host([variant=sky][tone=strong]){--mds-chip-icon-background:rgb(var(--label-sky-05,94 198 245));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=sky][tone=weak]){--mds-chip-icon-background:rgb(var(--label-sky-09,6 76 107));--mds-chip-icon-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=strong][selected]){--mds-chip-border:rgb(var(--label-sky-04,148 217 249))}:host([variant=sky][tone=weak][selected]){--mds-chip-border:rgb(var(--label-sky-06,13 158 224))}:host([variant=violet][tone=strong]){--mds-chip-icon-background:rgb(var(--label-violet-05,198 175 251));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=violet][tone=weak]){--mds-chip-icon-background:rgb(var(--label-violet-09,67 11 195));--mds-chip-icon-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=strong][selected]){--mds-chip-border:rgb(var(--label-violet-04,216 200 252))}:host([variant=violet][tone=weak][selected]){--mds-chip-border:rgb(var(--label-violet-06,166 129 248))}:host([variant=yellow][tone=strong]){--mds-chip-icon-background:rgb(var(--label-yellow-05,234 179 8));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=yellow][tone=weak]){--mds-chip-icon-background:rgb(var(--label-yellow-09,89 68 3));--mds-chip-icon-color:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=strong][selected]){--mds-chip-border:rgb(var(--label-yellow-04,248 202 60))}:host([variant=yellow][tone=weak][selected]){--mds-chip-border:rgb(var(--label-yellow-06,188 143 6))}:host([pref-animation=reduce]){--private-chip-transition-duration:0s;--private-chip-label-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host([pref-contrast=more]){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-chip-transition-duration:0s;--private-chip-label-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-chip-background:rgb(var(--tone-neutral-08,107 107 107));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-chip-background:rgb(var(--tone-neutral,0 0 0));--mds-chip-color:rgb(var(--tone-neutral-02,244 244 244));--mds-chip-icon-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-chip-icon-color:rgb(var(--tone-neutral,0 0 0));--mds-chip-opacity-disabled:var(--opacity-disabled,.6);--mds-chip-backgroud-selected:rgb(var(--tone-neutral-09,76 76 76));--mds-chip-color-selected:rgb(var(--tone-neutral-01,255 255 255));--mds-chip-icon-color-selected:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[1,"mds-chip",{clickable:[1540],deletable:[4],disabled:[4],icon:[1],label:[513],selected:[1540],selectable:[516],variant:[513],tone:[513],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],language:[32],updateLang:[64]},void 0,{selectable:[{handleSelectableProp:0}],clickable:[{handleClickableProp:0}],selected:[{handleSelectedProp:0}]}]);function w(){"undefined"!=typeof customElements&&["mds-chip","mds-button","mds-icon","mds-spinner","mds-text"].forEach((r=>{switch(r){case"mds-chip":customElements.get(i(r))||customElements.define(i(r),f);break;case"mds-button":customElements.get(i(r))||h();break;case"mds-icon":customElements.get(i(r))||b();break;case"mds-spinner":customElements.get(i(r))||m();break;case"mds-text":customElements.get(i(r))||v()}}))}export{f as M,w as d}

package/dist/components/mds-details.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as a,createEvent as e,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{c as r}from"./clsx.js";import{m as s}from"./keyboard-arrow-right.js";import{K as d}from"./keyboard-manager.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=e(this,"mdsDetailsChange",7),this.hasIcon=!0,this.km=new d,this.opened=!1,this.toggle=()=>{this.isOpened=!this.isOpened,this.changedEvent.emit(this.isOpened)},this.checkIcon=()=>{this.hasIcon=null!==this.host.querySelector(':scope > [slot="icon"]')},this.onSlotChangeHandler=()=>{this.checkIcon()}}validateOpened(t){this.isOpened=t}componentWillLoad(){this.isOpened=this.opened,this.checkIcon()}componentDidLoad(){var t;const a=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".header");this.km.addElement(a),this.km.attachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return i(o,{key:"d74c147e767625599ead47337938ca8314758dac"},i("div",{key:"6d0b01f008d95f0eafee89d026fc7131008c521e",class:r("icon",this.hasIcon?"":"icon--hidden"),onClick:this.toggle},i("slot",{key:"da0be4d9fca3fff84841b8ac56c7969103299a8f",name:"icon",onSlotchange:this.onSlotChangeHandler})),i("div",{key:"dfb7b13ef7a28539c1cc50419887c50e3d2ee3fd",class:"content"},i("header",{key:"4209585b8554c8aca288f813849446da4b72d532",class:"header",part:"header",tabindex:"0",onClick:this.toggle},i("div",{key:"825c05b8282b143bf555cf3724a4c61e96fe680d",class:"title",part:"title"},i("slot",{key:"9d339db4c240c11a334105ee8a3c35eba01497a4",name:"title"})),i("i",{key:"2eff776b4d94546fa56c2c744c03d58d453df89b",class:r("helper-icon",this.isOpened&&"opened"),innerHTML:s})),i("div",{key:"cabc3ad3fcb39ca665c73300daf4baad7559fe33",class:r("details",this.isOpened&&"opened")},i("div",{key:"c0522330a06abb1ad0fa336ab1574da972643840",class:"content-expander",part:"content"},i("slot",{key:"6f02ec01d42f17bd88733308c3fd4523ea1e14bd"}),i("div",{key:"64590622875aac471b094064cc20591356f5046b",class:"actions"},i("slot",{key:"daa26ab68c2421e84f4a25634b264376a3874171",name:"action"}))))))}get host(){return this}static get watchers(){return{opened:[{validateOpened:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-details-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));display:grid;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--mds-details-duration,.3s);transition-duration:var(--mds-details-duration,.3s);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:0deg;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.helper-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){--mds-details-duration:0s}:host-context(:root.pref-contrast-more){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-details-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}'}},[257,"mds-details",{opened:[1540],isOpened:[32],hasIcon:[32]},void 0,{opened:[{validateOpened:0}]}]),l=c,m=function(){"undefined"!=typeof customElements&&["mds-details"].forEach((t=>{"mds-details"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{l as MdsDetails,m as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as t,createEvent as a,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{c as r}from"./clsx.js";import{m as s}from"./keyboard-arrow-right.js";import{K as d}from"./keyboard-manager.js";import{s as l}from"./preference.js";const c=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.changedEvent=a(this,"mdsDetailsChange",7),this.hasIcon=!0,this.km=new d,this.opened=!1,this.toggle=()=>{this.isOpened=!this.isOpened,this.changedEvent.emit(this.isOpened)},this.checkIcon=()=>{this.hasIcon=null!==this.host.querySelector(':scope > [slot="icon"]')},this.onSlotChangeHandler=()=>{this.checkIcon()}}validateOpened(i){this.isOpened=i}componentWillLoad(){this.isOpened=this.opened,this.checkIcon()}componentDidLoad(){var i;const t=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector(".header");this.km.addElement(t),this.km.attachClickBehavior()}connectedCallback(){this.unsubscribePrefAnimation=l("animation",(i=>{this.prefAnimation=i})),this.unsubscribePrefContrast=l("contrast",(i=>{this.prefContrast=i}))}disconnectedCallback(){var i,t;null===(i=this.unsubscribePrefAnimation)||void 0===i||i.call(this),null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this),this.km.detachClickBehavior()}render(){return e(o,{key:"9c099aa13a4869198ae511c8722abbc1d9b684ce","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast},e("div",{key:"5b0b549081842677565c7aea5ca8602346857f9e",class:r("icon",this.hasIcon?"":"icon--hidden"),onClick:this.toggle},e("slot",{key:"e3a9dbba4bd5a574ef97d8051377b9f989f2d8b5",name:"icon",onSlotchange:this.onSlotChangeHandler})),e("div",{key:"444e1882f988f27944faa438ef6a0ba15c33c153",class:"content"},e("header",{key:"269d60a72fe939e091b9e73f4a59f9bce7e6d55a",class:"header",part:"header",tabindex:"0",onClick:this.toggle},e("div",{key:"c0ab49608685d0e362da26363b86a44f1a0e54b1",class:"title",part:"title"},e("slot",{key:"d6cdcf48b1a6c7326f2d5db71bc42a89090e850c",name:"title"})),e("i",{key:"bb3b55b3cc3c390b7044e57176a0f907535cf872",class:r("helper-icon",this.isOpened&&"opened"),innerHTML:s})),e("div",{key:"a63bcb71bf9adcff3a2ff5b1b0dfe9637e67805c",class:r("details",this.isOpened&&"opened")},e("div",{key:"a3d08ebdcd8b594b6a370f86d8f306b48135f091",class:"content-expander",part:"content"},e("slot",{key:"3f050900d9ad1973313788f77079023927d4ac84"}),e("div",{key:"b94d54d4954f58699f7292b7aad178f869b0f75a",class:"actions"},e("slot",{key:"286ba37e510969dcdea48f6e31239fc09d816a04",name:"action"}))))))}get host(){return this}static get watchers(){return{opened:[{validateOpened:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-details-duration:.3s;--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233))}}}@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-details-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-details-duration:.3s;--private-details-duration:var(--mds-details-duration,.3s);--mds-details-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-03,233 233 233));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.content{animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));display:grid;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.content:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.details{display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-rows:0fr;opacity:0;overflow:hidden;padding-top:0;pointer-events:none;-webkit-transition-duration:var(--private-details-duration);transition-duration:var(--private-details-duration);transition-property:grid-template-rows,opacity,padding,-ms-grid-rows}.content-expander{display:grid;gap:calc(var(--spacing,.0025rem)*500);min-height:0}.details.opened{grid-template-rows:1fr;opacity:1;overflow:visible;padding-top:calc(var(--spacing,.0025rem)*300);pointer-events:auto}.header{align-items:center;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-xs,8px);display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out}.header:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.icon{cursor:pointer;fill:var(--mds-details-icon-color,rgb(var(--variant-primary-04,184 208 255)))}.icon--hidden{display:none}.helper-icon,.title{cursor:pointer}.helper-icon{display:flex;fill:var(--mds-details-helper-icon-color,rgb(var(--tone-neutral-03,233 233 233)));flex-shrink:0;rotate:0deg;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:rotate;-webkit-transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.helper-icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.helper-icon.opened{rotate:90deg}.actions{display:flex;gap:calc(var(--spacing,.0025rem)*400)}:host([pref-animation=reduce]){--private-details-duration:0s}:host([pref-contrast=more]){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-details-duration:0s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-details-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-details-helper-icon-color:rgb(var(--tone-neutral-02,244 244 244))}}'}},[257,"mds-details",{opened:[1540],prefAnimation:[32],prefContrast:[32],isOpened:[32],hasIcon:[32]},void 0,{opened:[{validateOpened:0}]}]),m=c,p=function(){"undefined"!=typeof customElements&&["mds-details"].forEach((i=>{"mds-details"===i&&(customElements.get(n(i))||customElements.define(n(i),c))}))};export{m as MdsDetails,p as defineCustomElement}

package/dist/components/mds-dropdown2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as r,Host as s,transformTag as n}from"@stencil/core/internal/client";import{K as a}from"./keyboard-manager.js";import{c as i}from"./unit.js";import{B as d,F as h}from"./floating-controller.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.visibleEvent=o(this,"mdsDropdownVisible",7),this.hiddenEvent=o(this,"mdsDropdownHide",7),this.changedEvent=o(this,"mdsDropdownChange",7),this.km=new a,this.backdropController=new d,this.arrow=!0,this.arrowPadding=24,this.autoPlacement=!1,this.backdrop=!1,this.flip=!1,this.interaction="click",this.offset=24,this.placement="bottom",this.shift=!0,this.shiftPadding=24,this.smooth=!0,this.strategy="absolute",this.visible=!1,this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const e=window.getComputedStyle(this.host);this.cssMouseOverDelayDuration=e.getPropertyValue("--mds-dropdown-mouseover-delay")},this.handleCloseDropdown=e=>{if("mouseleave"===e.type)return this.host.removeEventListener("mouseleave",this.handleCloseDropdown),this.caller.removeEventListener("mouseleave",this.handleCloseDropdown),void(this.visible=!1);this.host.contains(e.target)||e.target===this.caller||(this.visible=!1,document.removeEventListener("click",this.handleCloseDropdown))},this.setInteractionBehaviour=()=>{"none"!==this.interaction&&("click"===this.interaction&&this.caller.addEventListener("click",this.onClickTarget.bind(this)),"mouseover"===this.interaction&&(this.caller.addEventListener("mouseover",this.onMouseOverTarget.bind(this)),this.caller.addEventListener("mouseout",this.onMouseOutTarget.bind(this)),this.host.addEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this))))},this.handleCloseDropdownMouseLeave=()=>{clearTimeout(this.mouseoverTimer),this.host.removeEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this)),this.host.addEventListener("mouseleave",this.handleCloseDropdown.bind(this))}}arrowChanged(){this.floatingController.updatePosition()}arrowPaddingChanged(){this.floatingController.updatePosition()}autoPlacementChanged(){this.floatingController.updatePosition()}backdropChanged(e){!1===e&&(this.backdrop=void 0),this.visible&&(e?this.backdropController.attachBackdrop():this.backdropController.detachBackdrop())}flipChanged(){this.floatingController.updatePosition()}offsetChanged(){this.floatingController.updatePosition()}placementChanged(){this.floatingController.updatePosition()}shiftChanged(){this.floatingController.updatePosition()}shiftPaddingChanged(){this.floatingController.updatePosition()}strategyChanged(){this.floatingController.updatePosition()}targetChanged(){""!==this.target&&null!=this.floatingController&&(this.caller=this.floatingController.updateCaller(this.target),this.setInteractionBehaviour(),this.km.addElement(this.host),this.km.attachEscapeBehavior((()=>this.visibleChanged(!1))))}visibleChanged(e){if(this.changedEvent.emit({caller:this.caller,visible:e}),e)return document.addEventListener("click",this.handleCloseDropdown),this.floatingController.updatePosition(),this.backdrop&&this.backdropController.attachBackdrop(),void this.visibleEvent.emit({caller:this.caller,visible:!0});this.floatingController.dismiss(),this.backdrop&&this.backdropController.detachBackdrop(),this.hiddenEvent.emit({caller:this.caller,visible:!1})}onClickTarget(e){e.stopPropagation(),document.body.click(),this.visible=!this.visible}onMouseOverTarget(){this.mouseoverTimer=setTimeout((()=>{clearTimeout(this.mouseoverTimer),this.visible=!0}),i(this.cssMouseOverDelayDuration))}onMouseOutTarget(){clearTimeout(this.mouseoverTimer),this.mouseoverTimer=setTimeout((()=>{clearTimeout(this.mouseoverTimer),this.visible=!1}),i(this.cssMouseOverDelayDuration))}componentDidLoad(){var e;const t=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".arrow");this.floatingController=new h(this.host,t),this.updateCSSCustomProps(),this.targetChanged()}disconnectedCallback(){this.floatingController.dismiss(),this.backdropController.detachBackdrop(),this.km.detachEscapeBehavior()}render(){return r(s,{key:"38c9f3049e6a174dba9a05327d725bdcc0968692",style:{zIndex:`${this.zIndex}`}},r("div",{key:"344784493362d917977d14c4f9c356c42c14ad4c",class:"arrow",innerHTML:'<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n  <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n'}),r("slot",{key:"b8a87aa98e63085aed670018e97134f3452dfedc"}))}get host(){return this}static get watchers(){return{arrow:[{arrowChanged:0}],arrowPadding:[{arrowPaddingChanged:0}],autoPlacement:[{autoPlacementChanged:0}],backdrop:[{backdropChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],shift:[{shiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],target:[{targetChanged:0}],visible:[{visibleChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:3000;--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-drop-shadow-color-rgb:0 0 0;--mds-dropdown-duration:.5s;--mds-dropdown-z-index:4000;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(.9) translateY(-3%)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-dropdown-backdrop-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-dropdown-backdrop-z-index{syntax:"<integer>";inherits:false;initial-value:3000}@property --mds-dropdown-mouseover-delay{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-drop-shadow-color-rgb{syntax:"<number>+";inherits:false;initial-value:0 0 0}@property --mds-dropdown-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-z-index{syntax:"<integer>";inherits:false;initial-value:4000}@property --mds-dropdown-transform-from{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}@property --mds-dropdown-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:var(--magma-backdrop-z-index,3000);--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-drop-shadow-color-rgb:var(--tone-neutral-01,255 255 255);--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15));--mds-dropdown-duration:.5s;--mds-dropdown-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0,0);--mds-dropdown-z-index:var(--magma-dropdown-z-index,4000);background-color:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-md,12px);box-sizing:border-box;corner-shape:var(--magma-corner-shape,round);display:none;filter:var(--mds-dropdown-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);opacity:0;padding:calc(var(--spacing,.0025rem)*600);pointer-events:none;position:fixed;-webkit-transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transition-behavior:allow-discrete;-webkit-transition-duration:var(--mds-dropdown-duration,.5s);transition-duration:var(--mds-dropdown-duration,.5s);transition-property:opacity,transform,transform-origin,display;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index,4000)}:host([visible]:not([visible=false])){display:grid;opacity:1;pointer-events:auto;-webkit-transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%))}@starting-style{:host([visible]:not([visible=false])){opacity:0;transform:scale(0)}}:host([smooth]:not([smooth=false])){transition-property:bottom,left,opacity,right,top,transform,transform-origin}.arrow{display:flex;fill:var(--mds-dropdown-arrow-background,var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:calc(var(--spacing,.0025rem)*-400)}::slotted(*){position:relative;z-index:10}:host-context(:root.pref-animation-reduce){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-backdrop-duration:0s;--mds-dropdown-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}'}},[257,"mds-dropdown",{arrow:[516],arrowPadding:[2,"arrow-padding"],autoPlacement:[4,"auto-placement"],backdrop:[516],flip:[4],interaction:[513],target:[1],offset:[2],placement:[1],shift:[4],shiftPadding:[2,"shift-padding"],smooth:[4],strategy:[1],visible:[1540],zIndex:[2,"z-index"]},void 0,{arrow:[{arrowChanged:0}],arrowPadding:[{arrowPaddingChanged:0}],autoPlacement:[{autoPlacementChanged:0}],backdrop:[{backdropChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],shift:[{shiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],target:[{targetChanged:0}],visible:[{visibleChanged:0}]}]);function p(){"undefined"!=typeof customElements&&["mds-dropdown"].forEach((e=>{"mds-dropdown"===e&&(customElements.get(n(e))||customElements.define(n(e),m))}))}export{m as M,p as d}
+import{proxyCustomElement as r,HTMLElement as o,createEvent as t,h as e,Host as s,transformTag as d}from"@stencil/core/internal/client";import{K as a}from"./keyboard-manager.js";import{c as i}from"./unit.js";import{B as n,F as h}from"./floating-controller.js";import{s as p}from"./preference.js";const l=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.visibleEvent=t(this,"mdsDropdownVisible",7),this.hiddenEvent=t(this,"mdsDropdownHide",7),this.changedEvent=t(this,"mdsDropdownChange",7),this.km=new a,this.backdropController=new n,this.hideArrow=!1,this.arrowPadding=24,this.disableAutoPlacement=!1,this.backdrop=!1,this.flip=!1,this.interaction="click",this.offset=24,this.placement="bottom",this.disableShift=!1,this.shiftPadding=24,this.disableSmooth=!1,this.strategy="absolute",this.visible=!1,this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const r=window.getComputedStyle(this.host);this.cssMouseOverDelayDuration=r.getPropertyValue("--mds-dropdown-mouseover-delay")},this.handleCloseDropdown=r=>{if("mouseleave"===r.type)return this.host.removeEventListener("mouseleave",this.handleCloseDropdown),this.caller.removeEventListener("mouseleave",this.handleCloseDropdown),void(this.visible=!1);this.host.contains(r.target)||r.target===this.caller||(this.visible=!1,document.removeEventListener("click",this.handleCloseDropdown))},this.setInteractionBehaviour=()=>{"none"!==this.interaction&&("click"===this.interaction&&this.caller.addEventListener("click",this.onClickTarget.bind(this)),"mouseover"===this.interaction&&(this.caller.addEventListener("mouseover",this.onMouseOverTarget.bind(this)),this.caller.addEventListener("mouseout",this.onMouseOutTarget.bind(this)),this.host.addEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this))))},this.handleCloseDropdownMouseLeave=()=>{clearTimeout(this.mouseoverTimer),this.host.removeEventListener("mouseover",this.handleCloseDropdownMouseLeave.bind(this)),this.host.addEventListener("mouseleave",this.handleCloseDropdown.bind(this))}}hideArrowChanged(){this.floatingController.updatePosition()}arrowPaddingChanged(){this.floatingController.updatePosition()}disableAutoPlacementChanged(){this.floatingController.updatePosition()}backdropChanged(r){!1===r&&(this.backdrop=void 0),this.visible&&(r?this.backdropController.attachBackdrop():this.backdropController.detachBackdrop())}flipChanged(){this.floatingController.updatePosition()}offsetChanged(){this.floatingController.updatePosition()}placementChanged(){this.floatingController.updatePosition()}disableShiftChanged(){this.floatingController.updatePosition()}shiftPaddingChanged(){this.floatingController.updatePosition()}strategyChanged(){this.floatingController.updatePosition()}targetChanged(){""!==this.target&&null!=this.floatingController&&(this.caller=this.floatingController.updateCaller(this.target),this.setInteractionBehaviour(),this.km.addElement(this.host),this.km.attachEscapeBehavior((()=>this.visibleChanged(!1))))}visibleChanged(r){if(this.changedEvent.emit({caller:this.caller,visible:r}),r)return document.addEventListener("click",this.handleCloseDropdown),this.floatingController.updatePosition(),this.backdrop&&this.backdropController.attachBackdrop(),void this.visibleEvent.emit({caller:this.caller,visible:!0});this.floatingController.dismiss(),this.backdrop&&this.backdropController.detachBackdrop(),this.hiddenEvent.emit({caller:this.caller,visible:!1})}onClickTarget(r){r.stopPropagation(),document.body.click(),this.visible=!this.visible}onMouseOverTarget(){this.mouseoverTimer=setTimeout((()=>{clearTimeout(this.mouseoverTimer),this.visible=!0}),i(this.cssMouseOverDelayDuration))}onMouseOutTarget(){clearTimeout(this.mouseoverTimer),this.mouseoverTimer=setTimeout((()=>{clearTimeout(this.mouseoverTimer),this.visible=!1}),i(this.cssMouseOverDelayDuration))}componentDidLoad(){var r;const o=null===(r=this.host.shadowRoot)||void 0===r?void 0:r.querySelector(".arrow");this.floatingController=new h(this.host,o),this.updateCSSCustomProps(),this.targetChanged()}connectedCallback(){this.unsubscribePrefAnimation=p("animation",(r=>{this.prefAnimation=r})),this.unsubscribePrefContrast=p("contrast",(r=>{this.prefContrast=r})),this.unsubscribePrefTheme=p("theme",(r=>{this.prefTheme=r})),this.unsubscribePrefThemeScheme=p("theme-scheme",(r=>{this.prefThemeScheme=r}))}disconnectedCallback(){var r,o,t,e;null===(r=this.unsubscribePrefAnimation)||void 0===r||r.call(this),null===(o=this.unsubscribePrefContrast)||void 0===o||o.call(this),null===(t=this.unsubscribePrefTheme)||void 0===t||t.call(this),null===(e=this.unsubscribePrefThemeScheme)||void 0===e||e.call(this),this.floatingController.dismiss(),this.backdropController.detachBackdrop(),this.km.detachEscapeBehavior()}render(){return e(s,{key:"2e3c41bd53bb87f70425d3fd6df36ec2ab12dd4c",style:{zIndex:`${this.zIndex}`},"pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},e("div",{key:"17df9d0926a2c68cd8064a44d043e96838ea4c5c",class:"arrow",innerHTML:'<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">\n  <path d="M10.2 2.4C12.6 -0.800001 17.4 -0.800001 19.8 2.4L30 16H0L10.2 2.4Z"/>\n</svg>\n'}),e("slot",{key:"716255642006bdb212b9ff740e957791b3af127f"}))}get host(){return this}static get watchers(){return{hideArrow:[{hideArrowChanged:0}],arrowPadding:[{arrowPaddingChanged:0}],disableAutoPlacement:[{disableAutoPlacementChanged:0}],backdrop:[{backdropChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],disableShift:[{disableShiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],target:[{targetChanged:0}],visible:[{visibleChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--mds-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-z-index:3000;--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-drop-shadow-color-rgb:0 0 0;--mds-dropdown-duration:.5s;--mds-dropdown-z-index:4000;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(.9) translateY(-3%)}}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-dropdown-backdrop-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-dropdown-backdrop-z-index{syntax:"<integer>";inherits:false;initial-value:3000}@property --mds-dropdown-mouseover-delay{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-drop-shadow-color-rgb{syntax:"<number>+";inherits:false;initial-value:0 0 0}@property --mds-dropdown-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-dropdown-z-index{syntax:"<integer>";inherits:false;initial-value:4000}@property --mds-dropdown-transform-from{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}@property --mds-dropdown-transform-to{syntax:"<transform-list>";inherits:false;initial-value:scale(.9)translateY(-3%)}:host{--mds-dropdown-arrow-background:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));--private-dropdown-backdrop-duration:.2s;--mds-dropdown-backdrop-duration:var(--private-dropdown-backdrop-duration);--mds-dropdown-backdrop-z-index:var(--magma-backdrop-z-index,3000);--mds-dropdown-background:rgb(var(--tone-neutral,0 0 0));--mds-dropdown-drop-shadow-color-rgb:var(--tone-neutral-01,255 255 255);--mds-dropdown-drop-shadow:drop-shadow(0 10px 8px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.05)) drop-shadow(0 4px 3px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15)) drop-shadow(0 0 1px rgb(var(--mds-dropdown-drop-shadow-color-rgb,0 0 0)/.15));--mds-dropdown-duration:.5s;--private-dropdown-duration:var(--mds-dropdown-duration,.5s);--mds-dropdown-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-dropdown-mouseover-delay:.5s;--mds-dropdown-transform-from:scale(.9) translateY(-3%);--mds-dropdown-transform-to:scale(1) translate(0,0);--mds-dropdown-z-index:var(--magma-dropdown-z-index,4000);background-color:var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-md,12px);box-sizing:border-box;corner-shape:var(--magma-corner-shape,round);display:none;filter:var(--mds-dropdown-drop-shadow);gap:calc(var(--spacing,.0025rem)*400);opacity:0;padding:calc(var(--spacing,.0025rem)*600);pointer-events:none;position:fixed;-webkit-transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-from,scale(.9) translateY(-3%));transition-behavior:allow-discrete;-webkit-transition-duration:var(--private-dropdown-duration);transition-duration:var(--private-dropdown-duration);transition-property:opacity,transform,transform-origin,display;-webkit-transition-timing-function:var(--mds-dropdown-ease);transition-timing-function:var(--mds-dropdown-ease);z-index:var(--mds-dropdown-z-index,4000)}:host([visible]:not([visible=false])){display:grid;opacity:1;pointer-events:auto;-webkit-transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%));transform:var(--mds-dropdown-transform-to,scale(.9) translateY(-3%))}@starting-style{:host([visible]:not([visible=false])){opacity:0;transform:scale(0)}}:host(:not([disable-smooth])),:host([disable-smooth=false]){transition-property:bottom,left,opacity,right,top,transform,transform-origin}.arrow{display:flex;fill:var(--mds-dropdown-arrow-background,var(--mds-dropdown-background,rgb(var(--tone-neutral,0 0 0))));pointer-events:none;position:fixed;top:calc(var(--spacing,.0025rem)*-400)}::slotted(*){position:relative;z-index:10}:host([pref-animation=reduce]){--private-dropdown-duration:0s;--mds-dropdown-backdrop-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host([pref-contrast=more]){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host([pref-contrast=more][pref-theme=dark]){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.075)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.45))}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-dropdown-duration:0s;--mds-dropdown-backdrop-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-dropdown-drop-shadow:drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 2px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host([pref-contrast=more][pref-theme=system]){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}:host([pref-contrast=system][pref-theme=dark]){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host([pref-contrast=system][pref-theme=system]){--mds-dropdown-drop-shadow:drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.05)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3)) drop-shadow(0 0 4px rgb(var(--tone-neutral-01,255 255 255)/.3))}}'}},[257,"mds-dropdown",{hideArrow:[516,"hide-arrow"],arrowPadding:[2,"arrow-padding"],disableAutoPlacement:[4,"disable-auto-placement"],backdrop:[516],flip:[4],interaction:[513],target:[1],offset:[2],placement:[1],disableShift:[4,"disable-shift"],shiftPadding:[2,"shift-padding"],disableSmooth:[4,"disable-smooth"],strategy:[1],visible:[1540],zIndex:[2,"z-index"],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]},void 0,{hideArrow:[{hideArrowChanged:0}],arrowPadding:[{arrowPaddingChanged:0}],disableAutoPlacement:[{disableAutoPlacementChanged:0}],backdrop:[{backdropChanged:0}],flip:[{flipChanged:0}],offset:[{offsetChanged:0}],placement:[{placementChanged:0}],disableShift:[{disableShiftChanged:0}],shiftPadding:[{shiftPaddingChanged:0}],strategy:[{strategyChanged:0}],target:[{targetChanged:0}],visible:[{visibleChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["mds-dropdown"].forEach((r=>{"mds-dropdown"===r&&(customElements.get(d(r))||customElements.define(d(r),l))}))}export{l as M,m as d}

package/dist/components/mds-emoji.js

@@ -15,4 +15,4 @@ import{proxyCustomElement as t,HTMLElement as i,h as e,Host as n,transformTag as
  * Subject to the terms at https://gsap.com/standard-license
  * @author: Jack Doyle, jack@greensock.com
 */
-var Pe,Ze,_e,Oe,Be,Ee,Te,Ye,Re={},Se=180/Math.PI,ze=Math.PI/180,He=Math.atan2,Le=/([A-Z])/g,De=/(left|right|width|margin|padding|x)/i,Xe=/[\s,\(]\S/,Ve={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},Ae=function(t,i){return i.set(i.t,i.p,Math.round(1e4*(i.s+i.c*t))/1e4+i.u,i)},Ue=function(t,i){return i.set(i.t,i.p,1===t?i.e:Math.round(1e4*(i.s+i.c*t))/1e4+i.u,i)},Ie=function(t,i){return i.set(i.t,i.p,t?Math.round(1e4*(i.s+i.c*t))/1e4+i.u:i.b,i)},Ne=function(t,i){var e=i.s+i.c*t;i.set(i.t,i.p,~~(e+(e<0?-.5:.5))+i.u,i)},$e=function(t,i){return i.set(i.t,i.p,t?i.e:i.b,i)},qe=function(t,i){return i.set(i.t,i.p,1!==t?i.b:i.e,i)},We=function(t,i,e){return t.style[i]=e},Qe=function(t,i,e){return t.style.setProperty(i,e)},Ge=function(t,i,e){return t._gsap[i]=e},Je=function(t,i,e){return t._gsap.scaleX=t._gsap.scaleY=e},Ke=function(t,i,e,n,s){var r=t._gsap;r.scaleX=r.scaleY=e,r.renderTransform(s,r)},tn=function(t,i,e,n,s){var r=t._gsap;r[i]=e,r.renderTransform(s,r)},en="transform",nn=en+"Origin",sn=function t(i,e){var n=this,s=this.target,r=s.style,o=s._gsap;if(i in Re&&r){if(this.tfm=this.tfm||{},"transform"===i)return Ve.transform.split(",").forEach((function(i){return t.call(n,i,e)}));if(~(i=Ve[i]||i).indexOf(",")?i.split(",").forEach((function(t){return n.tfm[t]=xn(s,t)})):this.tfm[i]=o.x?o[i]:xn(s,i),i===nn&&(this.tfm.zOrigin=o.zOrigin),this.props.indexOf(en)>=0)return;o.svg&&(this.svgo=s.getAttribute("data-svg-origin"),this.props.push(nn,e,"")),i=en}(r||e)&&this.props.push(i,e,r[i])},rn=function(t){t.translate&&(t.removeProperty("translate"),t.removeProperty("scale"),t.removeProperty("rotate"))},on=function(){var t,i,e=this.props,n=this.target,s=n.style,r=n._gsap;for(t=0;t<e.length;t+=3)e[t+1]?2===e[t+1]?n[e[t]](e[t+2]):n[e[t]]=e[t+2]:e[t+2]?s[e[t]]=e[t+2]:s.removeProperty("--"===e[t].substr(0,2)?e[t]:e[t].replace(Le,"-$1").toLowerCase());if(this.tfm){for(i in this.tfm)r[i]=this.tfm[i];r.svg&&(r.renderTransform(),n.setAttribute("data-svg-origin",this.svgo||"")),(t=Te())&&t.isStart||s[en]||(rn(s),r.zOrigin&&s[nn]&&(s[nn]+=" "+r.zOrigin+"px",r.zOrigin=0,r.renderTransform()),r.uncache=1)}},hn=function(t,i){var e={target:t,props:[],revert:on,save:sn};return t._gsap||Fe.core.getCache(t),i&&t.style&&t.nodeType&&i.split(",").forEach((function(t){return e.save(t)})),e},an=function(t,i){var e=Ze.createElementNS?Ze.createElementNS((i||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):Ze.createElement(t);return e&&e.style?e:Ze.createElement(t)},un=function t(i,e,n){var s=getComputedStyle(i);return s[e]||s.getPropertyValue(e.replace(Le,"-$1").toLowerCase())||s.getPropertyValue(e)||!n&&t(i,ln(e)||e,1)||""},fn="O,Moz,ms,Ms,Webkit".split(","),ln=function(t,i,e){var n=(i||Be).style,s=5;if(t in n&&!e)return t;for(t=t.charAt(0).toUpperCase()+t.substr(1);s--&&!(fn[s]+t in n););return s<0?null:(3===s?"ms":s>=0?fn[s]:"")+t},dn=function(){"undefined"!=typeof window&&window.document&&(Pe=window,_e=(Ze=Pe.document).documentElement,Be=an("div")||{style:{}},an("div"),en=ln(en),nn=en+"Origin",Be.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Ye=!!ln("perspective"),Te=Fe.core.reverting,Oe=1)},cn=function(t){var i,e=t.ownerSVGElement,n=an("svg",e&&e.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),s=t.cloneNode(!0);s.style.display="block",n.appendChild(s),_e.appendChild(n);try{i=s.getBBox()}catch(t){}return n.removeChild(s),_e.removeChild(n),i},mn=function(t,i){for(var e=i.length;e--;)if(t.hasAttribute(i[e]))return t.getAttribute(i[e])},vn=function(t){var i,e;try{i=t.getBBox()}catch(n){i=cn(t),e=1}return i&&(i.width||i.height)||e||(i=cn(t)),!i||i.width||i.x||i.y?i:{x:+mn(t,["x","cx","x1"])||0,y:+mn(t,["y","cy","y1"])||0,width:0,height:0}},pn=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!vn(t))},gn=function(t,i){if(i){var e,n=t.style;i in Re&&i!==nn&&(i=en),n.removeProperty?("ms"!==(e=i.substr(0,2))&&"webkit"!==i.substr(0,6)||(i="-"+i),n.removeProperty("--"===e?i:i.replace(Le,"-$1").toLowerCase())):n.removeAttribute(i)}},Cn=function(t,i,e,n,s,r){var o=new ce(t._pt,i,e,0,1,r?qe:$e);return t._pt=o,o.b=n,o.e=s,t._props.push(e),o},yn={deg:1,rad:1,turn:1},wn={grid:1,flex:1},jn=function t(i,e,n,s){var r,o,h,a,u=parseFloat(n)||0,f=(n+"").trim().substr((u+"").length)||"px",l=Be.style,d=De.test(e),c="svg"===i.tagName.toLowerCase(),m=(c?"client":"offset")+(d?"Width":"Height"),v=100,p="px"===s,g="%"===s;if(s===f||!u||yn[s]||yn[f])return u;if("px"!==f&&!p&&(u=t(i,e,n,"px")),a=i.getCTM&&pn(i),(g||"%"===f)&&(Re[e]||~e.indexOf("adius")))return r=a?i.getBBox()[d?"width":"height"]:i[m],pt(g?u/r*v:u/100*r);if(l[d?"width":"height"]=v+(p?f:s),o="rem"!==s&&~e.indexOf("adius")||"em"===s&&i.appendChild&&!c?i:i.parentNode,a&&(o=(i.ownerSVGElement||{}).parentNode),o&&o!==Ze&&o.appendChild||(o=Ze.body),(h=o._gsap)&&g&&h.width&&d&&h.time===Pi.time&&!h.uncache)return pt(u/h.width*v);if(!g||"height"!==e&&"width"!==e)(g||"%"===f)&&!wn[un(o,"display")]&&(l.position=un(i,"position")),o===i&&(l.position="static"),o.appendChild(Be),r=Be[m],o.removeChild(Be),l.position="absolute";else{var C=i.style[e];i.style[e]=v+s,r=i[m],C?i.style[e]=C:gn(i,e)}return d&&g&&((h=ct(o)).time=Pi.time,h.width=o[m]),pt(p?r*u/v:r&&u?v/r*u:0)},xn=function(t,i,e,n){var s;return Oe||dn(),i in Ve&&"transform"!==i&&~(i=Ve[i]).indexOf(",")&&(i=i.split(",")[0]),Re[i]&&"transform"!==i?(s=Yn(t,n),s="transformOrigin"!==i?s[i]:s.svg?s.origin:Rn(un(t,nn))+" "+s.zOrigin+"px"):(!(s=t.style[i])||"auto"===s||n||~(s+"").indexOf("calc("))&&(s=Pn[i]&&Pn[i](t,i,e)||un(t,i)||mt(t,i)||("opacity"===i?1:0)),e&&!~(s+"").trim().indexOf(" ")?jn(t,i,s,e)+e:s},Mn=function(t,i,e,n){if(!e||"none"===e){var s=ln(i,t,1),r=s&&un(t,s,1);r&&r!==e?(i=s,e=r):"borderColor"===i&&(e=un(t,"borderTopColor"))}var o,h,a,u,f,l,d,c,m,v,p,g=new ce(this._pt,t.style,i,0,1,he),C=0,y=0;if(g.b=e,g.e=n,e+="","var(--"===(n+="").substring(0,6)&&(n=un(t,n.substring(4,n.indexOf(")")))),"auto"===n&&(l=t.style[i],t.style[i]=n,n=un(t,i)||n,l?t.style[i]=l:gn(t,i)),Fi(o=[e,n]),n=o[1],a=(e=o[0]).match(A)||[],(n.match(A)||[]).length){for(;h=A.exec(n);)d=h[0],m=n.substring(C,h.index),f?f=(f+1)%5:"rgba("!==m.substr(-5)&&"hsla("!==m.substr(-5)||(f=1),d!==(l=a[y++]||"")&&(p=l.substr(((u=parseFloat(l)||0)+"").length),"="===d.charAt(1)&&(d=Ct(u,d)+p),v=d.substr(((c=parseFloat(d))+"").length),C=A.lastIndex-v.length,v||(v=v||j.units[i]||p,C===n.length&&(n+=v,g.e+=v)),p!==v&&(u=jn(t,i,l,v)||0),g._pt={_next:g._pt,p:m||1===y?m:",",s:u,c:c-u,m:f&&f<4||"zIndex"===i?Math.round:0});g.c=C<n.length?n.substring(C,n.length):""}else g.r="display"===i&&"none"===n?qe:$e;return I.test(n)&&(g.e=0),this._pt=g,g},bn={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},kn=function(t){var i=t.split(" "),e=i[0],n=i[1]||"50%";return"top"!==e&&"bottom"!==e&&"left"!==n&&"right"!==n||(t=e,e=n,n=t),i[0]=bn[e]||e,i[1]=bn[n]||n,i.join(" ")},Fn=function(t,i){if(i.tween&&i.tween._time===i.tween._dur){var e,n,s,r=i.t,o=r.style,h=i.u,a=r._gsap;if("all"===h||!0===h)o.cssText="",n=1;else for(s=(h=h.split(",")).length;--s>-1;)Re[e=h[s]]&&(n=1,e="transformOrigin"===e?nn:en),gn(r,e);n&&(gn(r,en),a&&(a.svg&&r.removeAttribute("transform"),o.scale=o.rotate=o.translate="none",Yn(r,1),a.uncache=1,rn(o)))}},Pn={clearProps:function(t,i,e,n,s){if("isFromStart"!==s.data){var r=t._pt=new ce(t._pt,i,e,0,0,Fn);return r.u=n,r.pr=-10,r.tween=s,t._props.push(e),1}}},Zn=[1,0,0,1,0,0],_n={},On=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},Bn=function(t){var i=un(t,en);return On(i)?Zn:i.substr(7).match(V).map(pt)},En=function(t,i){var e,n,s,r,o=t._gsap||ct(t),h=t.style,a=Bn(t);return o.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(a=[(s=t.transform.baseVal.consolidate().matrix).a,s.b,s.c,s.d,s.e,s.f]).join(",")?Zn:a:(a!==Zn||t.offsetParent||t===_e||o.svg||(s=h.display,h.display="block",(e=t.parentNode)&&(t.offsetParent||t.getBoundingClientRect().width)||(r=1,n=t.nextElementSibling,_e.appendChild(t)),a=Bn(t),s?h.display=s:gn(t,"display"),r&&(n?e.insertBefore(t,n):e?e.appendChild(t):_e.removeChild(t))),i&&a.length>6?[a[0],a[1],a[4],a[5],a[12],a[13]]:a)},Tn=function(t,i,e,n,s,r){var o,h,a,u=t._gsap,f=s||En(t,!0),l=u.xOrigin||0,d=u.yOrigin||0,c=u.xOffset||0,m=u.yOffset||0,v=f[0],p=f[1],g=f[2],C=f[3],y=f[4],w=f[5],j=i.split(" "),x=parseFloat(j[0])||0,M=parseFloat(j[1])||0;e?f!==Zn&&(h=v*C-p*g)&&(a=x*(-p/h)+M*(v/h)-(v*w-p*y)/h,x=x*(C/h)+M*(-g/h)+(g*w-C*y)/h,M=a):(x=(o=vn(t)).x+(~j[0].indexOf("%")?x/100*o.width:x),M=o.y+(~(j[1]||j[0]).indexOf("%")?M/100*o.height:M)),n||!1!==n&&u.smooth?(u.xOffset=c+((y=x-l)*v+(w=M-d)*g)-y,u.yOffset=m+(y*p+w*C)-w):u.xOffset=u.yOffset=0,u.xOrigin=x,u.yOrigin=M,u.smooth=!!n,u.origin=i,u.originIsAbsolute=!!e,t.style[nn]="0px 0px",r&&(Cn(r,u,"xOrigin",l,x),Cn(r,u,"yOrigin",d,M),Cn(r,u,"xOffset",c,u.xOffset),Cn(r,u,"yOffset",m,u.yOffset)),t.setAttribute("data-svg-origin",x+" "+M)},Yn=function(t,i){var e=t._gsap||new Di(t);if("x"in e&&!i&&!e.uncache)return e;var n,s,r,o,h,a,u,f,l,d,c,m,v,p,g,C,y,w,x,M,b,k,F,P,Z,_,O,B,E,T,Y,R,S=t.style,z=e.scaleX<0,H="px",L="deg",D=getComputedStyle(t),X=un(t,nn)||"0";return n=s=r=a=u=f=l=d=c=0,o=h=1,e.svg=!(!t.getCTM||!pn(t)),D.translate&&("none"===D.translate&&"none"===D.scale&&"none"===D.rotate||(S[en]=("none"!==D.translate?"translate3d("+(D.translate+" 0 0").split(" ").slice(0,3).join(", ")+") ":"")+("none"!==D.rotate?"rotate("+D.rotate+") ":"")+("none"!==D.scale?"scale("+D.scale.split(" ").join(",")+") ":"")+("none"!==D[en]?D[en]:"")),S.scale=S.rotate=S.translate="none"),p=En(t,e.svg),e.svg&&(e.uncache?(Z=t.getBBox(),X=e.xOrigin-Z.x+"px "+(e.yOrigin-Z.y)+"px",P=""):P=!i&&t.getAttribute("data-svg-origin"),Tn(t,P||X,!!P||e.originIsAbsolute,!1!==e.smooth,p)),m=e.xOrigin||0,v=e.yOrigin||0,p!==Zn&&(w=p[0],x=p[1],M=p[2],b=p[3],n=k=p[4],s=F=p[5],6===p.length?(o=Math.sqrt(w*w+x*x),h=Math.sqrt(b*b+M*M),a=w||x?He(x,w)*Se:0,(l=M||b?He(M,b)*Se+a:0)&&(h*=Math.abs(Math.cos(l*ze))),e.svg&&(n-=m-(m*w+v*M),s-=v-(m*x+v*b))):(T=p[7],O=p[8],B=p[9],Y=p[11],n=p[12],s=p[13],r=p[14],u=(g=He(R=p[6],E=p[10]))*Se,g&&(P=k*(C=Math.cos(-g))+O*(y=Math.sin(-g)),Z=F*C+B*y,_=R*C+E*y,O=k*-y+O*C,B=F*-y+B*C,E=R*-y+E*C,Y=T*-y+Y*C,k=P,F=Z,R=_),f=(g=He(-M,E))*Se,g&&(C=Math.cos(-g),Y=b*(y=Math.sin(-g))+Y*C,w=P=w*C-O*y,x=Z=x*C-B*y,M=_=M*C-E*y),a=(g=He(x,w))*Se,g&&(P=w*(C=Math.cos(g))+x*(y=Math.sin(g)),Z=k*C+F*y,x=x*C-w*y,F=F*C-k*y,w=P,k=Z),u&&Math.abs(u)+Math.abs(a)>359.9&&(u=a=0,f=180-f),o=pt(Math.sqrt(w*w+x*x+M*M)),h=pt(Math.sqrt(F*F+R*R)),g=He(k,F),l=Math.abs(g)>2e-4?g*Se:0,c=Y?1/(Y<0?-Y:Y):0),e.svg&&(P=t.getAttribute("transform"),e.forceCSS=t.setAttribute("transform","")||!On(un(t,en)),P&&t.setAttribute("transform",P))),Math.abs(l)>90&&Math.abs(l)<270&&(z?(o*=-1,l+=a<=0?180:-180,a+=a<=0?180:-180):(h*=-1,l+=l<=0?180:-180)),i=i||e.uncache,e.x=n-((e.xPercent=n&&(!i&&e.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-n)?-50:0)))?t.offsetWidth*e.xPercent/100:0)+H,e.y=s-((e.yPercent=s&&(!i&&e.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-s)?-50:0)))?t.offsetHeight*e.yPercent/100:0)+H,e.z=r+H,e.scaleX=pt(o),e.scaleY=pt(h),e.rotation=pt(a)+L,e.rotationX=pt(u)+L,e.rotationY=pt(f)+L,e.skewX=l+L,e.skewY=d+L,e.transformPerspective=c+H,(e.zOrigin=parseFloat(X.split(" ")[2])||!i&&e.zOrigin||0)&&(S[nn]=Rn(X)),e.xOffset=e.yOffset=0,e.force3D=j.force3D,e.renderTransform=e.svg?Vn:Ye?Xn:zn,e.uncache=0,e},Rn=function(t){return(t=t.split(" "))[0]+" "+t[1]},Sn=function(t,i,e){var n=ti(i);return pt(parseFloat(i)+parseFloat(jn(t,"x",e+"px",n)))+n},zn=function(t,i){i.z="0px",i.rotationY=i.rotationX="0deg",i.force3D=0,Xn(t,i)},Hn="0deg",Ln="0px",Dn=") ",Xn=function(t,i){var e=i||this,n=e.xPercent,s=e.yPercent,r=e.x,o=e.y,h=e.z,a=e.rotation,u=e.rotationY,f=e.rotationX,l=e.skewX,d=e.skewY,c=e.scaleX,m=e.scaleY,v=e.transformPerspective,p=e.force3D,g=e.target,C=e.zOrigin,y="",w="auto"===p&&t&&1!==t||!0===p;if(C&&(f!==Hn||u!==Hn)){var j,x=parseFloat(u)*ze,M=Math.sin(x),b=Math.cos(x);r=Sn(g,r,M*(j=Math.cos(x=parseFloat(f)*ze))*-C),o=Sn(g,o,-Math.sin(x)*-C),h=Sn(g,h,b*j*-C+C)}v!==Ln&&(y+="perspective("+v+Dn),(n||s)&&(y+="translate("+n+"%, "+s+"%) "),(w||r!==Ln||o!==Ln||h!==Ln)&&(y+=h!==Ln||w?"translate3d("+r+", "+o+", "+h+") ":"translate("+r+", "+o+Dn),a!==Hn&&(y+="rotate("+a+Dn),u!==Hn&&(y+="rotateY("+u+Dn),f!==Hn&&(y+="rotateX("+f+Dn),l===Hn&&d===Hn||(y+="skew("+l+", "+d+Dn),1===c&&1===m||(y+="scale("+c+", "+m+Dn),g.style[en]=y||"translate(0, 0)"},Vn=function(t,i){var e,n,s,r,o,h=i||this,a=h.xPercent,u=h.yPercent,f=h.x,l=h.y,d=h.rotation,c=h.skewX,m=h.skewY,v=h.scaleX,p=h.scaleY,g=h.target,C=h.xOrigin,y=h.yOrigin,w=h.xOffset,j=h.yOffset,x=h.forceCSS,M=parseFloat(f),b=parseFloat(l);d=parseFloat(d),c=parseFloat(c),(m=parseFloat(m))&&(c+=m=parseFloat(m),d+=m),d||c?(c*=ze,e=Math.cos(d*=ze)*v,n=Math.sin(d)*v,s=Math.sin(d-c)*-p,r=Math.cos(d-c)*p,c&&(s*=o=Math.sqrt(1+(o=Math.tan(c-(m*=ze)))*o),r*=o,m&&(e*=o=Math.sqrt(1+(o=Math.tan(m))*o),n*=o)),e=pt(e),n=pt(n),s=pt(s),r=pt(r)):(e=v,r=p,n=s=0),(M&&!~(f+"").indexOf("px")||b&&!~(l+"").indexOf("px"))&&(M=jn(g,"x",f,"px"),b=jn(g,"y",l,"px")),(C||y||w||j)&&(M=pt(M+C-(C*e+y*s)+w),b=pt(b+y-(C*n+y*r)+j)),(a||u)&&(o=g.getBBox(),M=pt(M+a/100*o.width),b=pt(b+u/100*o.height)),g.setAttribute("transform",o="matrix("+e+","+n+","+s+","+r+","+M+","+b+")"),x&&(g.style[en]=o)},An=function(t,i,e,n,s){var r,o,h=360,a=B(s),u=parseFloat(s)*(a&&~s.indexOf("rad")?Se:1)-n,f=n+u+"deg";return a&&("short"===(r=s.split("_")[1])&&(u%=h)!=u%180&&(u+=u<0?h:-360),"cw"===r&&u<0?u=(u+36e9)%h-~~(u/h)*h:"ccw"===r&&u>0&&(u=(u-36e9)%h-~~(u/h)*h)),t._pt=o=new ce(t._pt,i,e,n,u,Ue),o.e=f,o.u="deg",t._props.push(e),o},Un=function(t,i){for(var e in i)t[e]=i[e];return t},In=function(t,i,e){var n,s,r,o,h,a,u=Un({},e._gsap),f=e.style;for(s in u.svg?(r=e.getAttribute("transform"),e.setAttribute("transform",""),f[en]=i,n=Yn(e,1),gn(e,en),e.setAttribute("transform",r)):(r=getComputedStyle(e)[en],f[en]=i,n=Yn(e,1),f[en]=r),Re)(r=u[s])!==(o=n[s])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(s)<0&&(h=ti(r)!==(a=ti(o))?jn(e,s,r,a):parseFloat(r),t._pt=new ce(t._pt,n,s,h,parseFloat(o)-h,Ae),t._pt.u=a||0,t._props.push(s));Un(n,u)};vt("padding,margin,Width,Radius",(function(t,i){var e="Top",n="Right",s="Bottom",r="Left",o=(i<3?[e,n,s,r]:[e+r,e+n,s+n,s+r]).map((function(e){return i<2?t+e:"border"+e+t}));Pn[i>1?"border"+t:t]=function(t,i,e,n,s){var r,h;if(arguments.length<4)return r=o.map((function(i){return xn(t,i,e)})),5===(h=r.join(" ")).split(r[0]).length?r[0]:h;r=(n+"").split(" "),h={},o.forEach((function(t,i){return h[t]=r[i]=r[i]||r[(i-1)/2|0]})),t.init(i,h,s)}}));var Nn={name:"css",register:dn,targetTest:function(t){return t.style&&t.nodeType},init:function(t,i,e,n,s){var r,o,h,a,u,f,l,d,c,m,v,p,g,C,y,w,x=this._props,M=t.style,b=e.vars.startAt;for(l in Oe||dn(),this.styles=this.styles||hn(t),w=this.styles.props,this.tween=e,i)if("autoRound"!==l&&(o=i[l],!ht[l]||!$i(l,i,e,n,t,s)))if(f=Pn[l],"function"==(u=typeof o)&&(u=typeof(o=o.call(e,n,t,s))),"string"===u&&~o.indexOf("random(")&&(o=li(o)),f)f(this,t,l,o,e)&&(y=1);else if("--"===l.substr(0,2))r=(getComputedStyle(t).getPropertyValue(l)+"").trim(),o+="",bi.lastIndex=0,bi.test(r)||(d=ti(r),c=ti(o)),c?d!==c&&(r=jn(t,l,r,c)+c):d&&(o+=d),this.add(M,"setProperty",r,o,n,s,0,0,l),x.push(l),w.push(l,0,M[l]);else if("undefined"!==u){if(b&&l in b?(r="function"==typeof b[l]?b[l].call(e,n,t,s):b[l],B(r)&&~r.indexOf("random(")&&(r=li(r)),ti(r+"")||"auto"===r||(r+=j.units[l]||ti(xn(t,l))||""),"="===(r+"")[1]&&(r=xn(t,l))):r=xn(t,l),a=parseFloat(r),(m="string"===u&&"="===o.charAt(1)&&o.substr(0,2))&&(o=o.substr(2)),h=parseFloat(o),l in Ve&&("autoAlpha"===l&&(1===a&&"hidden"===xn(t,"visibility")&&h&&(a=0),w.push("visibility",0,M.visibility),Cn(this,M,"visibility",a?"inherit":"hidden",h?"inherit":"hidden",!h)),"scale"!==l&&"transform"!==l&&~(l=Ve[l]).indexOf(",")&&(l=l.split(",")[0])),v=l in Re)if(this.styles.save(l),"string"===u&&"var(--"===o.substring(0,6)&&(o=un(t,o.substring(4,o.indexOf(")"))),h=parseFloat(o)),p||((g=t._gsap).renderTransform&&!i.parseTransform||Yn(t,i.parseTransform),C=!1!==i.smoothOrigin&&g.smooth,(p=this._pt=new ce(this._pt,M,en,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===l)this._pt=new ce(this._pt,g,"scaleY",g.scaleY,(m?Ct(g.scaleY,m+h):h)-g.scaleY||0,Ae),this._pt.u=0,x.push("scaleY",l),l+="X";else{if("transformOrigin"===l){w.push(nn,0,M[nn]),o=kn(o),g.svg?Tn(t,o,0,C,0,this):((c=parseFloat(o.split(" ")[2])||0)!==g.zOrigin&&Cn(this,g,"zOrigin",g.zOrigin,c),Cn(this,M,l,Rn(r),Rn(o)));continue}if("svgOrigin"===l){Tn(t,o,1,C,0,this);continue}if(l in _n){An(this,g,l,a,m?Ct(a,m+o):o);continue}if("smoothOrigin"===l){Cn(this,g,"smooth",g.smooth,o);continue}if("force3D"===l){g[l]=o;continue}if("transform"===l){In(this,o,t);continue}}else l in M||(l=ln(l)||l);if(v||(h||0===h)&&(a||0===a)&&!Xe.test(o)&&l in M)h||(h=0),(d=(r+"").substr((a+"").length))!==(c=ti(o)||(l in j.units?j.units[l]:d))&&(a=jn(t,l,r,c)),this._pt=new ce(this._pt,v?g:M,l,a,(m?Ct(a,m+h):h)-a,v||"px"!==c&&"zIndex"!==l||!1===i.autoRound?Ae:Ne),this._pt.u=c||0,d!==c&&"%"!==c&&(this._pt.b=r,this._pt.r=Ie);else if(l in M)Mn.call(this,t,l,r,m?m+o:o);else if(l in t)this.add(t,l,r||t[l],m?m+o:o,n,s);else if("parseTransform"!==l){G(l,o);continue}v||(l in M?w.push(l,0,M[l]):"function"==typeof t[l]?w.push(l,2,t[l]()):w.push(l,1,r||t[l])),x.push(l)}y&&de(this)},render:function(t,i){if(i.tween._time||!Te())for(var e=i._pt;e;)e.r(t,e.d),e=e._next;else i.styles.revert()},get:xn,aliases:Ve,getSetter:function(t,i,e){var n=Ve[i];return n&&n.indexOf(",")<0&&(i=n),i in Re&&i!==nn&&(t._gsap.x||xn(t,"x"))?e&&Ee===e?"scale"===i?Je:Ge:(Ee=e||{})&&("scale"===i?Ke:tn):t.style&&!Y(t.style[i])?We:~i.indexOf("-")?Qe:se(t,i)},core:{_removeProperty:gn,_getMatrix:En}};Fe.utils.checkPrefix=ln,Fe.core.getStyleSaver=hn,function(t,i){var e=vt(t+","+i+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Re[t]=1}));vt(i,(function(t){j.units[t]="deg",_n[t]=1})),Ve[e[13]]=t+","+i,vt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var i=t.split(":");Ve[i[1]]=e[i[0]]}))}("x,y,z,scale,scaleX,scaleY,xPercent,yPercent","rotation,rotationX,rotationY,skewX,skewY"),vt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){j.units[t]="px"})),Fe.registerPlugin(Nn);var $n=Fe.registerPlugin(Nn)||Fe;const qn=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.name="mia",this.emojiOriginalSize=0,this.isFollowingMouse=!1,this.isBusy=!1,this.isSmiling=!1,this.isAgreeing=!1,this.isThinking=!1,this.isBlinking=!1,this.isDisagreeing=!1,this.wasFollowingMouse=!1,this.wasBlinking=!1,this.headOffsetX=0,this.headOffsetY=0,this.headOffset=0,this.eyesOffsetX=0,this.eyesOffsetY=0,this.eyesOffset=1,this.mouthOffsetX=0,this.mouthOffsetY=0,this.mouthOffset=1,this.handOffsetX=0,this.handOffsetY=0,this.handOffset=2,this.gadgetOffsetX=0,this.gadgetOffsetY=0,this.gadgetOffset=2,this.eyebrowsOffsetX=0,this.eyebrowsOffsetY=0,this.eyebrowsOffset=2,this.earsOffsetX=0,this.earsOffsetY=0,this.earsOffset=2,this.mouseX=0,this.mouseY=0,this.currentRotateX=0,this.currentRotateY=0,this.expressionAngleMax=16,this.expressionFollowMouseHeadDuration=.3,this.expressionFollowMouseTraitsDuration=.2,this.blinkTimeline=null,this.blinkDelay=null,this.svgLibrary={mia:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <g id="head-default">\n    <path id="border-head" d="M15.8188 3C16.5046 3.00015 17.141 3.36269 17.4986 3.95703L21.7112 10.957C22.0963 11.5972 22.0963 12.4028 21.7112 13.043L17.4986 20.043C17.141 20.6373 16.5046 20.9998 15.8188 21H8.18127C7.49525 21 6.85822 20.6375 6.50049 20.043L2.28892 13.043C1.90369 12.4027 1.90369 11.5973 2.28892 10.957L6.50049 3.95703C6.85822 3.36252 7.49525 3 8.18127 3H15.8188Z" stroke="var(--mds-emoji-mia-head-stroke-color, rgb(194 160 251))" stroke-width="var(--mds-emoji-mia-head-stroke-width, 2px)" fill="var(--mds-emoji-mia-head-stroke-color, rgb(194 160 251))"/>\n    <path id="path-head" d="M15.8188 3C16.5046 3.00015 17.141 3.36269 17.4986 3.95703L21.7112 10.957C22.0963 11.5972 22.0963 12.4028 21.7112 13.043L17.4986 20.043C17.141 20.6373 16.5046 20.9998 15.8188 21H8.18127C7.49525 21 6.85822 20.6375 6.50049 20.043L2.28892 13.043C1.90369 12.4027 1.90369 11.5973 2.28892 10.957L6.50049 3.95703C6.85822 3.36252 7.49525 3 8.18127 3H15.8188Z" fill="var(--mds-emoji-mia-head-color, rgb(224 207 253))"/>\n  </g>\n  <g id="eyes-default">\n    <path id="left-eye" d="M8 8H10V12H8V8Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n    <path id="right-eye" d="M14 8H16V12H14V8Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n  </g>\n  <g id="eyes-closed">\n    <path id="left-eye-closed" d="M6 10H10V12H6V10Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n    <path id="right-eye-closed" d="M14 10H18V12H14V10Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n  </g>\n  <path id="mouth-default" d="M16.707 15.707C15.4771 16.937 13.6985 17.5 12 17.5C10.3015 17.5 8.52294 16.937 7.29297 15.707L8.70703 14.293C9.47706 15.063 10.6985 15.5 12 15.5C13.3015 15.5 14.5229 15.063 15.293 14.293L16.707 15.707Z" fill="var(--mds-emoji-mia-mouth-color, rgb(98 12 245))"/>\n  <path id="mouth-smile" d="M16 14H8C8.33333 15.3333 9 18 12 18C15 18 15.6667 15.3333 16 14Z" fill="var(--mds-emoji-mia-mouth-color, rgb(98 12 245))"/>\n  <path id="mouth-serious" d="M8 15H16V17H8V15Z" fill="var(--mds-emoji-mia-mouth-color, rgb(98 12 245))"/>\n  <path id="hand-think" style="visibility:hidden;" d="M6 16C6.55228 16 7 16.4477 7 17V18H13C13.5523 18 14 18.4477 14 19C14 19.5523 13.5523 20 13 20H10.3818C11.1252 20 11.6088 20.7824 11.2764 21.4473L10.2764 23.4473C10.107 23.786 9.76059 24 9.38184 24H4V20L5 18V16H6Z" fill="var(--mds-emoji-mia-hands-color, rgb(98 12 245))"/>\n</svg>\n',simi:'<svg width="440" height="440" viewBox="0 0 440 440" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <g id="ears-default">\n    <g id="ear-right">\n      <path id="ear-right-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M363.838 54.3257C339.126 44.6171 278.031 90.7244 256.023 111.557C205.523 159.363 303.523 209.826 358.387 195.099C380.992 189.032 391.095 169.008 388.672 165.367C386.734 162.454 374.135 161.322 368.078 161.12C376.962 129.567 388.551 64.0342 363.838 54.3257Z"/>\n      <path id="ear-right-inner-shape" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M351.676 53.2891C356.294 52.7076 360.415 52.9806 363.838 54.3252C364.658 54.6472 365.437 55.0331 366.178 55.4746C368.347 56.9073 370.299 58.8573 372.053 61.2344C385.423 81.3621 375.744 133.891 368.078 161.119C374.135 161.321 386.734 162.455 388.672 165.367C391.094 169.008 380.992 189.032 358.387 195.1C357.17 195.426 355.929 195.687 354.667 195.888C317.523 201.796 244.693 161.119 265.859 130.788C281.528 108.336 324.274 59.2313 351.676 53.2891Z"/>\n      <path id="ear-right-hole" fill="var(--mds-emoji-simi-skin-dark, #C3481B)" d="M350.023 84.8079C329.105 90.1196 311.307 114.384 305.023 125.853C299.251 136.387 303.53 147.927 311.277 155C320.553 163.469 334.801 165.535 342.726 151.808C361.778 118.808 355.529 93.3915 350.023 84.8079Z"/>\n      <path id="ear-right-outline-border" stroke="var(--mds-emoji-simi-skin-dark, #C3481B)" stroke-width="9" stroke-linecap="round" d="M363.838 54.3257C339.126 44.6171 278.031 90.7244 256.023 111.557C205.523 159.363 303.523 209.826 358.387 195.099C380.992 189.032 391.095 169.008 388.672 165.367C386.734 162.454 374.135 161.322 368.078 161.12C376.962 129.567 388.551 64.0342 363.838 54.3257Z"/>\n      <path id="ear-right-border" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M349.523 84.5C334.523 89 291.523 121 306.523 149"/>\n    </g>\n    <g id="ear-left">\n      <path id="ear-left-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M77.1852 54.3257C101.898 44.6171 162.993 90.7244 185 111.557C235.5 159.363 137.5 209.826 82.6365 195.099C60.0315 189.032 49.9287 169.008 52.3515 165.367C54.2897 162.454 66.8883 161.322 72.9453 161.12C64.0617 129.567 52.4726 64.0342 77.1852 54.3257Z"/>\n      <path id="ear-left-inner-shape" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M89.3476 53.2891C84.7294 52.7076 80.6085 52.9806 77.1855 54.3252C76.3658 54.6472 75.5869 55.0331 74.8457 55.4746C72.6763 56.9073 70.7246 58.8573 68.9707 61.2344C55.6008 81.3621 65.2794 133.891 72.9453 161.119C66.8883 161.321 54.2898 162.455 52.3516 165.367C49.9291 169.008 60.0319 189.032 82.6367 195.1C83.8533 195.426 85.0943 195.687 86.3564 195.888C123.5 201.796 196.33 161.119 175.164 130.788C159.496 108.336 116.75 59.2313 89.3476 53.2891Z"/>\n      <path id="ear-left-hole" fill="var(--mds-emoji-simi-skin-dark, #C3481B)" d="M91 84.8079C111.919 90.1196 129.716 114.384 136 125.853C141.772 136.387 137.494 147.927 129.747 155C120.471 163.469 106.223 165.535 98.2973 151.808C79.2451 118.808 85.494 93.3915 91 84.8079Z"/>\n      <path id="ear-left-outline-border" stroke="var(--mds-emoji-simi-skin-dark, #C3481B)" stroke-width="9" stroke-linecap="round" d="M77.1852 54.3257C101.898 44.6171 162.993 90.7244 185 111.557C235.5 159.363 137.5 209.826 82.6365 195.099C60.0315 189.032 49.9287 169.008 52.3515 165.367C54.2897 162.454 66.8883 161.322 72.9453 161.12C64.0617 129.567 52.4726 64.0342 77.1852 54.3257Z"/>\n      <path id="ear-left-border" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M91.5 84.5C106.5 89 149.5 121 134.5 149"/>\n    </g>\n  </g>\n  <g id="head-default">\n    <path id="shape-head" fill="var(--mds-emoji-simi-skin, #F36320)" d="M378.732 217.557C340.98 122.357 268.622 107.557 219.909 107.557C171.197 107.557 98.8384 122.357 61.0863 217.557C50.181 245.057 52.6419 250.557 21.1818 271.057C19.6595 281.557 27.7783 295.057 42.4935 297.057C38.7724 298.224 30.5183 300.557 27.2708 300.557C23.2115 300.557 65.1456 387.557 219.909 387.557C374.673 387.557 416.789 300.057 412.729 300.057C409.482 300.057 401.228 297.724 397.507 296.557C412.222 294.557 420.34 281.057 418.818 270.557C387.358 250.057 389.637 245.057 378.732 217.557Z"/>\n    <g id="ear-tufts">\n      <g id="right-tuft">\n        <path id="right-tuft-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M336.411 123.628C333.005 118.799 313.911 124.433 304.789 127.853C295.789 132.254 282.34 139.697 296.289 146.057C313.289 153.808 342.492 168.294 342.492 153.808C343.708 143.547 331.749 140.126 326.681 139.321C331.343 136.102 339.816 128.457 336.411 123.628Z"/>\n        <path id="right-tuft-outline" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M304.789 127.853C313.911 124.433 333.005 118.799 336.411 123.628C339.816 128.457 331.343 136.102 326.681 139.321C331.749 140.126 343.708 143.547 342.492 153.808"/>\n      </g>\n      <g id="left-tuft">\n        <path id="left-tuft-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M104.167 122.628C107.573 117.799 126.667 123.433 135.789 126.853C144.789 131.254 158.239 138.697 144.289 145.057C127.289 152.808 98.0863 167.294 98.0863 152.808C96.8701 142.547 108.83 139.126 113.897 138.321C109.235 135.102 100.762 127.457 104.167 122.628Z"/>\n        <path id="left-tuft-outline" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M135.789 126.853C126.667 123.433 107.573 117.799 104.167 122.628C100.762 127.457 109.235 135.102 113.897 138.321C108.83 139.126 96.8701 142.547 98.0864 152.808"/>\n      </g>\n    </g>\n    <g id="cheeks">\n      <path id="right-cheek" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M380.5 290.057C364 262.557 340 266.355 318 279.057C344.5 305.557 344 327.557 330 361.557C384.8 341.157 386.5 305.39 380.5 290.057Z"/>\n      <path id="left-cheek" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M59.3658 290.057C75.8658 262.557 99.8658 266.355 121.866 279.057C95.3658 305.557 95.8658 327.557 109.866 361.557C55.0658 341.157 53.3658 305.39 59.3658 290.057Z"/>\n    </g>\n    <path id="chin" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 372.557C256.675 372.557 286 352.186 286 327.057C286 301.928 256.675 260.557 220.5 260.557C184.325 260.557 155 301.928 155 327.057C155 352.186 184.325 372.557 220.5 372.557Z"/>\n  </g>\n  <g id="eyebrows-default">\n    <path id="left-eyebrow" fill="var(--mds-emoji-simi-eyebrow, #FEEFD8)" d="M175.248 176.007C177.691 183.997 168.289 189.539 152.865 194.255C137.442 198.97 131.072 201.193 128.629 193.203C126.186 185.212 132.802 175.371 148.226 170.655C163.649 165.94 172.805 168.016 175.248 176.007Z"/>\n    <path id="right-eyebrow" fill="var(--mds-emoji-simi-eyebrow, #FEEFD8)" d="M265.189 175.007C262.746 182.997 272.148 188.539 287.572 193.255C302.995 197.97 309.365 200.193 311.808 192.203C314.251 184.212 307.635 174.371 292.211 169.655C276.788 164.94 267.632 167.016 265.189 175.007Z"/>\n  </g>\n  <g id="eyes-default" style="transform-origin:50% 50%;">\n    <g id="right-eye">\n      <ellipse id="right-eye-inner-shape" fill="var(--mds-emoji-simi-eye, #40281B)" cx="287.002" cy="249.057" rx="18.5" ry="24.5" transform="rotate(12 287.002 249.057)"/>\n      <circle id="right-eye-inner-light" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="291" cy="242.557" r="6"/>\n    </g>\n    <g id="left-eye">\n      <ellipse id="left-eye-inner-shape" fill="var(--mds-emoji-simi-eye, #40281B)" cx="18.5" cy="24.5" rx="18.5" ry="24.5" transform="matrix(-0.978148 0.207912 0.207912 0.978148 165.139 221.541)"/>\n      <circle id="left-eye-inner-light" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="6" cy="6" r="6" transform="matrix(-1 0 0 1 160.14 236.852)"/>\n    </g>\n  </g>\n  <g id="eyes-closed" style="visibility: hidden;">\n    <path id="left-eye-closed" stroke="var(--mds-emoji-simi-eye, #40281B)" stroke-width="12" stroke-linecap="round" d="M125 248.5C137.5 240.5 167.1 241.3 179.5 248.5"/>\n    <path id="right-eye-closed" stroke="var(--mds-emoji-simi-eye, #40281B)" stroke-width="12" stroke-linecap="round" d="M315.5 248.5C303 240.5 273.4 241.3 261 248.5"/>\n  </g>\n  <g id="eyes-focused" style="visibility: hidden;">\n    <g id="right-eye-focused">\n      <ellipse id="right-eye-inner-shape-focused" fill="var(--mds-emoji-simi-eye, #40281B)" cx="287.002" cy="249.057" rx="18.5" ry="24.5" transform="rotate(-90 287.002 249.057)"/>\n      <circle id="right-eye-inner-light-focused" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="291" cy="242.557" r="6"/>\n    </g>\n    <g id="left-eye-focused">\n      <ellipse id="left-eye-inner-shape-focused" fill="var(--mds-emoji-simi-eye, #40281B)" cx="18.5" cy="24.5" rx="18.5" ry="24.5" transform="matrix(-4.37114e-08 1 1 4.37114e-08 127.637 230.852)"/>\n      <circle id="left-eye-inner-light-focused" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="6" cy="6" r="6" transform="matrix(-1 0 0 1 160.14 236.852)"/>\n    </g>\n  </g>\n  <path id="gadget-default" fill="var(--mds-emoji-simi-gadget, #2B1C15)" fill-rule="evenodd" clip-rule="evenodd" d="M296 186C327.723 186 353.88 209.825 357.557 240.558H367C370.314 240.558 373 243.244 373 246.558C373 249.871 370.314 252.558 367 252.558H357.834C355.501 284.671 328.709 310 296 310C262.189 310 234.7 282.936 234.014 249.289C230.711 246.983 225.885 245.558 220.5 245.558C215.114 245.558 210.288 246.983 206.985 249.289C206.299 282.936 178.811 310 145 310C112.291 310 85.4993 284.671 83.166 252.558H74C70.6864 252.558 68.0002 249.871 68 246.558C68 243.244 70.6863 240.558 74 240.558H83.4434C87.12 209.825 113.277 186 145 186C175.248 186 200.437 207.662 205.9 236.318C210.539 234.42 215.652 233.558 220.5 233.558C225.348 233.558 230.461 234.419 235.099 236.317C240.563 207.661 265.752 186 296 186ZM145 198C117.386 198 95 220.386 95 248C95 275.614 117.386 298 145 298C172.614 298 195 275.614 195 248C195 220.386 172.614 198 145 198ZM296 198C268.386 198 246 220.386 246 248C246 275.614 268.386 298 296 298C323.614 298 346 275.614 346 248C346 220.386 323.614 198 296 198Z"/>\n  <g id="mouth-default">\n    <path id="muzzle-shape-mouth-default" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 328.5C238.5 341 263 324.813 263 307.312C263 289.812 243.972 261 220.5 261C197.028 261 178 289.812 178 307.312C178 324.813 201 341 220.5 328.5Z"/>\n    <path id="shape-mouth-mouth-default" fill="var(--mds-emoji-simi-mouth, #2B1C15)" d="M220 298.057C221.933 298.057 223.5 299.624 223.5 301.557V324.914C224.677 325.612 226.31 326.349 228.29 326.949C231.08 327.793 234.312 328.287 237.507 328.095C240.693 327.903 243.74 327.039 246.322 325.27C248.871 323.524 251.171 320.758 252.696 316.401C253.335 314.576 255.332 313.615 257.156 314.253C258.981 314.892 259.942 316.889 259.304 318.713C257.329 324.356 254.159 328.386 250.278 331.044C246.43 333.681 242.086 334.832 237.928 335.083C233.778 335.332 229.713 334.694 226.262 333.649C223.943 332.947 221.784 332.025 220 330.976C218.216 332.025 216.057 332.947 213.738 333.649C210.287 334.694 206.221 335.332 202.072 335.083C197.914 334.832 193.57 333.681 189.722 331.044C185.841 328.386 182.671 324.356 180.696 318.713C180.058 316.889 181.019 314.892 182.844 314.253C184.668 313.615 186.665 314.576 187.304 316.401C188.829 320.758 191.128 323.524 193.678 325.27C196.26 327.039 199.307 327.903 202.493 328.095C205.688 328.287 208.919 327.793 211.71 326.949C213.689 326.35 215.323 325.612 216.5 324.914V301.557C216.5 299.624 218.067 298.057 220 298.057Z"/>\n    <g id="nose-mouth-default">\n      <path id="node-shape-mouth-default" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M219.5 273.557C207.626 273.557 198 280.105 198 288.182C198 296.259 207.626 309.557 219.5 309.557C231.374 309.557 241 296.259 241 288.182C241 280.105 231.374 273.557 219.5 273.557Z"/>\n      <ellipse id="nose-light-mouth-default" fill="var(--mds-emoji-simi-nose-light, #7E695F)" cx="220" cy="285.557" rx="11" ry="5"/>\n    </g>\n  </g>\n  <g id="mouth-smile" style="visibility: hidden;">\n    <g id="inner-mouth">\n      <ellipse id="throat-mouth-smile" fill="var(--mds-emoji-simi-mouth-throat, #C3481B)" cx="220.5" cy="326" rx="32.5" ry="29" />\n      <path id="teeth-mouth-smile" fill="var(--mds-emoji-simi-mouth-teeth, #FFFFFF)" d="M220.5 329C235.689 329 248.003 331.686 248.003 335C248.003 338.314 235.689 341 220.5 341C205.311 341 192.997 338.314 192.997 335C192.997 331.686 205.311 329 220.5 329Z"/>\n      <path id="lips-mouth-smile" stroke="var(--mds-emoji-simi-nose, #2B1C15)" stroke-width="7" d="M220.5 300.5C236.62 300.5 249.5 313.138 249.5 328.5C249.5 343.862 236.62 356.5 220.5 356.5C204.38 356.5 191.5 343.862 191.5 328.5C191.5 313.138 204.38 300.5 220.5 300.5Z" />\n    </g>\n    <path id="muzzle-shape-mouth-smile" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 328.5C238.5 341 263 324.813 263 307.312C263 289.812 243.972 261 220.5 261C197.028 261 178 289.812 178 307.312C178 324.813 201 341 220.5 328.5Z"/>\n    <path id="shape-mouth-smile" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M220 298.057C221.933 298.057 223.5 299.624 223.5 301.557V324.914C224.677 325.612 226.31 326.349 228.29 326.949C231.08 327.793 234.312 328.287 237.507 328.095C240.693 327.903 243.74 327.039 246.322 325.27C248.871 323.524 251.171 320.758 252.696 316.401C253.335 314.576 255.332 313.615 257.156 314.253C258.981 314.892 259.942 316.889 259.304 318.713C257.329 324.356 254.159 328.386 250.278 331.044C246.43 333.681 242.086 334.832 237.928 335.083C233.778 335.332 229.713 334.694 226.262 333.649C223.943 332.947 221.784 332.025 220 330.976C218.216 332.025 216.057 332.947 213.738 333.649C210.287 334.694 206.221 335.332 202.072 335.083C197.914 334.832 193.57 333.681 189.722 331.044C185.841 328.386 182.671 324.356 180.696 318.713C180.058 316.889 181.019 314.892 182.844 314.253C184.668 313.615 186.665 314.576 187.304 316.401C188.829 320.758 191.128 323.524 193.678 325.27C196.26 327.039 199.307 327.903 202.493 328.095C205.688 328.287 208.919 327.793 211.71 326.949C213.689 326.35 215.323 325.612 216.5 324.914V301.557C216.5 299.624 218.067 298.057 220 298.057Z"/>\n    <g id="nose-mouth-smile">\n      <path id="nose-shape-mouth-smile" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M219.5 273.557C207.626 273.557 198 280.105 198 288.182C198 296.259 207.626 309.557 219.5 309.557C231.374 309.557 241 296.259 241 288.182C241 280.105 231.374 273.557 219.5 273.557Z"/>\n      <ellipse id="nose-light-mouth-smile" fill="var(--mds-emoji-simi-nose-light, #7E695F)" cx="220" cy="285.557" rx="11" ry="5"/>\n    </g>\n  </g>\n  <g id="mouth-serious" style="visibility: hidden;">\n    <path id="muzzle-shape-mouth-serious" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 328.5C238.5 341 263 324.813 263 307.312C263 289.812 243.972 261 220.5 261C197.028 261 178 289.812 178 307.312C178 324.813 201 341 220.5 328.5Z"/>\n    <path id="shape-mouth-serious" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M220 298C221.933 298 223.5 299.567 223.5 301.5V326.675C224.663 326.774 225.818 326.903 226.821 327.026C227.869 327.155 228.796 327.283 229.462 327.38C229.795 327.428 230.064 327.469 230.251 327.497C230.344 327.511 230.418 327.522 230.469 327.53C230.494 327.534 230.514 327.538 230.527 327.54C230.534 327.541 230.539 327.541 230.543 327.542C230.545 327.542 230.547 327.543 230.548 327.543H230.55C232.459 327.847 233.76 329.641 233.456 331.55C233.152 333.459 231.359 334.76 229.45 334.456C229.45 334.456 229.448 334.456 229.447 334.456C229.445 334.456 229.441 334.455 229.436 334.454C229.426 334.452 229.41 334.451 229.389 334.447C229.345 334.441 229.28 334.43 229.194 334.417C229.023 334.391 228.772 334.353 228.458 334.308C227.83 334.217 226.954 334.095 225.968 333.974C223.947 333.725 221.629 333.5 220 333.5C218.371 333.5 216.053 333.725 214.032 333.974C213.046 334.095 212.17 334.217 211.542 334.308C211.228 334.353 210.977 334.391 210.806 334.417C210.72 334.43 210.655 334.441 210.611 334.447C210.59 334.451 210.574 334.452 210.563 334.454C210.559 334.455 210.555 334.456 210.553 334.456C210.552 334.456 210.55 334.456 210.55 334.456C208.641 334.76 206.848 333.459 206.544 331.55C206.24 329.641 207.541 327.848 209.45 327.544L209.452 327.543C209.453 327.543 209.455 327.542 209.457 327.542C209.461 327.541 209.466 327.541 209.473 327.54C209.486 327.538 209.506 327.534 209.531 327.53C209.582 327.522 209.656 327.511 209.749 327.497C209.936 327.469 210.205 327.428 210.538 327.38C211.204 327.283 212.131 327.155 213.179 327.026C214.182 326.903 215.337 326.774 216.5 326.675V301.5C216.5 299.567 218.067 298 220 298Z" />\n    <g id="nose-mouth-serious">\n      <path id="nose-shape-mouth-serious" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M219.5 273.557C207.626 273.557 198 280.105 198 288.182C198 296.259 207.626 309.557 219.5 309.557C231.374 309.557 241 296.259 241 288.182C241 280.105 231.374 273.557 219.5 273.557Z"/>\n      <ellipse id="nose-light-mouth-serious" fill="var(--mds-emoji-simi-nose-light, #7E695F)" cx="220" cy="285.557" rx="11" ry="5"/>\n    </g>\n  </g>\n  <g id="hand-think" style="visibility: hidden;">\n    <path id="shape-hand-think" fill="var(--mds-emoji-simi-skin, #F36320)" d="M237.5 438C238.5 435 241 428.5 243.5 421.5C257.989 413.451 258.739 397.302 255.5 383.467C278 367.934 263.5 350 255.5 350C251.5 340.4 242.5 339 238.5 339.5C244.5 324 233 323.5 229 323.5C225 323.5 202.5 323 189 351C183.4 374.6 195 400.833 201.5 411C200.667 411.5 199 414.5 195.5 420C211 426.5 204 423.5 237.5 438Z" />\n    <path id="palm-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M251 369C267 409.5 249.5 416.5 242 423.5L236.5 437.5"/>\n    <path id="finger-3-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M256 382.5C262.5 379.333 273.7 370.1 266.5 358.5C257.5 344 234 360 230 363"/>\n    <path id="finger-2-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M256 350.5C256 338 236.1 329.9 208.5 357.5"/>\n    <path id="finger-1-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M196.5 420.5L201.5 410.5C195.167 400 183.8 373.6 189 352C194.2 330.4 218.833 323.667 230.5 323C235.333 322.5 243.9 325.1 239.5 339.5"/>\n  </g>\n</svg>\n'},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.host);this.expressionAngleMax=r(t.getPropertyValue("--mds-emoji-expression-max-rotation"),16),this.expressionFollowMouseHeadDuration=o(t.getPropertyValue("--mds-emoji-expression-follow-mouse-head-duration")),this.expressionFollowMouseTraitsDuration=o(t.getPropertyValue("--mds-emoji-expression-follow-mouse-traits-duration")),this.headOffset=h(t.getPropertyValue("--mds-emoji-offset-head"),1),this.eyesOffset=h(t.getPropertyValue("--mds-emoji-offset-eyes"),1),this.mouthOffset=h(t.getPropertyValue("--mds-emoji-offset-mouth"),1),this.handOffset=h(t.getPropertyValue("--mds-emoji-offset-hand"),1),this.gadgetOffset=h(t.getPropertyValue("--mds-emoji-offset-gadget"),1),this.eyebrowsOffset=h(t.getPropertyValue("--mds-emoji-offset-eyebrows"),1),this.earsOffset=h(t.getPropertyValue("--mds-emoji-offset-ears"),1)},this.updateSvgDictionary=t=>{var i;if("undefined"==typeof window)return;const e=document.createElement("template");e.innerHTML=this.svgLibrary[t].trim(),this.emojiOriginalSize=Number(null===(i=e.content.firstElementChild)||void 0===i?void 0:i.getAttribute("width")),this.svgRootEl=e.content.firstElementChild,this.updateCSSCustomProps(),this.resetAnimationState(),this.host.shadowRoot&&(this.host.shadowRoot.innerHTML=this.svgRootEl.outerHTML),this.isBlinking&&(this.blinkTimeline=this.buildBlinkTimeline(),this.scheduleBlink())},this.resetAnimationState=()=>{var t,i;null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=null,null===(i=this.blinkTimeline)||void 0===i||i.kill(),this.blinkTimeline=null,this.headEl=null,this.eyesEl=null,this.handEl=null,this.mouthEl=null,this.gadgetEl=null,this.eyebrowsEl=null,this.earsEl=null},this.queryPart=t=>{var i,e,n;return null!==(n=null===(e=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.firstElementChild)||void 0===e?void 0:e.querySelector(`[id='${t}']`))&&void 0!==n?n:null},this.resetEyesToDefault=()=>{this.svgPartState("eyes","default");const t=this.queryPart("eyes-default");t&&$n.set(t,{scaleY:1})},this.getEmojiCenter=()=>{const t=this.host.getBoundingClientRect();return{centerX:t.left+t.width/2,centerY:t.top+t.height/2}},this.restoreReadyState=()=>{this.isBusy=!1,this.restoreFollowMouse(),this.scheduleBlink()},this.restoreFollowMouse=()=>{this.wasFollowingMouse&&(this.moveHead(this.mouseX,this.mouseY),this.startFollowMouse()),this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY)},this.stopConcurrentAnimations=()=>{this.wasFollowingMouse&&this.stopFollowMouse(),this.isThinking&&this.stopThinking(),this.pauseBlinking()},this.setAgreeAnimation=()=>{const t="expo.out",i="auto",e={value:0};if($n.timeline({defaults:{ease:t,overwrite:i},onComplete:()=>{this.restoreReadyState()}}).to(e,{value:0,duration:.08,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:-100,duration:.24,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:50,duration:.18,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:-25,duration:.12,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:0,duration:.16,onUpdate:()=>{this.rotate(0,e.value)}}),this.eyebrowsEl){const t=$n.timeline({defaults:{ease:"expo.out",overwrite:!0},onComplete:()=>{t.reverse()}}).to(this.eyebrowsEl,{yPercent:-40,duration:.4})}return this.svgPartState("mouth","smile"),$n.timeline({defaults:{ease:t,overwrite:i},onComplete:()=>{this.svgPartState("mouth","default")}}).to(this.mouthEl,{scaleY:1.2,duration:.2}).to(this.mouthEl,{scaleY:1,duration:.2}),new Promise((t=>setTimeout(t,1780)))},this.setSmileAnimation=()=>{this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY);const t="expo.out",i="auto";this.svgPartState("mouth","smile"),$n.timeline({defaults:{ease:t,overwrite:i},onComplete:()=>{this.svgPartState("mouth","default")}}).to(this.mouthEl,{scaleY:1,duration:.15}).to(this.mouthEl,{scaleY:.75,duration:.15}).to(this.mouthEl,{scaleY:1,duration:.15}).to(this.mouthEl,{scaleY:.75,duration:.15}).to(this.mouthEl,{scaleY:1,duration:.15}),this.svgPartState("eyes","closed");const e=$n.timeline({defaults:{ease:t,duration:.25,overwrite:i},onComplete:()=>{e.to(this.eyesEl,{yPercent:0,onComplete:()=>{this.svgPartState("eyes")}})}}).to(this.eyesEl,{yPercent:-20}).to(this.eyesEl,{yPercent:10});return this.eyebrowsEl&&$n.timeline({defaults:{ease:t,overwrite:i}}).to(this.eyebrowsEl,{yPercent:"-=15",duration:.15}).to(this.eyebrowsEl,{yPercent:"+=10",duration:.15}),$n.timeline({defaults:{overwrite:i},onComplete:()=>{this.isBusy=!1,this.restoreFollowMouse(),this.svgPartState("mouth","default"),this.scheduleBlink()}}).to(this.host,{yPercent:"-="+this.host.getBoundingClientRect().height/10,scaleX:.95,duration:1,ease:"elastic.out"}).to(this.host,{yPercent:"+="+this.host.getBoundingClientRect().height/10,scaleX:1,duration:.75,ease:"expo.out"}),new Promise((t=>setTimeout(t,750)))},this.setDisagreeAnimation=(t=0)=>{const i={value:0};return $n.timeline({ease:"power2.inOut",onStart:()=>{this.svgPartState("mouth","serious")},onComplete:()=>{t>0?$n.delayedCall(t/1e3,(()=>{this.svgPartState("mouth","default"),this.restoreReadyState()})):(this.svgPartState("mouth","default"),this.restoreReadyState())}}).to(i,{value:0,duration:.08,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:-100,duration:.24,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:50,duration:.18,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:-25,duration:.12,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:0,duration:.16,onUpdate:()=>{this.rotate(i.value,0)}}),new Promise((i=>setTimeout(i,780+t)))},this.scaleSize=t=>t*this.emojiOriginalSize/24,this.setStartThinkingAnimation=(t=.5)=>!this.handEl||this.handEl instanceof NodeList?new Promise((()=>{})):(this.handEl.style.visibility="visible",$n.fromTo(this.handEl,{scale:0,rotateZ:45,xPercent:this.scaleSize(-4),yPercent:this.scaleSize(4),overwrite:!0},{xPercent:this.handOffsetX,yPercent:this.handOffsetY,scale:1,rotateZ:0,overwrite:!0,ease:"expo.inOut",duration:t}),this.moveEyesThinkAnimation(),this.svgPartState("mouth","serious"),this.svgPartState("eyes","focused"),new Promise((i=>setTimeout(i,1e3*t)))),this.moveEyesThinkAnimation=()=>{const t={duration:$n.utils.random(.15,.3,.01,!0)(),ease:"expo.out",overwrite:!0},i=$n.utils.random(-5,5,.1),e=$n.utils.random(-5,5,.1);$n.to(this.eyesEl,Object.assign(Object.assign({xPercent:i,yPercent:e},t),{onComplete:()=>{if(this.isThinking){const t=$n.utils.random(.2,.7,.1);$n.delayedCall(t,this.moveEyesThinkAnimation)}else $n.to(this.eyesEl,{xPercent:0,yPercent:0,ease:"expo.out",duration:.5})}}))},this.setStopThinkingAnimation=(t=.5)=>($n.to(this.handEl,{scale:0,rotateZ:45,translateX:this.scaleSize(-4),translateY:this.scaleSize(4),ease:"expo.inOut",duration:t,overwrite:!0}),$n.to(this.eyesEl,{xPercent:0,yPercent:0,ease:"expo.out",duration:t,overwrite:!0}),this.svgPartState("mouth","default"),this.svgPartState("eyes","default"),this.isBusy=!1,new Promise((i=>setTimeout(i,1e3*t)))),this.buildBlinkTimeline=()=>{const t=this.queryPart("eyes-default"),i=this.queryPart("eyes-closed");if(!t||!i)return null;const e={ease:"expo.out",duration:.2};return $n.timeline({paused:!0,onComplete:this.scheduleBlink}).to(t,Object.assign({scaleY:.5},{ease:"expo.in",duration:.2})).add((()=>{this.svgPartState("eyes","closed")})).fromTo(i,{scaleY:.5},Object.assign({scaleY:1},e)).add((()=>{this.svgPartState("eyes","default")})).fromTo(t,{scaleY:.75},Object.assign({scaleY:1},e))},this.scheduleBlink=()=>{var t;this.isBlinking&&!this.isBusy&&this.blinkTimeline&&(null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=$n.delayedCall($n.utils.random(1,3,.1),(()=>{this.isBlinking&&!this.isBusy&&this.blinkTimeline&&(this.resetEyesToDefault(),this.blinkTimeline.restart())})))},this.pauseBlinking=()=>{var t;null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=null,this.blinkTimeline&&(this.blinkTimeline.pause(0),this.resetEyesToDefault())},this.handleFollowMouse=t=>{this.isFollowingMouse&&(this.mouseX=t.clientX,this.mouseY=t.clientY,this.followMouse())},this.followMouse=()=>{const{centerX:t,centerY:i}=this.getEmojiCenter();let e=t,n=i;this.isFollowingMouse&&(e=this.mouseX,n=this.mouseY);const s=this.host.getBoundingClientRect();this.rotate((e-t)/(s.width/2),(n-i)/(s.height/2))},this.moveHead=(t,i)=>{const{centerX:e,centerY:n}=this.getEmojiCenter(),s=this.host.getBoundingClientRect();this.rotate((t-e)/(s.width/2),(i-n)/(s.height/2))},this.rotate=(t,i)=>{const e="power1.out",n=this.expressionFollowMouseTraitsDuration,s=(t,i)=>$n.utils.clamp(-t,t,i*t);this.currentRotateX=s(this.expressionAngleMax,-i),this.currentRotateY=s(this.expressionAngleMax,t),this.headOffsetX=s(this.headOffset,t),this.headOffsetY=s(this.headOffset,i),this.eyesOffsetX=s(this.eyesOffset,t),this.eyesOffsetY=s(this.eyesOffset,i),this.mouthOffsetX=s(this.mouthOffset,t),this.mouthOffsetY=s(this.mouthOffset,i),this.handOffsetX=s(this.handOffset,t),this.handOffsetY=s(this.handOffset,i),this.gadgetOffsetX=s(this.gadgetOffset,t),this.gadgetOffsetY=s(this.gadgetOffset,i),this.eyebrowsOffsetX=s(this.eyebrowsOffset,t),this.eyebrowsOffsetY=s(this.eyebrowsOffset,i),this.earsOffsetX=s(this.earsOffset,t),this.earsOffsetY=s(this.earsOffset,i),this.headEl||(this.headEl=this.svgPartState("head"),this.eyebrowsEl=this.svgPartState("eyebrows"),this.earsEl=this.svgPartState("ears"),this.eyesEl=this.svgPartState("eyes"),this.handEl=this.svgPartState("hand","think"),this.handEl&&(this.handEl.style.visibility="hidden"),this.mouthEl=this.svgPartState("mouth"),this.gadgetEl=this.svgPartState("gadget")),$n.to(this.host,{rotateX:this.currentRotateX,rotateY:this.currentRotateY,transformOrigin:"50% 50%",duration:this.expressionFollowMouseHeadDuration,ease:e}),this.eyesEl&&$n.to(this.eyesEl,{translateX:this.eyesOffsetX,translateY:this.eyesOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.handEl&&$n.to(this.handEl,{translateX:this.handOffsetX,translateY:this.handOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.headEl&&$n.to(this.headEl,{translateX:this.headOffsetX,translateY:this.headOffsetY,transformOrigin:"0% 100%",duration:n,ease:e,overwrite:!1}),this.mouthEl&&$n.to(this.mouthEl,{translateX:this.mouthOffsetX,translateY:this.mouthOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.gadgetEl&&$n.to(this.gadgetEl,{translateX:this.gadgetOffsetX,translateY:this.gadgetOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.eyebrowsEl&&$n.to(this.eyebrowsEl,{translateX:this.eyebrowsOffsetX,translateY:this.eyebrowsOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.earsEl&&$n.to(this.earsEl,{translateX:this.earsOffsetX,translateY:this.earsOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1})}}componentDidLoad(){"undefined"!=typeof window&&(this.updateCSSCustomProps(),window.addEventListener("mousemove",this.handleFollowMouse),this.checkNameChanged(this.name))}disconnectedCallback(){var t,i;"undefined"!=typeof window&&(window.removeEventListener("mousemove",this.handleFollowMouse),this.isThinking=!1,this.isBlinking=!1,this.isFollowingMouse=!1,null===(t=this.blinkDelay)||void 0===t||t.kill(),null===(i=this.blinkTimeline)||void 0===i||i.kill(),[this.host,this.eyesEl,this.handEl,this.headEl,this.mouthEl,this.gadgetEl,this.eyebrowsEl,this.earsEl].forEach((t=>t&&$n.killTweensOf(t))))}async agree(){if(!this.isBusy)return this.isBusy=!0,this.stopConcurrentAnimations(),await this.setAgreeAnimation(),Promise.resolve()}async smile(){if(!this.isBusy)return this.isBusy=!0,this.stopConcurrentAnimations(),await this.setSmileAnimation(),Promise.resolve()}async disagree(t=0){if(!this.isBusy)return this.isBusy=!0,this.stopConcurrentAnimations(),this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY),await this.setDisagreeAnimation(t),Promise.resolve()}async startThinking(t=.5){if(!this.isBusy)return this.stopConcurrentAnimations(),this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY),this.isBusy=!0,this.isThinking=!0,await this.setStartThinkingAnimation(t),Promise.resolve()}async stopThinking(t=.5){if(this.isBusy)return this.isBusy=!1,this.isThinking=!1,this.restoreFollowMouse(),this.moveHead(this.mouseX,this.mouseY),await this.setStopThinkingAnimation(t),this.scheduleBlink(),Promise.resolve()}async startBlinking(){return this.isBlinking=!0,this.blinkTimeline||(this.blinkTimeline=this.buildBlinkTimeline()),this.scheduleBlink(),Promise.resolve()}async stopBlinking(){var t,i;return this.isBlinking=!1,null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=null,null===(i=this.blinkTimeline)||void 0===i||i.pause(0),this.resetEyesToDefault(),Promise.resolve()}async stopFollowMouse(){return this.isFollowingMouse?(this.isFollowingMouse=!1,this.rotate(0,0),new Promise((t=>setTimeout(t,1e3*this.expressionFollowMouseTraitsDuration)))):Promise.resolve()}async startFollowMouse(){return this.isFollowingMouse||(this.isFollowingMouse=!0,this.wasFollowingMouse=!0,this.followMouse()),Promise.resolve()}checkNameChanged(t){this.updateSvgDictionary(t)}svgPartState(t,i){var e,n,s,r;const o=null===(n=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.firstElementChild)||void 0===n?void 0:n.querySelectorAll(`[id^='${t}-']`);if(0===o.length)return null;if((void 0===i||""===i)&&o)return null==o||o.forEach((t=>{t.style.visibility="hidden","default"===t.id.split("-")[1]&&(t.style.visibility="visible")})),o;let h=null===(r=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.firstElementChild)||void 0===r?void 0:r.querySelector(`[id='${t}-default']`);return null==o||o.forEach((t=>{t.style.visibility="hidden",t.id.split("-")[1]===i&&(h=t)})),h.style.visibility="visible",h}render(){return e(n,{key:"beb9d92842ae19bbac115d3a3773f2d005fe17b2"})}get host(){return this}static get watchers(){return{name:[{checkNameChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-ears:0;--mds-emoji-mia-head:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-eyes:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-mouth:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-hands:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-emoji-expression-follow-mouse-traits-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-emoji-expression-follow-mouse-head-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-emoji-expression-max-rotation{syntax:"<angle>";inherits:false;initial-value:16deg}@property --mds-emoji-perspective{syntax:"<length>";inherits:false;initial-value:400px}@property --mds-emoji-offset-eyes{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-gadget{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-hands{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-emoji-offset-head{syntax:"<length>";inherits:false;initial-value:0}@property --mds-emoji-offset-mouth{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-eyebrows{syntax:"<length>";inherits:false;initial-value:10px}@property --mds-emoji-offset-ears{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;align-items:stretch;aspect-ratio:1;height:calc(var(--spacing,.0025rem)*1200);-ms-flex-pack:stretch;display:flex;justify-content:stretch;-webkit-perspective:var(--mds-emoji-perspective,400px);perspective:var(--mds-emoji-perspective,400px);perspective-origin:50%;width:calc(var(--spacing,.0025rem)*1200)}svg{height:100%;overflow:visible;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .2s ease-out;width:100%}:host([name=mia]){--mds-emoji-mia-eyes-color:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-hands-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-mia-head-color:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-head-stroke-color:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-head-stroke-width:0px;--mds-emoji-mia-mouth-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;container-type:size}@property --mds-emoji-simi-eye{syntax:"<color>";inherits:false;initial-value:#40281b}@property --mds-emoji-simi-eye-light{syntax:"<color>";inherits:false;initial-value:#fff}@property --mds-emoji-simi-eyebrow{syntax:"<color>";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-gadget{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-mouth{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-nose-light{syntax:"<color>";inherits:false;initial-value:#7e695f}@property --mds-emoji-simi-nose{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-outline{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-skin-dark{syntax:"<color>";inherits:false;initial-value:#c3481b}@property --mds-emoji-simi-skin-light{syntax:"<color>";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-skin{syntax:"<color>";inherits:false;initial-value:#f36320}@property --mds-emoji-simi-mouth-teeth{syntax:"<color>";inherits:false;initial-value:#fff}@property --mds-emoji-simi-mouth-throat{syntax:"<color>";inherits:false;initial-value:#c3481b}:host([name=simi]){--mds-emoji-offset-ears:0;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-eyes:7px;--mds-emoji-offset-gadget:14px;--mds-emoji-offset-hand:18px;--mds-emoji-offset-head:5px;--mds-emoji-offset-mouth:16px;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320}'}},[1,"mds-emoji",{name:[513],agree:[64],smile:[64],disagree:[64],startThinking:[64],stopThinking:[64],startBlinking:[64],stopBlinking:[64],stopFollowMouse:[64],startFollowMouse:[64]},void 0,{name:[{checkNameChanged:0}]}]),Wn=qn,Qn=function(){"undefined"!=typeof customElements&&["mds-emoji"].forEach((t=>{"mds-emoji"===t&&(customElements.get(s(t))||customElements.define(s(t),qn))}))};export{Wn as MdsEmoji,Qn as defineCustomElement}
+var Pe,Ze,_e,Oe,Be,Ee,Te,Ye,Re={},Se=180/Math.PI,ze=Math.PI/180,He=Math.atan2,Le=/([A-Z])/g,De=/(left|right|width|margin|padding|x)/i,Xe=/[\s,\(]\S/,Ve={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},Ae=function(t,i){return i.set(i.t,i.p,Math.round(1e4*(i.s+i.c*t))/1e4+i.u,i)},Ue=function(t,i){return i.set(i.t,i.p,1===t?i.e:Math.round(1e4*(i.s+i.c*t))/1e4+i.u,i)},Ie=function(t,i){return i.set(i.t,i.p,t?Math.round(1e4*(i.s+i.c*t))/1e4+i.u:i.b,i)},Ne=function(t,i){var e=i.s+i.c*t;i.set(i.t,i.p,~~(e+(e<0?-.5:.5))+i.u,i)},$e=function(t,i){return i.set(i.t,i.p,t?i.e:i.b,i)},qe=function(t,i){return i.set(i.t,i.p,1!==t?i.b:i.e,i)},We=function(t,i,e){return t.style[i]=e},Qe=function(t,i,e){return t.style.setProperty(i,e)},Ge=function(t,i,e){return t._gsap[i]=e},Je=function(t,i,e){return t._gsap.scaleX=t._gsap.scaleY=e},Ke=function(t,i,e,n,s){var r=t._gsap;r.scaleX=r.scaleY=e,r.renderTransform(s,r)},tn=function(t,i,e,n,s){var r=t._gsap;r[i]=e,r.renderTransform(s,r)},en="transform",nn=en+"Origin",sn=function t(i,e){var n=this,s=this.target,r=s.style,o=s._gsap;if(i in Re&&r){if(this.tfm=this.tfm||{},"transform"===i)return Ve.transform.split(",").forEach((function(i){return t.call(n,i,e)}));if(~(i=Ve[i]||i).indexOf(",")?i.split(",").forEach((function(t){return n.tfm[t]=xn(s,t)})):this.tfm[i]=o.x?o[i]:xn(s,i),i===nn&&(this.tfm.zOrigin=o.zOrigin),this.props.indexOf(en)>=0)return;o.svg&&(this.svgo=s.getAttribute("data-svg-origin"),this.props.push(nn,e,"")),i=en}(r||e)&&this.props.push(i,e,r[i])},rn=function(t){t.translate&&(t.removeProperty("translate"),t.removeProperty("scale"),t.removeProperty("rotate"))},on=function(){var t,i,e=this.props,n=this.target,s=n.style,r=n._gsap;for(t=0;t<e.length;t+=3)e[t+1]?2===e[t+1]?n[e[t]](e[t+2]):n[e[t]]=e[t+2]:e[t+2]?s[e[t]]=e[t+2]:s.removeProperty("--"===e[t].substr(0,2)?e[t]:e[t].replace(Le,"-$1").toLowerCase());if(this.tfm){for(i in this.tfm)r[i]=this.tfm[i];r.svg&&(r.renderTransform(),n.setAttribute("data-svg-origin",this.svgo||"")),(t=Te())&&t.isStart||s[en]||(rn(s),r.zOrigin&&s[nn]&&(s[nn]+=" "+r.zOrigin+"px",r.zOrigin=0,r.renderTransform()),r.uncache=1)}},hn=function(t,i){var e={target:t,props:[],revert:on,save:sn};return t._gsap||Fe.core.getCache(t),i&&t.style&&t.nodeType&&i.split(",").forEach((function(t){return e.save(t)})),e},an=function(t,i){var e=Ze.createElementNS?Ze.createElementNS((i||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),t):Ze.createElement(t);return e&&e.style?e:Ze.createElement(t)},un=function t(i,e,n){var s=getComputedStyle(i);return s[e]||s.getPropertyValue(e.replace(Le,"-$1").toLowerCase())||s.getPropertyValue(e)||!n&&t(i,ln(e)||e,1)||""},fn="O,Moz,ms,Ms,Webkit".split(","),ln=function(t,i,e){var n=(i||Be).style,s=5;if(t in n&&!e)return t;for(t=t.charAt(0).toUpperCase()+t.substr(1);s--&&!(fn[s]+t in n););return s<0?null:(3===s?"ms":s>=0?fn[s]:"")+t},dn=function(){"undefined"!=typeof window&&window.document&&(Pe=window,_e=(Ze=Pe.document).documentElement,Be=an("div")||{style:{}},an("div"),en=ln(en),nn=en+"Origin",Be.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",Ye=!!ln("perspective"),Te=Fe.core.reverting,Oe=1)},cn=function(t){var i,e=t.ownerSVGElement,n=an("svg",e&&e.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),s=t.cloneNode(!0);s.style.display="block",n.appendChild(s),_e.appendChild(n);try{i=s.getBBox()}catch(t){}return n.removeChild(s),_e.removeChild(n),i},mn=function(t,i){for(var e=i.length;e--;)if(t.hasAttribute(i[e]))return t.getAttribute(i[e])},vn=function(t){var i,e;try{i=t.getBBox()}catch(n){i=cn(t),e=1}return i&&(i.width||i.height)||e||(i=cn(t)),!i||i.width||i.x||i.y?i:{x:+mn(t,["x","cx","x1"])||0,y:+mn(t,["y","cy","y1"])||0,width:0,height:0}},pn=function(t){return!(!t.getCTM||t.parentNode&&!t.ownerSVGElement||!vn(t))},gn=function(t,i){if(i){var e,n=t.style;i in Re&&i!==nn&&(i=en),n.removeProperty?("ms"!==(e=i.substr(0,2))&&"webkit"!==i.substr(0,6)||(i="-"+i),n.removeProperty("--"===e?i:i.replace(Le,"-$1").toLowerCase())):n.removeAttribute(i)}},Cn=function(t,i,e,n,s,r){var o=new ce(t._pt,i,e,0,1,r?qe:$e);return t._pt=o,o.b=n,o.e=s,t._props.push(e),o},yn={deg:1,rad:1,turn:1},wn={grid:1,flex:1},jn=function t(i,e,n,s){var r,o,h,a,u=parseFloat(n)||0,f=(n+"").trim().substr((u+"").length)||"px",l=Be.style,d=De.test(e),c="svg"===i.tagName.toLowerCase(),m=(c?"client":"offset")+(d?"Width":"Height"),v=100,p="px"===s,g="%"===s;if(s===f||!u||yn[s]||yn[f])return u;if("px"!==f&&!p&&(u=t(i,e,n,"px")),a=i.getCTM&&pn(i),(g||"%"===f)&&(Re[e]||~e.indexOf("adius")))return r=a?i.getBBox()[d?"width":"height"]:i[m],pt(g?u/r*v:u/100*r);if(l[d?"width":"height"]=v+(p?f:s),o="rem"!==s&&~e.indexOf("adius")||"em"===s&&i.appendChild&&!c?i:i.parentNode,a&&(o=(i.ownerSVGElement||{}).parentNode),o&&o!==Ze&&o.appendChild||(o=Ze.body),(h=o._gsap)&&g&&h.width&&d&&h.time===Pi.time&&!h.uncache)return pt(u/h.width*v);if(!g||"height"!==e&&"width"!==e)(g||"%"===f)&&!wn[un(o,"display")]&&(l.position=un(i,"position")),o===i&&(l.position="static"),o.appendChild(Be),r=Be[m],o.removeChild(Be),l.position="absolute";else{var C=i.style[e];i.style[e]=v+s,r=i[m],C?i.style[e]=C:gn(i,e)}return d&&g&&((h=ct(o)).time=Pi.time,h.width=o[m]),pt(p?r*u/v:r&&u?v/r*u:0)},xn=function(t,i,e,n){var s;return Oe||dn(),i in Ve&&"transform"!==i&&~(i=Ve[i]).indexOf(",")&&(i=i.split(",")[0]),Re[i]&&"transform"!==i?(s=Yn(t,n),s="transformOrigin"!==i?s[i]:s.svg?s.origin:Rn(un(t,nn))+" "+s.zOrigin+"px"):(!(s=t.style[i])||"auto"===s||n||~(s+"").indexOf("calc("))&&(s=Pn[i]&&Pn[i](t,i,e)||un(t,i)||mt(t,i)||("opacity"===i?1:0)),e&&!~(s+"").trim().indexOf(" ")?jn(t,i,s,e)+e:s},Mn=function(t,i,e,n){if(!e||"none"===e){var s=ln(i,t,1),r=s&&un(t,s,1);r&&r!==e?(i=s,e=r):"borderColor"===i&&(e=un(t,"borderTopColor"))}var o,h,a,u,f,l,d,c,m,v,p,g=new ce(this._pt,t.style,i,0,1,he),C=0,y=0;if(g.b=e,g.e=n,e+="","var(--"===(n+="").substring(0,6)&&(n=un(t,n.substring(4,n.indexOf(")")))),"auto"===n&&(l=t.style[i],t.style[i]=n,n=un(t,i)||n,l?t.style[i]=l:gn(t,i)),Fi(o=[e,n]),n=o[1],a=(e=o[0]).match(A)||[],(n.match(A)||[]).length){for(;h=A.exec(n);)d=h[0],m=n.substring(C,h.index),f?f=(f+1)%5:"rgba("!==m.substr(-5)&&"hsla("!==m.substr(-5)||(f=1),d!==(l=a[y++]||"")&&(p=l.substr(((u=parseFloat(l)||0)+"").length),"="===d.charAt(1)&&(d=Ct(u,d)+p),v=d.substr(((c=parseFloat(d))+"").length),C=A.lastIndex-v.length,v||(v=v||j.units[i]||p,C===n.length&&(n+=v,g.e+=v)),p!==v&&(u=jn(t,i,l,v)||0),g._pt={_next:g._pt,p:m||1===y?m:",",s:u,c:c-u,m:f&&f<4||"zIndex"===i?Math.round:0});g.c=C<n.length?n.substring(C,n.length):""}else g.r="display"===i&&"none"===n?qe:$e;return I.test(n)&&(g.e=0),this._pt=g,g},bn={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},kn=function(t){var i=t.split(" "),e=i[0],n=i[1]||"50%";return"top"!==e&&"bottom"!==e&&"left"!==n&&"right"!==n||(t=e,e=n,n=t),i[0]=bn[e]||e,i[1]=bn[n]||n,i.join(" ")},Fn=function(t,i){if(i.tween&&i.tween._time===i.tween._dur){var e,n,s,r=i.t,o=r.style,h=i.u,a=r._gsap;if("all"===h||!0===h)o.cssText="",n=1;else for(s=(h=h.split(",")).length;--s>-1;)Re[e=h[s]]&&(n=1,e="transformOrigin"===e?nn:en),gn(r,e);n&&(gn(r,en),a&&(a.svg&&r.removeAttribute("transform"),o.scale=o.rotate=o.translate="none",Yn(r,1),a.uncache=1,rn(o)))}},Pn={clearProps:function(t,i,e,n,s){if("isFromStart"!==s.data){var r=t._pt=new ce(t._pt,i,e,0,0,Fn);return r.u=n,r.pr=-10,r.tween=s,t._props.push(e),1}}},Zn=[1,0,0,1,0,0],_n={},On=function(t){return"matrix(1, 0, 0, 1, 0, 0)"===t||"none"===t||!t},Bn=function(t){var i=un(t,en);return On(i)?Zn:i.substr(7).match(V).map(pt)},En=function(t,i){var e,n,s,r,o=t._gsap||ct(t),h=t.style,a=Bn(t);return o.svg&&t.getAttribute("transform")?"1,0,0,1,0,0"===(a=[(s=t.transform.baseVal.consolidate().matrix).a,s.b,s.c,s.d,s.e,s.f]).join(",")?Zn:a:(a!==Zn||t.offsetParent||t===_e||o.svg||(s=h.display,h.display="block",(e=t.parentNode)&&(t.offsetParent||t.getBoundingClientRect().width)||(r=1,n=t.nextElementSibling,_e.appendChild(t)),a=Bn(t),s?h.display=s:gn(t,"display"),r&&(n?e.insertBefore(t,n):e?e.appendChild(t):_e.removeChild(t))),i&&a.length>6?[a[0],a[1],a[4],a[5],a[12],a[13]]:a)},Tn=function(t,i,e,n,s,r){var o,h,a,u=t._gsap,f=s||En(t,!0),l=u.xOrigin||0,d=u.yOrigin||0,c=u.xOffset||0,m=u.yOffset||0,v=f[0],p=f[1],g=f[2],C=f[3],y=f[4],w=f[5],j=i.split(" "),x=parseFloat(j[0])||0,M=parseFloat(j[1])||0;e?f!==Zn&&(h=v*C-p*g)&&(a=x*(-p/h)+M*(v/h)-(v*w-p*y)/h,x=x*(C/h)+M*(-g/h)+(g*w-C*y)/h,M=a):(x=(o=vn(t)).x+(~j[0].indexOf("%")?x/100*o.width:x),M=o.y+(~(j[1]||j[0]).indexOf("%")?M/100*o.height:M)),n||!1!==n&&u.smooth?(u.xOffset=c+((y=x-l)*v+(w=M-d)*g)-y,u.yOffset=m+(y*p+w*C)-w):u.xOffset=u.yOffset=0,u.xOrigin=x,u.yOrigin=M,u.smooth=!!n,u.origin=i,u.originIsAbsolute=!!e,t.style[nn]="0px 0px",r&&(Cn(r,u,"xOrigin",l,x),Cn(r,u,"yOrigin",d,M),Cn(r,u,"xOffset",c,u.xOffset),Cn(r,u,"yOffset",m,u.yOffset)),t.setAttribute("data-svg-origin",x+" "+M)},Yn=function(t,i){var e=t._gsap||new Di(t);if("x"in e&&!i&&!e.uncache)return e;var n,s,r,o,h,a,u,f,l,d,c,m,v,p,g,C,y,w,x,M,b,k,F,P,Z,_,O,B,E,T,Y,R,S=t.style,z=e.scaleX<0,H="px",L="deg",D=getComputedStyle(t),X=un(t,nn)||"0";return n=s=r=a=u=f=l=d=c=0,o=h=1,e.svg=!(!t.getCTM||!pn(t)),D.translate&&("none"===D.translate&&"none"===D.scale&&"none"===D.rotate||(S[en]=("none"!==D.translate?"translate3d("+(D.translate+" 0 0").split(" ").slice(0,3).join(", ")+") ":"")+("none"!==D.rotate?"rotate("+D.rotate+") ":"")+("none"!==D.scale?"scale("+D.scale.split(" ").join(",")+") ":"")+("none"!==D[en]?D[en]:"")),S.scale=S.rotate=S.translate="none"),p=En(t,e.svg),e.svg&&(e.uncache?(Z=t.getBBox(),X=e.xOrigin-Z.x+"px "+(e.yOrigin-Z.y)+"px",P=""):P=!i&&t.getAttribute("data-svg-origin"),Tn(t,P||X,!!P||e.originIsAbsolute,!1!==e.smooth,p)),m=e.xOrigin||0,v=e.yOrigin||0,p!==Zn&&(w=p[0],x=p[1],M=p[2],b=p[3],n=k=p[4],s=F=p[5],6===p.length?(o=Math.sqrt(w*w+x*x),h=Math.sqrt(b*b+M*M),a=w||x?He(x,w)*Se:0,(l=M||b?He(M,b)*Se+a:0)&&(h*=Math.abs(Math.cos(l*ze))),e.svg&&(n-=m-(m*w+v*M),s-=v-(m*x+v*b))):(T=p[7],O=p[8],B=p[9],Y=p[11],n=p[12],s=p[13],r=p[14],u=(g=He(R=p[6],E=p[10]))*Se,g&&(P=k*(C=Math.cos(-g))+O*(y=Math.sin(-g)),Z=F*C+B*y,_=R*C+E*y,O=k*-y+O*C,B=F*-y+B*C,E=R*-y+E*C,Y=T*-y+Y*C,k=P,F=Z,R=_),f=(g=He(-M,E))*Se,g&&(C=Math.cos(-g),Y=b*(y=Math.sin(-g))+Y*C,w=P=w*C-O*y,x=Z=x*C-B*y,M=_=M*C-E*y),a=(g=He(x,w))*Se,g&&(P=w*(C=Math.cos(g))+x*(y=Math.sin(g)),Z=k*C+F*y,x=x*C-w*y,F=F*C-k*y,w=P,k=Z),u&&Math.abs(u)+Math.abs(a)>359.9&&(u=a=0,f=180-f),o=pt(Math.sqrt(w*w+x*x+M*M)),h=pt(Math.sqrt(F*F+R*R)),g=He(k,F),l=Math.abs(g)>2e-4?g*Se:0,c=Y?1/(Y<0?-Y:Y):0),e.svg&&(P=t.getAttribute("transform"),e.forceCSS=t.setAttribute("transform","")||!On(un(t,en)),P&&t.setAttribute("transform",P))),Math.abs(l)>90&&Math.abs(l)<270&&(z?(o*=-1,l+=a<=0?180:-180,a+=a<=0?180:-180):(h*=-1,l+=l<=0?180:-180)),i=i||e.uncache,e.x=n-((e.xPercent=n&&(!i&&e.xPercent||(Math.round(t.offsetWidth/2)===Math.round(-n)?-50:0)))?t.offsetWidth*e.xPercent/100:0)+H,e.y=s-((e.yPercent=s&&(!i&&e.yPercent||(Math.round(t.offsetHeight/2)===Math.round(-s)?-50:0)))?t.offsetHeight*e.yPercent/100:0)+H,e.z=r+H,e.scaleX=pt(o),e.scaleY=pt(h),e.rotation=pt(a)+L,e.rotationX=pt(u)+L,e.rotationY=pt(f)+L,e.skewX=l+L,e.skewY=d+L,e.transformPerspective=c+H,(e.zOrigin=parseFloat(X.split(" ")[2])||!i&&e.zOrigin||0)&&(S[nn]=Rn(X)),e.xOffset=e.yOffset=0,e.force3D=j.force3D,e.renderTransform=e.svg?Vn:Ye?Xn:zn,e.uncache=0,e},Rn=function(t){return(t=t.split(" "))[0]+" "+t[1]},Sn=function(t,i,e){var n=ti(i);return pt(parseFloat(i)+parseFloat(jn(t,"x",e+"px",n)))+n},zn=function(t,i){i.z="0px",i.rotationY=i.rotationX="0deg",i.force3D=0,Xn(t,i)},Hn="0deg",Ln="0px",Dn=") ",Xn=function(t,i){var e=i||this,n=e.xPercent,s=e.yPercent,r=e.x,o=e.y,h=e.z,a=e.rotation,u=e.rotationY,f=e.rotationX,l=e.skewX,d=e.skewY,c=e.scaleX,m=e.scaleY,v=e.transformPerspective,p=e.force3D,g=e.target,C=e.zOrigin,y="",w="auto"===p&&t&&1!==t||!0===p;if(C&&(f!==Hn||u!==Hn)){var j,x=parseFloat(u)*ze,M=Math.sin(x),b=Math.cos(x);r=Sn(g,r,M*(j=Math.cos(x=parseFloat(f)*ze))*-C),o=Sn(g,o,-Math.sin(x)*-C),h=Sn(g,h,b*j*-C+C)}v!==Ln&&(y+="perspective("+v+Dn),(n||s)&&(y+="translate("+n+"%, "+s+"%) "),(w||r!==Ln||o!==Ln||h!==Ln)&&(y+=h!==Ln||w?"translate3d("+r+", "+o+", "+h+") ":"translate("+r+", "+o+Dn),a!==Hn&&(y+="rotate("+a+Dn),u!==Hn&&(y+="rotateY("+u+Dn),f!==Hn&&(y+="rotateX("+f+Dn),l===Hn&&d===Hn||(y+="skew("+l+", "+d+Dn),1===c&&1===m||(y+="scale("+c+", "+m+Dn),g.style[en]=y||"translate(0, 0)"},Vn=function(t,i){var e,n,s,r,o,h=i||this,a=h.xPercent,u=h.yPercent,f=h.x,l=h.y,d=h.rotation,c=h.skewX,m=h.skewY,v=h.scaleX,p=h.scaleY,g=h.target,C=h.xOrigin,y=h.yOrigin,w=h.xOffset,j=h.yOffset,x=h.forceCSS,M=parseFloat(f),b=parseFloat(l);d=parseFloat(d),c=parseFloat(c),(m=parseFloat(m))&&(c+=m=parseFloat(m),d+=m),d||c?(c*=ze,e=Math.cos(d*=ze)*v,n=Math.sin(d)*v,s=Math.sin(d-c)*-p,r=Math.cos(d-c)*p,c&&(s*=o=Math.sqrt(1+(o=Math.tan(c-(m*=ze)))*o),r*=o,m&&(e*=o=Math.sqrt(1+(o=Math.tan(m))*o),n*=o)),e=pt(e),n=pt(n),s=pt(s),r=pt(r)):(e=v,r=p,n=s=0),(M&&!~(f+"").indexOf("px")||b&&!~(l+"").indexOf("px"))&&(M=jn(g,"x",f,"px"),b=jn(g,"y",l,"px")),(C||y||w||j)&&(M=pt(M+C-(C*e+y*s)+w),b=pt(b+y-(C*n+y*r)+j)),(a||u)&&(o=g.getBBox(),M=pt(M+a/100*o.width),b=pt(b+u/100*o.height)),g.setAttribute("transform",o="matrix("+e+","+n+","+s+","+r+","+M+","+b+")"),x&&(g.style[en]=o)},An=function(t,i,e,n,s){var r,o,h=360,a=B(s),u=parseFloat(s)*(a&&~s.indexOf("rad")?Se:1)-n,f=n+u+"deg";return a&&("short"===(r=s.split("_")[1])&&(u%=h)!=u%180&&(u+=u<0?h:-360),"cw"===r&&u<0?u=(u+36e9)%h-~~(u/h)*h:"ccw"===r&&u>0&&(u=(u-36e9)%h-~~(u/h)*h)),t._pt=o=new ce(t._pt,i,e,n,u,Ue),o.e=f,o.u="deg",t._props.push(e),o},Un=function(t,i){for(var e in i)t[e]=i[e];return t},In=function(t,i,e){var n,s,r,o,h,a,u=Un({},e._gsap),f=e.style;for(s in u.svg?(r=e.getAttribute("transform"),e.setAttribute("transform",""),f[en]=i,n=Yn(e,1),gn(e,en),e.setAttribute("transform",r)):(r=getComputedStyle(e)[en],f[en]=i,n=Yn(e,1),f[en]=r),Re)(r=u[s])!==(o=n[s])&&"perspective,force3D,transformOrigin,svgOrigin".indexOf(s)<0&&(h=ti(r)!==(a=ti(o))?jn(e,s,r,a):parseFloat(r),t._pt=new ce(t._pt,n,s,h,parseFloat(o)-h,Ae),t._pt.u=a||0,t._props.push(s));Un(n,u)};vt("padding,margin,Width,Radius",(function(t,i){var e="Top",n="Right",s="Bottom",r="Left",o=(i<3?[e,n,s,r]:[e+r,e+n,s+n,s+r]).map((function(e){return i<2?t+e:"border"+e+t}));Pn[i>1?"border"+t:t]=function(t,i,e,n,s){var r,h;if(arguments.length<4)return r=o.map((function(i){return xn(t,i,e)})),5===(h=r.join(" ")).split(r[0]).length?r[0]:h;r=(n+"").split(" "),h={},o.forEach((function(t,i){return h[t]=r[i]=r[i]||r[(i-1)/2|0]})),t.init(i,h,s)}}));var Nn={name:"css",register:dn,targetTest:function(t){return t.style&&t.nodeType},init:function(t,i,e,n,s){var r,o,h,a,u,f,l,d,c,m,v,p,g,C,y,w,x=this._props,M=t.style,b=e.vars.startAt;for(l in Oe||dn(),this.styles=this.styles||hn(t),w=this.styles.props,this.tween=e,i)if("autoRound"!==l&&(o=i[l],!ht[l]||!$i(l,i,e,n,t,s)))if(f=Pn[l],"function"==(u=typeof o)&&(u=typeof(o=o.call(e,n,t,s))),"string"===u&&~o.indexOf("random(")&&(o=li(o)),f)f(this,t,l,o,e)&&(y=1);else if("--"===l.substr(0,2))r=(getComputedStyle(t).getPropertyValue(l)+"").trim(),o+="",bi.lastIndex=0,bi.test(r)||(d=ti(r),c=ti(o)),c?d!==c&&(r=jn(t,l,r,c)+c):d&&(o+=d),this.add(M,"setProperty",r,o,n,s,0,0,l),x.push(l),w.push(l,0,M[l]);else if("undefined"!==u){if(b&&l in b?(r="function"==typeof b[l]?b[l].call(e,n,t,s):b[l],B(r)&&~r.indexOf("random(")&&(r=li(r)),ti(r+"")||"auto"===r||(r+=j.units[l]||ti(xn(t,l))||""),"="===(r+"")[1]&&(r=xn(t,l))):r=xn(t,l),a=parseFloat(r),(m="string"===u&&"="===o.charAt(1)&&o.substr(0,2))&&(o=o.substr(2)),h=parseFloat(o),l in Ve&&("autoAlpha"===l&&(1===a&&"hidden"===xn(t,"visibility")&&h&&(a=0),w.push("visibility",0,M.visibility),Cn(this,M,"visibility",a?"inherit":"hidden",h?"inherit":"hidden",!h)),"scale"!==l&&"transform"!==l&&~(l=Ve[l]).indexOf(",")&&(l=l.split(",")[0])),v=l in Re)if(this.styles.save(l),"string"===u&&"var(--"===o.substring(0,6)&&(o=un(t,o.substring(4,o.indexOf(")"))),h=parseFloat(o)),p||((g=t._gsap).renderTransform&&!i.parseTransform||Yn(t,i.parseTransform),C=!1!==i.smoothOrigin&&g.smooth,(p=this._pt=new ce(this._pt,M,en,0,1,g.renderTransform,g,0,-1)).dep=1),"scale"===l)this._pt=new ce(this._pt,g,"scaleY",g.scaleY,(m?Ct(g.scaleY,m+h):h)-g.scaleY||0,Ae),this._pt.u=0,x.push("scaleY",l),l+="X";else{if("transformOrigin"===l){w.push(nn,0,M[nn]),o=kn(o),g.svg?Tn(t,o,0,C,0,this):((c=parseFloat(o.split(" ")[2])||0)!==g.zOrigin&&Cn(this,g,"zOrigin",g.zOrigin,c),Cn(this,M,l,Rn(r),Rn(o)));continue}if("svgOrigin"===l){Tn(t,o,1,C,0,this);continue}if(l in _n){An(this,g,l,a,m?Ct(a,m+o):o);continue}if("smoothOrigin"===l){Cn(this,g,"smooth",g.smooth,o);continue}if("force3D"===l){g[l]=o;continue}if("transform"===l){In(this,o,t);continue}}else l in M||(l=ln(l)||l);if(v||(h||0===h)&&(a||0===a)&&!Xe.test(o)&&l in M)h||(h=0),(d=(r+"").substr((a+"").length))!==(c=ti(o)||(l in j.units?j.units[l]:d))&&(a=jn(t,l,r,c)),this._pt=new ce(this._pt,v?g:M,l,a,(m?Ct(a,m+h):h)-a,v||"px"!==c&&"zIndex"!==l||!1===i.autoRound?Ae:Ne),this._pt.u=c||0,d!==c&&"%"!==c&&(this._pt.b=r,this._pt.r=Ie);else if(l in M)Mn.call(this,t,l,r,m?m+o:o);else if(l in t)this.add(t,l,r||t[l],m?m+o:o,n,s);else if("parseTransform"!==l){G(l,o);continue}v||(l in M?w.push(l,0,M[l]):"function"==typeof t[l]?w.push(l,2,t[l]()):w.push(l,1,r||t[l])),x.push(l)}y&&de(this)},render:function(t,i){if(i.tween._time||!Te())for(var e=i._pt;e;)e.r(t,e.d),e=e._next;else i.styles.revert()},get:xn,aliases:Ve,getSetter:function(t,i,e){var n=Ve[i];return n&&n.indexOf(",")<0&&(i=n),i in Re&&i!==nn&&(t._gsap.x||xn(t,"x"))?e&&Ee===e?"scale"===i?Je:Ge:(Ee=e||{})&&("scale"===i?Ke:tn):t.style&&!Y(t.style[i])?We:~i.indexOf("-")?Qe:se(t,i)},core:{_removeProperty:gn,_getMatrix:En}};Fe.utils.checkPrefix=ln,Fe.core.getStyleSaver=hn,function(t,i){var e=vt(t+","+i+",transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective",(function(t){Re[t]=1}));vt(i,(function(t){j.units[t]="deg",_n[t]=1})),Ve[e[13]]=t+","+i,vt("0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY",(function(t){var i=t.split(":");Ve[i[1]]=e[i[0]]}))}("x,y,z,scale,scaleX,scaleY,xPercent,yPercent","rotation,rotationX,rotationY,skewX,skewY"),vt("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",(function(t){j.units[t]="px"})),Fe.registerPlugin(Nn);var $n=Fe.registerPlugin(Nn)||Fe;const qn=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.name="mia",this.emojiOriginalSize=0,this.isFollowingMouse=!1,this.isBusy=!1,this.isSmiling=!1,this.isAgreeing=!1,this.isThinking=!1,this.isBlinking=!1,this.isDisagreeing=!1,this.wasFollowingMouse=!1,this.wasBlinking=!1,this.headOffsetX=0,this.headOffsetY=0,this.headOffset=0,this.eyesOffsetX=0,this.eyesOffsetY=0,this.eyesOffset=1,this.mouthOffsetX=0,this.mouthOffsetY=0,this.mouthOffset=1,this.handOffsetX=0,this.handOffsetY=0,this.handOffset=2,this.gadgetOffsetX=0,this.gadgetOffsetY=0,this.gadgetOffset=2,this.eyebrowsOffsetX=0,this.eyebrowsOffsetY=0,this.eyebrowsOffset=2,this.earsOffsetX=0,this.earsOffsetY=0,this.earsOffset=2,this.mouseX=0,this.mouseY=0,this.currentRotateX=0,this.currentRotateY=0,this.expressionAngleMax=16,this.expressionFollowMouseHeadDuration=.3,this.expressionFollowMouseTraitsDuration=.2,this.blinkTimeline=null,this.blinkDelay=null,this.svgLibrary={mia:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <g id="head-default">\n    <path id="border-head" d="M15.8188 3C16.5046 3.00015 17.141 3.36269 17.4986 3.95703L21.7112 10.957C22.0963 11.5972 22.0963 12.4028 21.7112 13.043L17.4986 20.043C17.141 20.6373 16.5046 20.9998 15.8188 21H8.18127C7.49525 21 6.85822 20.6375 6.50049 20.043L2.28892 13.043C1.90369 12.4027 1.90369 11.5973 2.28892 10.957L6.50049 3.95703C6.85822 3.36252 7.49525 3 8.18127 3H15.8188Z" stroke="var(--mds-emoji-mia-head-stroke-color, rgb(194 160 251))" stroke-width="var(--mds-emoji-mia-head-stroke-width, 2px)" fill="var(--mds-emoji-mia-head-stroke-color, rgb(194 160 251))"/>\n    <path id="path-head" d="M15.8188 3C16.5046 3.00015 17.141 3.36269 17.4986 3.95703L21.7112 10.957C22.0963 11.5972 22.0963 12.4028 21.7112 13.043L17.4986 20.043C17.141 20.6373 16.5046 20.9998 15.8188 21H8.18127C7.49525 21 6.85822 20.6375 6.50049 20.043L2.28892 13.043C1.90369 12.4027 1.90369 11.5973 2.28892 10.957L6.50049 3.95703C6.85822 3.36252 7.49525 3 8.18127 3H15.8188Z" fill="var(--mds-emoji-mia-head-color, rgb(224 207 253))"/>\n  </g>\n  <g id="eyes-default">\n    <path id="left-eye" d="M8 8H10V12H8V8Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n    <path id="right-eye" d="M14 8H16V12H14V8Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n  </g>\n  <g id="eyes-closed">\n    <path id="left-eye-closed" d="M6 10H10V12H6V10Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n    <path id="right-eye-closed" d="M14 10H18V12H14V10Z" fill="var(--mds-emoji-mia-eyes-color, rgb(81 9 207))"/>\n  </g>\n  <path id="mouth-default" d="M16.707 15.707C15.4771 16.937 13.6985 17.5 12 17.5C10.3015 17.5 8.52294 16.937 7.29297 15.707L8.70703 14.293C9.47706 15.063 10.6985 15.5 12 15.5C13.3015 15.5 14.5229 15.063 15.293 14.293L16.707 15.707Z" fill="var(--mds-emoji-mia-mouth-color, rgb(98 12 245))"/>\n  <path id="mouth-smile" d="M16 14H8C8.33333 15.3333 9 18 12 18C15 18 15.6667 15.3333 16 14Z" fill="var(--mds-emoji-mia-mouth-color, rgb(98 12 245))"/>\n  <path id="mouth-serious" d="M8 15H16V17H8V15Z" fill="var(--mds-emoji-mia-mouth-color, rgb(98 12 245))"/>\n  <path id="hand-think" style="visibility:hidden;" d="M6 16C6.55228 16 7 16.4477 7 17V18H13C13.5523 18 14 18.4477 14 19C14 19.5523 13.5523 20 13 20H10.3818C11.1252 20 11.6088 20.7824 11.2764 21.4473L10.2764 23.4473C10.107 23.786 9.76059 24 9.38184 24H4V20L5 18V16H6Z" fill="var(--mds-emoji-mia-hands-color, rgb(98 12 245))"/>\n</svg>\n',simi:'<svg width="440" height="440" viewBox="0 0 440 440" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <g id="ears-default">\n    <g id="ear-right">\n      <path id="ear-right-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M363.838 54.3257C339.126 44.6171 278.031 90.7244 256.023 111.557C205.523 159.363 303.523 209.826 358.387 195.099C380.992 189.032 391.095 169.008 388.672 165.367C386.734 162.454 374.135 161.322 368.078 161.12C376.962 129.567 388.551 64.0342 363.838 54.3257Z"/>\n      <path id="ear-right-inner-shape" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M351.676 53.2891C356.294 52.7076 360.415 52.9806 363.838 54.3252C364.658 54.6472 365.437 55.0331 366.178 55.4746C368.347 56.9073 370.299 58.8573 372.053 61.2344C385.423 81.3621 375.744 133.891 368.078 161.119C374.135 161.321 386.734 162.455 388.672 165.367C391.094 169.008 380.992 189.032 358.387 195.1C357.17 195.426 355.929 195.687 354.667 195.888C317.523 201.796 244.693 161.119 265.859 130.788C281.528 108.336 324.274 59.2313 351.676 53.2891Z"/>\n      <path id="ear-right-hole" fill="var(--mds-emoji-simi-skin-dark, #C3481B)" d="M350.023 84.8079C329.105 90.1196 311.307 114.384 305.023 125.853C299.251 136.387 303.53 147.927 311.277 155C320.553 163.469 334.801 165.535 342.726 151.808C361.778 118.808 355.529 93.3915 350.023 84.8079Z"/>\n      <path id="ear-right-outline-border" stroke="var(--mds-emoji-simi-skin-dark, #C3481B)" stroke-width="9" stroke-linecap="round" d="M363.838 54.3257C339.126 44.6171 278.031 90.7244 256.023 111.557C205.523 159.363 303.523 209.826 358.387 195.099C380.992 189.032 391.095 169.008 388.672 165.367C386.734 162.454 374.135 161.322 368.078 161.12C376.962 129.567 388.551 64.0342 363.838 54.3257Z"/>\n      <path id="ear-right-border" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M349.523 84.5C334.523 89 291.523 121 306.523 149"/>\n    </g>\n    <g id="ear-left">\n      <path id="ear-left-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M77.1852 54.3257C101.898 44.6171 162.993 90.7244 185 111.557C235.5 159.363 137.5 209.826 82.6365 195.099C60.0315 189.032 49.9287 169.008 52.3515 165.367C54.2897 162.454 66.8883 161.322 72.9453 161.12C64.0617 129.567 52.4726 64.0342 77.1852 54.3257Z"/>\n      <path id="ear-left-inner-shape" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M89.3476 53.2891C84.7294 52.7076 80.6085 52.9806 77.1855 54.3252C76.3658 54.6472 75.5869 55.0331 74.8457 55.4746C72.6763 56.9073 70.7246 58.8573 68.9707 61.2344C55.6008 81.3621 65.2794 133.891 72.9453 161.119C66.8883 161.321 54.2898 162.455 52.3516 165.367C49.9291 169.008 60.0319 189.032 82.6367 195.1C83.8533 195.426 85.0943 195.687 86.3564 195.888C123.5 201.796 196.33 161.119 175.164 130.788C159.496 108.336 116.75 59.2313 89.3476 53.2891Z"/>\n      <path id="ear-left-hole" fill="var(--mds-emoji-simi-skin-dark, #C3481B)" d="M91 84.8079C111.919 90.1196 129.716 114.384 136 125.853C141.772 136.387 137.494 147.927 129.747 155C120.471 163.469 106.223 165.535 98.2973 151.808C79.2451 118.808 85.494 93.3915 91 84.8079Z"/>\n      <path id="ear-left-outline-border" stroke="var(--mds-emoji-simi-skin-dark, #C3481B)" stroke-width="9" stroke-linecap="round" d="M77.1852 54.3257C101.898 44.6171 162.993 90.7244 185 111.557C235.5 159.363 137.5 209.826 82.6365 195.099C60.0315 189.032 49.9287 169.008 52.3515 165.367C54.2897 162.454 66.8883 161.322 72.9453 161.12C64.0617 129.567 52.4726 64.0342 77.1852 54.3257Z"/>\n      <path id="ear-left-border" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M91.5 84.5C106.5 89 149.5 121 134.5 149"/>\n    </g>\n  </g>\n  <g id="head-default">\n    <path id="shape-head" fill="var(--mds-emoji-simi-skin, #F36320)" d="M378.732 217.557C340.98 122.357 268.622 107.557 219.909 107.557C171.197 107.557 98.8384 122.357 61.0863 217.557C50.181 245.057 52.6419 250.557 21.1818 271.057C19.6595 281.557 27.7783 295.057 42.4935 297.057C38.7724 298.224 30.5183 300.557 27.2708 300.557C23.2115 300.557 65.1456 387.557 219.909 387.557C374.673 387.557 416.789 300.057 412.729 300.057C409.482 300.057 401.228 297.724 397.507 296.557C412.222 294.557 420.34 281.057 418.818 270.557C387.358 250.057 389.637 245.057 378.732 217.557Z"/>\n    <g id="ear-tufts">\n      <g id="right-tuft">\n        <path id="right-tuft-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M336.411 123.628C333.005 118.799 313.911 124.433 304.789 127.853C295.789 132.254 282.34 139.697 296.289 146.057C313.289 153.808 342.492 168.294 342.492 153.808C343.708 143.547 331.749 140.126 326.681 139.321C331.343 136.102 339.816 128.457 336.411 123.628Z"/>\n        <path id="right-tuft-outline" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M304.789 127.853C313.911 124.433 333.005 118.799 336.411 123.628C339.816 128.457 331.343 136.102 326.681 139.321C331.749 140.126 343.708 143.547 342.492 153.808"/>\n      </g>\n      <g id="left-tuft">\n        <path id="left-tuft-shape" fill="var(--mds-emoji-simi-skin, #F36320)" d="M104.167 122.628C107.573 117.799 126.667 123.433 135.789 126.853C144.789 131.254 158.239 138.697 144.289 145.057C127.289 152.808 98.0863 167.294 98.0863 152.808C96.8701 142.547 108.83 139.126 113.897 138.321C109.235 135.102 100.762 127.457 104.167 122.628Z"/>\n        <path id="left-tuft-outline" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="7" stroke-linecap="round" d="M135.789 126.853C126.667 123.433 107.573 117.799 104.167 122.628C100.762 127.457 109.235 135.102 113.897 138.321C108.83 139.126 96.8701 142.547 98.0864 152.808"/>\n      </g>\n    </g>\n    <g id="cheeks">\n      <path id="right-cheek" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M380.5 290.057C364 262.557 340 266.355 318 279.057C344.5 305.557 344 327.557 330 361.557C384.8 341.157 386.5 305.39 380.5 290.057Z"/>\n      <path id="left-cheek" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M59.3658 290.057C75.8658 262.557 99.8658 266.355 121.866 279.057C95.3658 305.557 95.8658 327.557 109.866 361.557C55.0658 341.157 53.3658 305.39 59.3658 290.057Z"/>\n    </g>\n    <path id="chin" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 372.557C256.675 372.557 286 352.186 286 327.057C286 301.928 256.675 260.557 220.5 260.557C184.325 260.557 155 301.928 155 327.057C155 352.186 184.325 372.557 220.5 372.557Z"/>\n  </g>\n  <g id="eyebrows-default">\n    <path id="left-eyebrow" fill="var(--mds-emoji-simi-eyebrow, #FEEFD8)" d="M175.248 176.007C177.691 183.997 168.289 189.539 152.865 194.255C137.442 198.97 131.072 201.193 128.629 193.203C126.186 185.212 132.802 175.371 148.226 170.655C163.649 165.94 172.805 168.016 175.248 176.007Z"/>\n    <path id="right-eyebrow" fill="var(--mds-emoji-simi-eyebrow, #FEEFD8)" d="M265.189 175.007C262.746 182.997 272.148 188.539 287.572 193.255C302.995 197.97 309.365 200.193 311.808 192.203C314.251 184.212 307.635 174.371 292.211 169.655C276.788 164.94 267.632 167.016 265.189 175.007Z"/>\n  </g>\n  <g id="eyes-default" style="transform-origin:50% 50%;">\n    <g id="right-eye">\n      <ellipse id="right-eye-inner-shape" fill="var(--mds-emoji-simi-eye, #40281B)" cx="287.002" cy="249.057" rx="18.5" ry="24.5" transform="rotate(12 287.002 249.057)"/>\n      <circle id="right-eye-inner-light" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="291" cy="242.557" r="6"/>\n    </g>\n    <g id="left-eye">\n      <ellipse id="left-eye-inner-shape" fill="var(--mds-emoji-simi-eye, #40281B)" cx="18.5" cy="24.5" rx="18.5" ry="24.5" transform="matrix(-0.978148 0.207912 0.207912 0.978148 165.139 221.541)"/>\n      <circle id="left-eye-inner-light" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="6" cy="6" r="6" transform="matrix(-1 0 0 1 160.14 236.852)"/>\n    </g>\n  </g>\n  <g id="eyes-closed" style="visibility: hidden;">\n    <path id="left-eye-closed" stroke="var(--mds-emoji-simi-eye, #40281B)" stroke-width="12" stroke-linecap="round" d="M125 248.5C137.5 240.5 167.1 241.3 179.5 248.5"/>\n    <path id="right-eye-closed" stroke="var(--mds-emoji-simi-eye, #40281B)" stroke-width="12" stroke-linecap="round" d="M315.5 248.5C303 240.5 273.4 241.3 261 248.5"/>\n  </g>\n  <g id="eyes-focused" style="visibility: hidden;">\n    <g id="right-eye-focused">\n      <ellipse id="right-eye-inner-shape-focused" fill="var(--mds-emoji-simi-eye, #40281B)" cx="287.002" cy="249.057" rx="18.5" ry="24.5" transform="rotate(-90 287.002 249.057)"/>\n      <circle id="right-eye-inner-light-focused" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="291" cy="242.557" r="6"/>\n    </g>\n    <g id="left-eye-focused">\n      <ellipse id="left-eye-inner-shape-focused" fill="var(--mds-emoji-simi-eye, #40281B)" cx="18.5" cy="24.5" rx="18.5" ry="24.5" transform="matrix(-4.37114e-08 1 1 4.37114e-08 127.637 230.852)"/>\n      <circle id="left-eye-inner-light-focused" fill="var(--mds-emoji-simi-eye-light, #FFFFFF)" cx="6" cy="6" r="6" transform="matrix(-1 0 0 1 160.14 236.852)"/>\n    </g>\n  </g>\n  <path id="gadget-default" fill="var(--mds-emoji-simi-gadget, #2B1C15)" fill-rule="evenodd" clip-rule="evenodd" d="M296 186C327.723 186 353.88 209.825 357.557 240.558H367C370.314 240.558 373 243.244 373 246.558C373 249.871 370.314 252.558 367 252.558H357.834C355.501 284.671 328.709 310 296 310C262.189 310 234.7 282.936 234.014 249.289C230.711 246.983 225.885 245.558 220.5 245.558C215.114 245.558 210.288 246.983 206.985 249.289C206.299 282.936 178.811 310 145 310C112.291 310 85.4993 284.671 83.166 252.558H74C70.6864 252.558 68.0002 249.871 68 246.558C68 243.244 70.6863 240.558 74 240.558H83.4434C87.12 209.825 113.277 186 145 186C175.248 186 200.437 207.662 205.9 236.318C210.539 234.42 215.652 233.558 220.5 233.558C225.348 233.558 230.461 234.419 235.099 236.317C240.563 207.661 265.752 186 296 186ZM145 198C117.386 198 95 220.386 95 248C95 275.614 117.386 298 145 298C172.614 298 195 275.614 195 248C195 220.386 172.614 198 145 198ZM296 198C268.386 198 246 220.386 246 248C246 275.614 268.386 298 296 298C323.614 298 346 275.614 346 248C346 220.386 323.614 198 296 198Z"/>\n  <g id="mouth-default">\n    <path id="muzzle-shape-mouth-default" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 328.5C238.5 341 263 324.813 263 307.312C263 289.812 243.972 261 220.5 261C197.028 261 178 289.812 178 307.312C178 324.813 201 341 220.5 328.5Z"/>\n    <path id="shape-mouth-mouth-default" fill="var(--mds-emoji-simi-mouth, #2B1C15)" d="M220 298.057C221.933 298.057 223.5 299.624 223.5 301.557V324.914C224.677 325.612 226.31 326.349 228.29 326.949C231.08 327.793 234.312 328.287 237.507 328.095C240.693 327.903 243.74 327.039 246.322 325.27C248.871 323.524 251.171 320.758 252.696 316.401C253.335 314.576 255.332 313.615 257.156 314.253C258.981 314.892 259.942 316.889 259.304 318.713C257.329 324.356 254.159 328.386 250.278 331.044C246.43 333.681 242.086 334.832 237.928 335.083C233.778 335.332 229.713 334.694 226.262 333.649C223.943 332.947 221.784 332.025 220 330.976C218.216 332.025 216.057 332.947 213.738 333.649C210.287 334.694 206.221 335.332 202.072 335.083C197.914 334.832 193.57 333.681 189.722 331.044C185.841 328.386 182.671 324.356 180.696 318.713C180.058 316.889 181.019 314.892 182.844 314.253C184.668 313.615 186.665 314.576 187.304 316.401C188.829 320.758 191.128 323.524 193.678 325.27C196.26 327.039 199.307 327.903 202.493 328.095C205.688 328.287 208.919 327.793 211.71 326.949C213.689 326.35 215.323 325.612 216.5 324.914V301.557C216.5 299.624 218.067 298.057 220 298.057Z"/>\n    <g id="nose-mouth-default">\n      <path id="node-shape-mouth-default" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M219.5 273.557C207.626 273.557 198 280.105 198 288.182C198 296.259 207.626 309.557 219.5 309.557C231.374 309.557 241 296.259 241 288.182C241 280.105 231.374 273.557 219.5 273.557Z"/>\n      <ellipse id="nose-light-mouth-default" fill="var(--mds-emoji-simi-nose-light, #7E695F)" cx="220" cy="285.557" rx="11" ry="5"/>\n    </g>\n  </g>\n  <g id="mouth-smile" style="visibility: hidden;">\n    <g id="inner-mouth">\n      <ellipse id="throat-mouth-smile" fill="var(--mds-emoji-simi-mouth-throat, #C3481B)" cx="220.5" cy="326" rx="32.5" ry="29" />\n      <path id="teeth-mouth-smile" fill="var(--mds-emoji-simi-mouth-teeth, #FFFFFF)" d="M220.5 329C235.689 329 248.003 331.686 248.003 335C248.003 338.314 235.689 341 220.5 341C205.311 341 192.997 338.314 192.997 335C192.997 331.686 205.311 329 220.5 329Z"/>\n      <path id="lips-mouth-smile" stroke="var(--mds-emoji-simi-nose, #2B1C15)" stroke-width="7" d="M220.5 300.5C236.62 300.5 249.5 313.138 249.5 328.5C249.5 343.862 236.62 356.5 220.5 356.5C204.38 356.5 191.5 343.862 191.5 328.5C191.5 313.138 204.38 300.5 220.5 300.5Z" />\n    </g>\n    <path id="muzzle-shape-mouth-smile" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 328.5C238.5 341 263 324.813 263 307.312C263 289.812 243.972 261 220.5 261C197.028 261 178 289.812 178 307.312C178 324.813 201 341 220.5 328.5Z"/>\n    <path id="shape-mouth-smile" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M220 298.057C221.933 298.057 223.5 299.624 223.5 301.557V324.914C224.677 325.612 226.31 326.349 228.29 326.949C231.08 327.793 234.312 328.287 237.507 328.095C240.693 327.903 243.74 327.039 246.322 325.27C248.871 323.524 251.171 320.758 252.696 316.401C253.335 314.576 255.332 313.615 257.156 314.253C258.981 314.892 259.942 316.889 259.304 318.713C257.329 324.356 254.159 328.386 250.278 331.044C246.43 333.681 242.086 334.832 237.928 335.083C233.778 335.332 229.713 334.694 226.262 333.649C223.943 332.947 221.784 332.025 220 330.976C218.216 332.025 216.057 332.947 213.738 333.649C210.287 334.694 206.221 335.332 202.072 335.083C197.914 334.832 193.57 333.681 189.722 331.044C185.841 328.386 182.671 324.356 180.696 318.713C180.058 316.889 181.019 314.892 182.844 314.253C184.668 313.615 186.665 314.576 187.304 316.401C188.829 320.758 191.128 323.524 193.678 325.27C196.26 327.039 199.307 327.903 202.493 328.095C205.688 328.287 208.919 327.793 211.71 326.949C213.689 326.35 215.323 325.612 216.5 324.914V301.557C216.5 299.624 218.067 298.057 220 298.057Z"/>\n    <g id="nose-mouth-smile">\n      <path id="nose-shape-mouth-smile" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M219.5 273.557C207.626 273.557 198 280.105 198 288.182C198 296.259 207.626 309.557 219.5 309.557C231.374 309.557 241 296.259 241 288.182C241 280.105 231.374 273.557 219.5 273.557Z"/>\n      <ellipse id="nose-light-mouth-smile" fill="var(--mds-emoji-simi-nose-light, #7E695F)" cx="220" cy="285.557" rx="11" ry="5"/>\n    </g>\n  </g>\n  <g id="mouth-serious" style="visibility: hidden;">\n    <path id="muzzle-shape-mouth-serious" fill="var(--mds-emoji-simi-skin-light, #FEEFD8)" d="M220.5 328.5C238.5 341 263 324.813 263 307.312C263 289.812 243.972 261 220.5 261C197.028 261 178 289.812 178 307.312C178 324.813 201 341 220.5 328.5Z"/>\n    <path id="shape-mouth-serious" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M220 298C221.933 298 223.5 299.567 223.5 301.5V326.675C224.663 326.774 225.818 326.903 226.821 327.026C227.869 327.155 228.796 327.283 229.462 327.38C229.795 327.428 230.064 327.469 230.251 327.497C230.344 327.511 230.418 327.522 230.469 327.53C230.494 327.534 230.514 327.538 230.527 327.54C230.534 327.541 230.539 327.541 230.543 327.542C230.545 327.542 230.547 327.543 230.548 327.543H230.55C232.459 327.847 233.76 329.641 233.456 331.55C233.152 333.459 231.359 334.76 229.45 334.456C229.45 334.456 229.448 334.456 229.447 334.456C229.445 334.456 229.441 334.455 229.436 334.454C229.426 334.452 229.41 334.451 229.389 334.447C229.345 334.441 229.28 334.43 229.194 334.417C229.023 334.391 228.772 334.353 228.458 334.308C227.83 334.217 226.954 334.095 225.968 333.974C223.947 333.725 221.629 333.5 220 333.5C218.371 333.5 216.053 333.725 214.032 333.974C213.046 334.095 212.17 334.217 211.542 334.308C211.228 334.353 210.977 334.391 210.806 334.417C210.72 334.43 210.655 334.441 210.611 334.447C210.59 334.451 210.574 334.452 210.563 334.454C210.559 334.455 210.555 334.456 210.553 334.456C210.552 334.456 210.55 334.456 210.55 334.456C208.641 334.76 206.848 333.459 206.544 331.55C206.24 329.641 207.541 327.848 209.45 327.544L209.452 327.543C209.453 327.543 209.455 327.542 209.457 327.542C209.461 327.541 209.466 327.541 209.473 327.54C209.486 327.538 209.506 327.534 209.531 327.53C209.582 327.522 209.656 327.511 209.749 327.497C209.936 327.469 210.205 327.428 210.538 327.38C211.204 327.283 212.131 327.155 213.179 327.026C214.182 326.903 215.337 326.774 216.5 326.675V301.5C216.5 299.567 218.067 298 220 298Z" />\n    <g id="nose-mouth-serious">\n      <path id="nose-shape-mouth-serious" fill="var(--mds-emoji-simi-nose, #2B1C15)" d="M219.5 273.557C207.626 273.557 198 280.105 198 288.182C198 296.259 207.626 309.557 219.5 309.557C231.374 309.557 241 296.259 241 288.182C241 280.105 231.374 273.557 219.5 273.557Z"/>\n      <ellipse id="nose-light-mouth-serious" fill="var(--mds-emoji-simi-nose-light, #7E695F)" cx="220" cy="285.557" rx="11" ry="5"/>\n    </g>\n  </g>\n  <g id="hand-think" style="visibility: hidden;">\n    <path id="shape-hand-think" fill="var(--mds-emoji-simi-skin, #F36320)" d="M237.5 438C238.5 435 241 428.5 243.5 421.5C257.989 413.451 258.739 397.302 255.5 383.467C278 367.934 263.5 350 255.5 350C251.5 340.4 242.5 339 238.5 339.5C244.5 324 233 323.5 229 323.5C225 323.5 202.5 323 189 351C183.4 374.6 195 400.833 201.5 411C200.667 411.5 199 414.5 195.5 420C211 426.5 204 423.5 237.5 438Z" />\n    <path id="palm-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M251 369C267 409.5 249.5 416.5 242 423.5L236.5 437.5"/>\n    <path id="finger-3-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M256 382.5C262.5 379.333 273.7 370.1 266.5 358.5C257.5 344 234 360 230 363"/>\n    <path id="finger-2-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M256 350.5C256 338 236.1 329.9 208.5 357.5"/>\n    <path id="finger-1-hand-think" stroke="var(--mds-emoji-simi-outline, #2B1C15)" stroke-width="6" d="M196.5 420.5L201.5 410.5C195.167 400 183.8 373.6 189 352C194.2 330.4 218.833 323.667 230.5 323C235.333 322.5 243.9 325.1 239.5 339.5"/>\n  </g>\n</svg>\n'},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.host);this.expressionAngleMax=r(t.getPropertyValue("--mds-emoji-expression-max-rotation"),16),this.expressionFollowMouseHeadDuration=o(t.getPropertyValue("--mds-emoji-expression-follow-mouse-head-duration")),this.expressionFollowMouseTraitsDuration=o(t.getPropertyValue("--mds-emoji-expression-follow-mouse-traits-duration")),this.headOffset=h(t.getPropertyValue("--mds-emoji-offset-head"),1),this.eyesOffset=h(t.getPropertyValue("--mds-emoji-offset-eyes"),1),this.mouthOffset=h(t.getPropertyValue("--mds-emoji-offset-mouth"),1),this.handOffset=h(t.getPropertyValue("--mds-emoji-offset-hand"),1),this.gadgetOffset=h(t.getPropertyValue("--mds-emoji-offset-gadget"),1),this.eyebrowsOffset=h(t.getPropertyValue("--mds-emoji-offset-eyebrows"),1),this.earsOffset=h(t.getPropertyValue("--mds-emoji-offset-ears"),1)},this.updateSvgDictionary=t=>{var i;if("undefined"==typeof window)return;const e=document.createElement("template");e.innerHTML=this.svgLibrary[t].trim(),this.emojiOriginalSize=Number(null===(i=e.content.firstElementChild)||void 0===i?void 0:i.getAttribute("width")),this.svgRootEl=e.content.firstElementChild,this.updateCSSCustomProps(),this.resetAnimationState(),this.host.shadowRoot&&(this.host.shadowRoot.innerHTML=this.svgRootEl.outerHTML),this.isBlinking&&(this.blinkTimeline=this.buildBlinkTimeline(),this.scheduleBlink())},this.resetAnimationState=()=>{var t,i;null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=null,null===(i=this.blinkTimeline)||void 0===i||i.kill(),this.blinkTimeline=null,this.headEl=null,this.eyesEl=null,this.handEl=null,this.mouthEl=null,this.gadgetEl=null,this.eyebrowsEl=null,this.earsEl=null},this.queryPart=t=>{var i,e,n;return null!==(n=null===(e=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.firstElementChild)||void 0===e?void 0:e.querySelector(`[id='${t}']`))&&void 0!==n?n:null},this.resetEyesToDefault=()=>{this.svgPartState("eyes","default");const t=this.queryPart("eyes-default");t&&$n.set(t,{scaleY:1})},this.getEmojiCenter=()=>{const t=this.host.getBoundingClientRect();return{centerX:t.left+t.width/2,centerY:t.top+t.height/2}},this.restoreReadyState=()=>{this.isBusy=!1,this.restoreFollowMouse(),this.scheduleBlink()},this.restoreFollowMouse=()=>{this.wasFollowingMouse&&(this.moveHead(this.mouseX,this.mouseY),this.startFollowMouse()),this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY)},this.stopConcurrentAnimations=()=>{this.wasFollowingMouse&&this.stopFollowMouse(),this.isThinking&&this.stopThinking(),this.pauseBlinking()},this.setAgreeAnimation=()=>{const t="expo.out",i="auto",e={value:0};if($n.timeline({defaults:{ease:t,overwrite:i},onComplete:()=>{this.restoreReadyState()}}).to(e,{value:0,duration:.08,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:-100,duration:.24,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:50,duration:.18,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:-25,duration:.12,onUpdate:()=>{this.rotate(0,e.value)}}).to(e,{value:0,duration:.16,onUpdate:()=>{this.rotate(0,e.value)}}),this.eyebrowsEl){const t=$n.timeline({defaults:{ease:"expo.out",overwrite:!0},onComplete:()=>{t.reverse()}}).to(this.eyebrowsEl,{yPercent:-40,duration:.4})}return this.svgPartState("mouth","smile"),$n.timeline({defaults:{ease:t,overwrite:i},onComplete:()=>{this.svgPartState("mouth","default")}}).to(this.mouthEl,{scaleY:1.2,duration:.2}).to(this.mouthEl,{scaleY:1,duration:.2}),new Promise((t=>setTimeout(t,1780)))},this.setSmileAnimation=()=>{this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY);const t="expo.out",i="auto";this.svgPartState("mouth","smile"),$n.timeline({defaults:{ease:t,overwrite:i},onComplete:()=>{this.svgPartState("mouth","default")}}).to(this.mouthEl,{scaleY:1,duration:.15}).to(this.mouthEl,{scaleY:.75,duration:.15}).to(this.mouthEl,{scaleY:1,duration:.15}).to(this.mouthEl,{scaleY:.75,duration:.15}).to(this.mouthEl,{scaleY:1,duration:.15}),this.svgPartState("eyes","closed");const e=$n.timeline({defaults:{ease:t,duration:.25,overwrite:i},onComplete:()=>{e.to(this.eyesEl,{yPercent:0,onComplete:()=>{this.svgPartState("eyes")}})}}).to(this.eyesEl,{yPercent:-20}).to(this.eyesEl,{yPercent:10});return this.eyebrowsEl&&$n.timeline({defaults:{ease:t,overwrite:i}}).to(this.eyebrowsEl,{yPercent:"-=15",duration:.15}).to(this.eyebrowsEl,{yPercent:"+=10",duration:.15}),$n.timeline({defaults:{overwrite:i},onComplete:()=>{this.isBusy=!1,this.restoreFollowMouse(),this.svgPartState("mouth","default"),this.scheduleBlink()}}).to(this.host,{yPercent:"-="+this.host.getBoundingClientRect().height/10,scaleX:.95,duration:1,ease:"elastic.out"}).to(this.host,{yPercent:"+="+this.host.getBoundingClientRect().height/10,scaleX:1,duration:.75,ease:"expo.out"}),new Promise((t=>setTimeout(t,750)))},this.setDisagreeAnimation=(t=0)=>{const i={value:0};return $n.timeline({ease:"power2.inOut",onStart:()=>{this.svgPartState("mouth","serious")},onComplete:()=>{t>0?$n.delayedCall(t/1e3,(()=>{this.svgPartState("mouth","default"),this.restoreReadyState()})):(this.svgPartState("mouth","default"),this.restoreReadyState())}}).to(i,{value:0,duration:.08,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:-100,duration:.24,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:50,duration:.18,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:-25,duration:.12,onUpdate:()=>{this.rotate(i.value,0)}}).to(i,{value:0,duration:.16,onUpdate:()=>{this.rotate(i.value,0)}}),new Promise((i=>setTimeout(i,780+t)))},this.scaleSize=t=>t*this.emojiOriginalSize/24,this.setStartThinkingAnimation=(t=.5)=>!this.handEl||this.handEl instanceof NodeList?new Promise((()=>{})):(this.handEl.style.visibility="visible",$n.fromTo(this.handEl,{scale:0,rotateZ:45,xPercent:this.scaleSize(-4),yPercent:this.scaleSize(4),overwrite:!0},{xPercent:this.handOffsetX,yPercent:this.handOffsetY,scale:1,rotateZ:0,overwrite:!0,ease:"expo.inOut",duration:t}),this.moveEyesThinkAnimation(),this.svgPartState("mouth","serious"),this.svgPartState("eyes","focused"),new Promise((i=>setTimeout(i,1e3*t)))),this.moveEyesThinkAnimation=()=>{const t={duration:$n.utils.random(.15,.3,.01,!0)(),ease:"expo.out",overwrite:!0},i=$n.utils.random(-5,5,.1),e=$n.utils.random(-5,5,.1);$n.to(this.eyesEl,Object.assign(Object.assign({xPercent:i,yPercent:e},t),{onComplete:()=>{if(this.isThinking){const t=$n.utils.random(.2,.7,.1);$n.delayedCall(t,this.moveEyesThinkAnimation)}else $n.to(this.eyesEl,{xPercent:0,yPercent:0,ease:"expo.out",duration:.5})}}))},this.setStopThinkingAnimation=(t=.5)=>($n.to(this.handEl,{scale:0,rotateZ:45,translateX:this.scaleSize(-4),translateY:this.scaleSize(4),ease:"expo.inOut",duration:t,overwrite:!0}),$n.to(this.eyesEl,{xPercent:0,yPercent:0,ease:"expo.out",duration:t,overwrite:!0}),this.svgPartState("mouth","default"),this.svgPartState("eyes","default"),this.isBusy=!1,new Promise((i=>setTimeout(i,1e3*t)))),this.buildBlinkTimeline=()=>{const t=this.queryPart("eyes-default"),i=this.queryPart("eyes-closed");if(!t||!i)return null;const e={ease:"expo.out",duration:.2};return $n.timeline({paused:!0,onComplete:this.scheduleBlink}).to(t,Object.assign({scaleY:.5},{ease:"expo.in",duration:.2})).add((()=>{this.svgPartState("eyes","closed")})).fromTo(i,{scaleY:.5},Object.assign({scaleY:1},e)).add((()=>{this.svgPartState("eyes","default")})).fromTo(t,{scaleY:.75},Object.assign({scaleY:1},e))},this.scheduleBlink=()=>{var t;this.isBlinking&&!this.isBusy&&this.blinkTimeline&&(null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=$n.delayedCall($n.utils.random(1,3,.1),(()=>{this.isBlinking&&!this.isBusy&&this.blinkTimeline&&(this.resetEyesToDefault(),this.blinkTimeline.restart())})))},this.pauseBlinking=()=>{var t;null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=null,this.blinkTimeline&&(this.blinkTimeline.pause(0),this.resetEyesToDefault())},this.handleFollowMouse=t=>{this.isFollowingMouse&&(this.mouseX=t.clientX,this.mouseY=t.clientY,this.followMouse())},this.followMouse=()=>{const{centerX:t,centerY:i}=this.getEmojiCenter();let e=t,n=i;this.isFollowingMouse&&(e=this.mouseX,n=this.mouseY);const s=this.host.getBoundingClientRect();this.rotate((e-t)/(s.width/2),(n-i)/(s.height/2))},this.moveHead=(t,i)=>{const{centerX:e,centerY:n}=this.getEmojiCenter(),s=this.host.getBoundingClientRect();this.rotate((t-e)/(s.width/2),(i-n)/(s.height/2))},this.rotate=(t,i)=>{const e="power1.out",n=this.expressionFollowMouseTraitsDuration,s=(t,i)=>$n.utils.clamp(-t,t,i*t);this.currentRotateX=s(this.expressionAngleMax,-i),this.currentRotateY=s(this.expressionAngleMax,t),this.headOffsetX=s(this.headOffset,t),this.headOffsetY=s(this.headOffset,i),this.eyesOffsetX=s(this.eyesOffset,t),this.eyesOffsetY=s(this.eyesOffset,i),this.mouthOffsetX=s(this.mouthOffset,t),this.mouthOffsetY=s(this.mouthOffset,i),this.handOffsetX=s(this.handOffset,t),this.handOffsetY=s(this.handOffset,i),this.gadgetOffsetX=s(this.gadgetOffset,t),this.gadgetOffsetY=s(this.gadgetOffset,i),this.eyebrowsOffsetX=s(this.eyebrowsOffset,t),this.eyebrowsOffsetY=s(this.eyebrowsOffset,i),this.earsOffsetX=s(this.earsOffset,t),this.earsOffsetY=s(this.earsOffset,i),this.headEl||(this.headEl=this.svgPartState("head"),this.eyebrowsEl=this.svgPartState("eyebrows"),this.earsEl=this.svgPartState("ears"),this.eyesEl=this.svgPartState("eyes"),this.handEl=this.svgPartState("hand","think"),this.handEl&&(this.handEl.style.visibility="hidden"),this.mouthEl=this.svgPartState("mouth"),this.gadgetEl=this.svgPartState("gadget")),$n.to(this.host,{rotateX:this.currentRotateX,rotateY:this.currentRotateY,transformOrigin:"50% 50%",duration:this.expressionFollowMouseHeadDuration,ease:e}),this.eyesEl&&$n.to(this.eyesEl,{translateX:this.eyesOffsetX,translateY:this.eyesOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.handEl&&$n.to(this.handEl,{translateX:this.handOffsetX,translateY:this.handOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.headEl&&$n.to(this.headEl,{translateX:this.headOffsetX,translateY:this.headOffsetY,transformOrigin:"0% 100%",duration:n,ease:e,overwrite:!1}),this.mouthEl&&$n.to(this.mouthEl,{translateX:this.mouthOffsetX,translateY:this.mouthOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.gadgetEl&&$n.to(this.gadgetEl,{translateX:this.gadgetOffsetX,translateY:this.gadgetOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.eyebrowsEl&&$n.to(this.eyebrowsEl,{translateX:this.eyebrowsOffsetX,translateY:this.eyebrowsOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1}),this.earsEl&&$n.to(this.earsEl,{translateX:this.earsOffsetX,translateY:this.earsOffsetY,transformOrigin:"50% 50%",duration:n,ease:e,overwrite:!1})}}componentDidLoad(){"undefined"!=typeof window&&(this.updateCSSCustomProps(),window.addEventListener("mousemove",this.handleFollowMouse),this.checkNameChanged(this.name))}disconnectedCallback(){var t,i;"undefined"!=typeof window&&(window.removeEventListener("mousemove",this.handleFollowMouse),this.isThinking=!1,this.isBlinking=!1,this.isFollowingMouse=!1,null===(t=this.blinkDelay)||void 0===t||t.kill(),null===(i=this.blinkTimeline)||void 0===i||i.kill(),[this.host,this.eyesEl,this.handEl,this.headEl,this.mouthEl,this.gadgetEl,this.eyebrowsEl,this.earsEl].forEach((t=>t&&$n.killTweensOf(t))))}async agree(){if(!this.isBusy)return this.isBusy=!0,this.stopConcurrentAnimations(),await this.setAgreeAnimation(),Promise.resolve()}async smile(){if(!this.isBusy)return this.isBusy=!0,this.stopConcurrentAnimations(),await this.setSmileAnimation(),Promise.resolve()}async disagree(t=0){if(!this.isBusy)return this.isBusy=!0,this.stopConcurrentAnimations(),this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY),await this.setDisagreeAnimation(t),Promise.resolve()}async startThinking(t=.5){if(!this.isBusy)return this.stopConcurrentAnimations(),this.moveHead(this.getEmojiCenter().centerX,this.getEmojiCenter().centerY),this.isBusy=!0,this.isThinking=!0,await this.setStartThinkingAnimation(t),Promise.resolve()}async stopThinking(t=.5){if(this.isBusy)return this.isBusy=!1,this.isThinking=!1,this.restoreFollowMouse(),this.moveHead(this.mouseX,this.mouseY),await this.setStopThinkingAnimation(t),this.scheduleBlink(),Promise.resolve()}async startBlinking(){return this.isBlinking=!0,this.blinkTimeline||(this.blinkTimeline=this.buildBlinkTimeline()),this.scheduleBlink(),Promise.resolve()}async stopBlinking(){var t,i;return this.isBlinking=!1,null===(t=this.blinkDelay)||void 0===t||t.kill(),this.blinkDelay=null,null===(i=this.blinkTimeline)||void 0===i||i.pause(0),this.resetEyesToDefault(),Promise.resolve()}async stopFollowMouse(){return this.isFollowingMouse?(this.isFollowingMouse=!1,this.rotate(0,0),new Promise((t=>setTimeout(t,1e3*this.expressionFollowMouseTraitsDuration)))):Promise.resolve()}async startFollowMouse(){return this.isFollowingMouse||(this.isFollowingMouse=!0,this.wasFollowingMouse=!0,this.followMouse()),Promise.resolve()}checkNameChanged(t){this.updateSvgDictionary(t)}svgPartState(t,i){var e,n,s,r;const o=null===(n=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.firstElementChild)||void 0===n?void 0:n.querySelectorAll(`[id^='${t}-']`);if(0===o.length)return null;if((void 0===i||""===i)&&o)return null==o||o.forEach((t=>{t.style.visibility="hidden","default"===t.id.split("-")[1]&&(t.style.visibility="visible")})),o;let h=null===(r=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.firstElementChild)||void 0===r?void 0:r.querySelector(`[id='${t}-default']`);return null==o||o.forEach((t=>{t.style.visibility="hidden",t.id.split("-")[1]===i&&(h=t)})),h.style.visibility="visible",h}render(){return e(n,{key:"beb9d92842ae19bbac115d3a3773f2d005fe17b2"})}get host(){return this}static get watchers(){return{name:[{checkNameChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-ears:0;--mds-emoji-mia-head:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-eyes:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-mouth:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-hands:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b}}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-emoji-expression-follow-mouse-traits-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-emoji-expression-follow-mouse-head-duration{syntax:"<time>";inherits:false;initial-value:.3s}@property --mds-emoji-expression-max-rotation{syntax:"<angle>";inherits:false;initial-value:16deg}@property --mds-emoji-perspective{syntax:"<length>";inherits:false;initial-value:400px}@property --mds-emoji-offset-eyes{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-gadget{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-hands{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-emoji-offset-head{syntax:"<length>";inherits:false;initial-value:0}@property --mds-emoji-offset-mouth{syntax:"<length>";inherits:false;initial-value:1px}@property --mds-emoji-offset-eyebrows{syntax:"<length>";inherits:false;initial-value:10px}@property --mds-emoji-offset-ears{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-emoji-expression-follow-mouse-traits-duration:.2s;--mds-emoji-expression-follow-mouse-head-duration:.3s;--mds-emoji-expression-max-rotation:16deg;--mds-emoji-perspective:400px;align-items:stretch;aspect-ratio:1;height:calc(var(--spacing,.0025rem)*1200);-ms-flex-pack:stretch;display:flex;justify-content:stretch;-webkit-perspective:var(--mds-emoji-perspective,400px);perspective:var(--mds-emoji-perspective,400px);perspective-origin:50%;width:calc(var(--spacing,.0025rem)*1200)}svg{height:100%;overflow:visible;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .2s ease-out;width:100%}:host([name=mia]){--mds-emoji-mia-eyes-color:rgb(var(--variant-ai-03,233 220 254));--mds-emoji-mia-hands-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-mia-head-color:rgb(var(--variant-ai-08,118 44 246));--mds-emoji-mia-head-stroke-color:rgb(var(--variant-ai-06,172 126 249));--mds-emoji-mia-head-stroke-width:0px;--mds-emoji-mia-mouth-color:rgb(var(--variant-ai-04,218 199 253));--mds-emoji-offset-eyes:1px;--mds-emoji-offset-gadget:1px;--mds-emoji-offset-hands:2px;--mds-emoji-offset-head:0;--mds-emoji-offset-mouth:1px;container-type:size}@property --mds-emoji-simi-eye{syntax:"<color>";inherits:false;initial-value:#40281b}@property --mds-emoji-simi-eye-light{syntax:"<color>";inherits:false;initial-value:#fff}@property --mds-emoji-simi-eyebrow{syntax:"<color>";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-gadget{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-mouth{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-nose-light{syntax:"<color>";inherits:false;initial-value:#7e695f}@property --mds-emoji-simi-nose{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-outline{syntax:"<color>";inherits:false;initial-value:#2b1c15}@property --mds-emoji-simi-skin-dark{syntax:"<color>";inherits:false;initial-value:#c3481b}@property --mds-emoji-simi-skin-light{syntax:"<color>";inherits:false;initial-value:#feefd8}@property --mds-emoji-simi-skin{syntax:"<color>";inherits:false;initial-value:#f36320}@property --mds-emoji-simi-mouth-teeth{syntax:"<color>";inherits:false;initial-value:#fff}@property --mds-emoji-simi-mouth-throat{syntax:"<color>";inherits:false;initial-value:#c3481b}:host([name=simi]){--mds-emoji-offset-ears:0;--mds-emoji-offset-eyebrows:10px;--mds-emoji-offset-eyes:7px;--mds-emoji-offset-gadget:14px;--mds-emoji-offset-hand:18px;--mds-emoji-offset-head:5px;--mds-emoji-offset-mouth:16px;--mds-emoji-simi-eye-light:#fff;--mds-emoji-simi-eye:#40281b;--mds-emoji-simi-eyebrow:#feefd8;--mds-emoji-simi-gadget:#2b1c15;--mds-emoji-simi-mouth-teeth:#fff;--mds-emoji-simi-mouth-throat:#c3481b;--mds-emoji-simi-mouth:#2b1c15;--mds-emoji-simi-nose-light:#7e695f;--mds-emoji-simi-nose:#2b1c15;--mds-emoji-simi-outline:#2b1c15;--mds-emoji-simi-skin-dark:#c3481b;--mds-emoji-simi-skin-light:#feefd8;--mds-emoji-simi-skin:#f36320}'}},[1,"mds-emoji",{name:[513],agree:[64],smile:[64],disagree:[64],startThinking:[64],stopThinking:[64],startBlinking:[64],stopBlinking:[64],stopFollowMouse:[64],startFollowMouse:[64]},void 0,{name:[{checkNameChanged:0}]}]),Wn=qn,Qn=function(){"undefined"!=typeof customElements&&["mds-emoji"].forEach((t=>{"mds-emoji"===t&&(customElements.get(s(t))||customElements.define(s(t),qn))}))};export{Wn as MdsEmoji,Qn as defineCustomElement}

package/dist/components/mds-entity.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as s}from"@stencil/core/internal/client";import{d as o}from"./mds-avatar2.js";import{d as n}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d}from"./mds-img2.js";import{d as c}from"./mds-spinner2.js";import{d as l}from"./mds-text2.js";const m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}checkAvatar(){let e=!1;return void 0!==this.src&&(e=!0),void 0!==this.icon&&(e=!0),void 0!==this.initials&&(e=!0),!this.await&&e}componentWillLoad(){this.details=null!==this.hostElement.querySelector(':scope > [slot="detail"]'),this.actions=null!==this.hostElement.querySelector(':scope > [slot="action"]')}render(){return a(r,{key:"22a28d6ba3510d1289e8624a0c40aef3e3c40e1a"},a("div",{key:"8d37bb90a921442974a84ddd0bce5f0a066c64ec",class:"spinner",part:"spinner"},a("mds-spinner",{key:"2b4fbf62c4d6031e3ee356b33ccc9c611d9d76a3",running:!0})),this.checkAvatar()&&a("mds-avatar",{key:"9ac6dc6620e5ab1c70c4934e4fab94da981b29c3",class:"preview",icon:this.icon,initials:this.initials,src:this.src,tone:this.tone,variant:this.variant,part:"avatar"}),a("div",{key:"a4145830835e6a826c5f003b424e73014a796c41",class:"infos"},a("slot",{key:"62218ed33ed9f652c8f268a8d5cbfa73c90f5962"}),this.details&&a("div",{key:"e7cd7dd749613b038962e8cab76d81d20d4bfb4b",class:"details"},a("slot",{key:"3b9ad2f9cf5578595886f757904956987fc916f3",name:"detail"}))),this.actions&&a("div",{key:"6f1f4ac54c51fb426ab336a8c4d4c51734d0cced",class:"actions"},a("slot",{key:"db576c92ab69bb2b9c786be5e13a190a0d3c3f24",name:"action"})))}get hostElement(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-detail-color:rgb(var(--tone-neutral-03,233 233 233));--mds-entity-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-entity-icon-radius:var(--radius-md,12px);--mds-entity-icon-color:rgb(var(--label-blue-04,196 206 253))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-avatar,mds-spinner):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-detail-color:rgb(var(--tone-neutral-03,233 233 233));--mds-entity-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-entity-icon-radius:var(--radius-md,12px);--mds-entity-icon-color:rgb(var(--label-blue-04,196 206 253));align-items:stretch;background-color:var(--mds-entity-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-outline-weak,0 0 0 1px #0000000d,0 1px 2px 0 #0000000d);box-shadow:var(--shadow-outline-weak,0 0 0 1px #0000000d,0 1px 2px 0 #0000000d);color:var(--mds-entity-color,rgb(var(--tone-neutral-02,244 244 244)));display:flex;gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.delete,.preview,.spinner{border-radius:var(--radius-md,12px);flex-shrink:0;width:calc(var(--spacing,.0025rem)*1100)}.preview{--mds-avatar-radius:var(--mds-entity-icon-radius,var(--radius-md,12px))}.preview:not([variant]){--mds-avatar-color:var(--mds-entity-icon-color,rgb(var(--label-blue-04,196 206 253)));--mds-avatar-background-color:var(--mds-entity-icon-background,rgb(var(--label-blue-09,7 40 196)))}.preview,.spinner{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center}.spinner{background-color:#0000;display:none;fill:var(--mds-entity-icon-color,rgb(var(--label-blue-04,196 206 253)))}:host([await]:not([await=false])) .spinner{display:inline-flex}mds-spinner{height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}.infos{display:flex;flex-direction:column;flex-grow:1;gap:calc(var(--spacing,.0025rem)*0);justify-content:center;min-width:0;white-space:nowrap}.details{align-items:baseline;color:var(--mds-entity-detail-color,rgb(var(--tone-neutral-03,233 233 233)));display:flex;gap:calc(var(--spacing,.0025rem)*100)}.actions{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200)}::slotted([slot=action]){aspect-ratio:var(--aspect-square,1/1);height:auto;width:calc(var(--spacing,.0025rem)*1100)}::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title{display:flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host-context(:root.pref-contrast-more){--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-01,255 255 255));--mds-entity-detail-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-icon-background:rgb(var(--label-blue-08,42 77 247));--mds-entity-icon-color:rgb(var(--label-blue-03,218 224 254));--mds-entity-shadow:var(--shadow-outline-50)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-entity-shadow:var(--shadow-outline)}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-01,255 255 255));--mds-entity-detail-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-icon-background:rgb(var(--label-blue-08,42 77 247));--mds-entity-icon-color:rgb(var(--label-blue-03,218 224 254));--mds-entity-shadow:var(--shadow-outline-50)}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-entity-shadow:var(--shadow-outline)}}"}},[257,"mds-entity",{await:[516],icon:[513],src:[513],initials:[513],tone:[513],variant:[513]}]),b=m,p=function(){"undefined"!=typeof customElements&&["mds-entity","mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-entity":customElements.get(s(e))||customElements.define(s(e),m);break;case"mds-avatar":customElements.get(s(e))||o();break;case"mds-button":customElements.get(s(e))||n();break;case"mds-icon":customElements.get(s(e))||i();break;case"mds-img":customElements.get(s(e))||d();break;case"mds-spinner":customElements.get(s(e))||c();break;case"mds-text":customElements.get(s(e))||l()}}))};export{b as MdsEntity,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as s}from"@stencil/core/internal/client";import{s as i}from"./preference.js";import{d as n}from"./mds-avatar2.js";import{d as o}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as l}from"./mds-img2.js";import{d as c}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}checkAvatar(){let e=!1;return void 0!==this.src&&(e=!0),void 0!==this.icon&&(e=!0),void 0!==this.initials&&(e=!0),!this.await&&e}connectedCallback(){this.unsubscribePrefContrast=i("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=i("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=i("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,t,a;null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(t=this.unsubscribePrefTheme)||void 0===t||t.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this)}componentWillLoad(){this.details=null!==this.hostElement.querySelector(':scope > [slot="detail"]'),this.actions=null!==this.hostElement.querySelector(':scope > [slot="action"]')}render(){return a(r,{key:"139dd19eb828b43e18cb6cb2e0c10e083a93a48e","pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},a("div",{key:"eeced8dee5d69bdc62ce1dd2af1925b1fa6f5707",class:"spinner",part:"spinner"},a("mds-spinner",{key:"7eca6697f98eb18cae55ea52f5a9f8df67330394",running:!0})),this.checkAvatar()&&a("mds-avatar",{key:"01b1c08ed63daab0a5ed70ccb52961039859ca56",class:"preview",icon:this.icon,initials:this.initials,src:this.src,tone:this.tone,variant:this.variant,part:"avatar"}),a("div",{key:"34e8db09fe1a50032dfd9965cb5e50a616b92619",class:"infos"},a("slot",{key:"4913849505196125d2a018a5586662dfa839459d"}),this.details&&a("div",{key:"671529b70f02cbb7e9847575d8c739fd2065d72f",class:"details"},a("slot",{key:"f8bcdaf14d2566223c463dd77730f1aab3a7f514",name:"detail"}))),this.actions&&a("div",{key:"a432cec212f9c8fdd9accb825d02efc70ef31f91",class:"actions"},a("slot",{key:"dbcc7f37d362f84eb95d5dfaeae0d61c3c083303",name:"action"})))}get hostElement(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-detail-color:rgb(var(--tone-neutral-03,233 233 233));--mds-entity-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-entity-icon-radius:var(--radius-md,12px);--mds-entity-icon-color:rgb(var(--label-blue-04,196 206 253))}}}:host(:not(:is([hydrated],.hydrated))),:is(mds-avatar,mds-spinner):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-detail-color:rgb(var(--tone-neutral-03,233 233 233));--mds-entity-icon-background:rgb(var(--label-blue-09,7 40 196));--mds-entity-icon-radius:var(--radius-md,12px);--mds-entity-icon-color:rgb(var(--label-blue-04,196 206 253));align-items:stretch;background-color:var(--mds-entity-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-outline-weak,0 0 0 1px #0000000d,0 1px 2px 0 #0000000d);box-shadow:var(--shadow-outline-weak,0 0 0 1px #0000000d,0 1px 2px 0 #0000000d);color:var(--mds-entity-color,rgb(var(--tone-neutral-02,244 244 244)));display:flex;gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*200)}.delete,.preview,.spinner{border-radius:var(--radius-md,12px);flex-shrink:0;width:calc(var(--spacing,.0025rem)*1100)}.preview{--mds-avatar-radius:var(--mds-entity-icon-radius,var(--radius-md,12px))}.preview:not([variant]){--mds-avatar-color:var(--mds-entity-icon-color,rgb(var(--label-blue-04,196 206 253)));--mds-avatar-background-color:var(--mds-entity-icon-background,rgb(var(--label-blue-09,7 40 196)))}.preview,.spinner{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center}.spinner{background-color:#0000;display:none;fill:var(--mds-entity-icon-color,rgb(var(--label-blue-04,196 206 253)))}:host([await]:not([await=false])) .spinner{display:inline-flex}mds-spinner{height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}.infos{display:flex;flex-direction:column;flex-grow:1;gap:calc(var(--spacing,.0025rem)*0);justify-content:center;min-width:0;white-space:nowrap}.details{align-items:baseline;color:var(--mds-entity-detail-color,rgb(var(--tone-neutral-03,233 233 233)));display:flex;gap:calc(var(--spacing,.0025rem)*100)}.actions{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200)}::slotted([slot=action]){aspect-ratio:var(--aspect-square,1/1);height:auto;width:calc(var(--spacing,.0025rem)*1100)}::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title{display:flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([pref-contrast=more]){--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-01,255 255 255));--mds-entity-detail-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-icon-background:rgb(var(--label-blue-08,42 77 247));--mds-entity-icon-color:rgb(var(--label-blue-03,218 224 254));--mds-entity-shadow:var(--shadow-outline-50)}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-entity-shadow:var(--shadow-outline)}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-entity-background:rgb(var(--tone-neutral,0 0 0));--mds-entity-color:rgb(var(--tone-neutral-01,255 255 255));--mds-entity-detail-color:rgb(var(--tone-neutral-02,244 244 244));--mds-entity-icon-background:rgb(var(--label-blue-08,42 77 247));--mds-entity-icon-color:rgb(var(--label-blue-03,218 224 254));--mds-entity-shadow:var(--shadow-outline-50)}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-entity-shadow:var(--shadow-outline)}}"}},[257,"mds-entity",{await:[516],icon:[513],src:[513],initials:[513],tone:[513],variant:[513],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),p=b,h=function(){"undefined"!=typeof customElements&&["mds-entity","mds-avatar","mds-button","mds-icon","mds-img","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-entity":customElements.get(s(e))||customElements.define(s(e),b);break;case"mds-avatar":customElements.get(s(e))||n();break;case"mds-button":customElements.get(s(e))||o();break;case"mds-icon":customElements.get(s(e))||d();break;case"mds-img":customElements.get(s(e))||l();break;case"mds-spinner":customElements.get(s(e))||c();break;case"mds-text":customElements.get(s(e))||m()}}))};export{p as MdsEntity,h as defineCustomElement}