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

package/dist/components/mds-card-footer.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(s,{key:"ece0d1f82874b8418e5fe959f52542fa75562b9c",slot:"footer"},o("slot",{key:"0e1dc915caf0abf097fa9d2c152b9af919280d1e"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}"}},[257,"mds-card-footer"]),i=r,a=function(){"undefined"!=typeof customElements&&["mds-card-footer"].forEach((e=>{"mds-card-footer"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{i as MdsCardFooter,a as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(s,{key:"09063cd00e75b0949a6836416a2c768bd575f50f",slot:"footer"},o("slot",{key:"c06e99b7186e4037aa5c386eddd2ebb404b20e99"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:flex-end;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}"}},[257,"mds-card-footer"]),i=r,a=function(){"undefined"!=typeof customElements&&["mds-card-footer"].forEach((e=>{"mds-card-footer"===e&&(customElements.get(n(e))||customElements.define(n(e),r))}))};export{i as MdsCardFooter,a as defineCustomElement}

package/dist/components/mds-card-header.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as c}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.actions=null!==this.hostElement.querySelector(':scope > [slot="action"]')}render(){return s(a,{key:"8330b5f74a2d0995e33d77ea2b5c4131c29266a4",slot:"header"},s("slot",{key:"e3a7ca1b4fccc0c4a618808c5285f3af8bc20ca4"}),this.actions&&s("div",{key:"ace7c1ac31dec0a141673612118bbbdab4ce24c9",class:"actions"},s("slot",{key:"d64698964813c57b065b67d27c695ea93d2b2cd8",name:"action"})))}get hostElement(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}"}},[257,"mds-card-header"]),i=n,o=function(){"undefined"!=typeof customElements&&["mds-card-header"].forEach((e=>{"mds-card-header"===e&&(customElements.get(c(e))||customElements.define(c(e),n))}))};export{i as MdsCardHeader,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as n,transformTag as c}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.actions=null!==this.hostElement.querySelector(':scope > [slot="action"]')}render(){return s(n,{key:"6efc9cb2ce54f8114d6143a3b514c66205c44444",slot:"header"},s("slot",{key:"c7ad38193e9d5f36c447dd636909cd426f53496d"}),this.actions&&s("div",{key:"f80bc0f5444df7271c6b09792a7cdc24a79edaf7",class:"actions"},s("slot",{key:"196095c6e86c45c02450776892ce77b3993e69b3",name:"action"})))}get hostElement(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{align-items:center;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*400);justify-content:space-between;min-width:0;padding:calc(var(--spacing,.0025rem)*400)}"}},[257,"mds-card-header"]),o=i,a=function(){"undefined"!=typeof customElements&&["mds-card-header"].forEach((e=>{"mds-card-header"===e&&(customElements.get(c(e))||customElements.define(c(e),i))}))};export{o as MdsCardHeader,a as defineCustomElement}

package/dist/components/mds-card-media.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as n,Host as i,transformTag as o}from"@stencil/core/internal/client";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(i,{key:"3b5160ec822d4f36a670153d18d0c3186c25cea9",slot:"media"},n("div",{key:"6e4c0488e264f6334041fffe32781eced8a01625",class:"content",part:"content"},n("slot",{key:"8d19d53a625f894f7f5ad9b4e0980600ef8ffb09",name:"content"})),n("slot",{key:"c8674d696ebf4d6df73758beed889c65ebdc9ea1"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}"}},[257,"mds-card-media"]),a=s,c=function(){"undefined"!=typeof customElements&&["mds-card-media"].forEach((e=>{"mds-card-media"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))};export{a as MdsCardMedia,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as n,Host as a,transformTag as i}from"@stencil/core/internal/client";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(a,{key:"2b44ca234a11ddc6775b20081809ba04b63dbf53",slot:"media"},n("div",{key:"7fa0c8e670f3ee6ec9a1ad656ac5553fab37b9aa",class:"content",part:"content"},n("slot",{key:"72547efbb5900edd34ce5cc5f4e7782d293b5e78",name:"content"})),n("slot",{key:"b39be7942b66438b905d9fae1ab0bdf9c437dd81"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@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}:host{background-color:rgb(var(--tone-neutral-09,76 76 76));display:grid;min-width:0;position:relative}.content{align-items:flex-end;display:flex;gap:calc(var(--spacing,.0025rem)*200);inset:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);position:absolute}.img{-o-object-fit:contain;object-fit:contain}"}},[257,"mds-card-media"]),s=o,c=function(){"undefined"!=typeof customElements&&["mds-card-media"].forEach((e=>{"mds-card-media"===e&&(customElements.get(i(e))||customElements.define(i(e),o))}))};export{s as MdsCardMedia,c as defineCustomElement}

package/dist/components/mds-card.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as a,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as d}from"./clsx.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.autoGrid=!0}componentWillLoad(){this.layout=Array.from(this.host.children).map((t=>{var e;return(null!==(e=t.getAttribute("slot"))&&void 0!==e?e:t.tagName.startsWith("MDS-CARD-"))?t.tagName.toLocaleLowerCase().replace("mds-card-",""):""})).sort().reduce(((t,e)=>t+e.charAt(0)),"")}render(){return a(o,{key:"e5143babcd5c15b6e626af3dc62824ce1766faea"},a("div",{key:"9bdd4440748ad05436f9385037dbd0acb9819f3d",class:d("layout",this.layout&&"layout--"+this.layout,this.autoGrid?"":"layout--disabled"),part:"layout"},a("slot",{key:"e4cc48c56f8859d82c79e9f3aa5f1d749efe2ce2",name:"media"}),a("slot",{key:"d1873703aac2d635645e88f852f6a658616f69b5",name:"header"}),a("slot",{key:"d9d07a179c013d75360262a2f3bc1b026d49c25a",name:"content"}),a("slot",{key:"0b942e340f715a0e25827f680a891083cd73c8cb",name:"footer"})))}get host(){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-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-card-padding{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:"header""media""content""footer";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"header""media""content";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media""content""footer"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:"header""media""footer"}.layout--cfh:not(.layout--disabled){grid-template-areas:"header""content""footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:"header""media";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:"media""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media""content"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:"header""footer"}.layout--ch:not(.layout--disabled){grid-template-areas:"header""content";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:"content""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:"header";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:"media";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:"content";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:"footer";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:"media header""media content""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"media header""media content""media content";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:"media header""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media content""media footer"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media content"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[257,"mds-card",{autoGrid:[516,"auto-grid"],layout:[32]}]),i=n,l=function(){"undefined"!=typeof customElements&&["mds-card"].forEach((t=>{"mds-card"===t&&(customElements.get(r(t))||customElements.define(r(t),n))}))};export{i as MdsCard,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as a,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.autoGrid=!0}componentWillLoad(){this.layout=Array.from(this.host.children).map((t=>(null!=t.getAttribute("slot")?""!==t.getAttribute("slot"):t.tagName.startsWith("MDS-CARD-"))?t.tagName.toLocaleLowerCase().replace("mds-card-",""):"")).sort().reduce(((t,e)=>t+e.charAt(0)),"")}render(){return a(o,{key:"29ed24cfe97cc5d2cc898cf26df0e4251ed4555f"},a("div",{key:"10c741aefac2067595b80c88879700af7c088824",class:n("layout",this.layout&&"layout--"+this.layout,this.autoGrid?"":"layout--disabled"),part:"layout"},a("slot",{key:"ee1956eefa0e1a1715592db6b7790a6120e8fb34",name:"media"}),a("slot",{key:"8aefb8b2cb53dfc9ecfa45183988ec7a8db45524",name:"header"}),a("slot",{key:"3cb04f02b82f2fd314a5e20f169c4efea628985c",name:"content"}),a("slot",{key:"e87dd33aae38437af938120c2de966d361032228",name:"footer"})))}get host(){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-card-gap:0;--mds-card-padding:0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-card-content,mds-card-footer,mds-card-header,mds-card-media):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-card-gap{syntax:"<length>";inherits:false;initial-value:0}@property --mds-card-padding{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-card-gap:0;--mds-card-padding:0;background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);box-shadow:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);corner-shape:var(--magma-corner-shape,round);container:mds-card/inline-size;display:grid;min-height:calc(var(--spacing,.0025rem)*400);overflow:hidden}.layout:not(.layout--disabled) ::slotted([slot=media]){grid-area:media}.layout:not(.layout--disabled) ::slotted([slot=header]){grid-area:header}.layout:not(.layout--disabled) ::slotted([slot=content]){grid-area:content}.layout:not(.layout--disabled) ::slotted([slot=footer]){grid-area:footer}.layout{display:grid;gap:var(--mds-card-gap,0);grid-template-columns:repeat(auto-fit,minmax(1px,100%));padding:var(--mds-card-padding,0)}.layout--cfhm:not(.layout--disabled){grid-template-areas:"header""media""content""footer";grid-template-rows:-webkit-min-content -webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"header""media""content";grid-template-rows:-webkit-min-content -webkit-min-content 1fr;grid-template-rows:min-content min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media""content""footer"}.layout--cfm:not(.layout--disabled),.layout--fhm:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--fhm:not(.layout--disabled){grid-template-areas:"header""media""footer"}.layout--cfh:not(.layout--disabled){grid-template-areas:"header""content""footer";grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--hm:not(.layout--disabled){grid-template-areas:"header""media";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fm:not(.layout--disabled){grid-template-areas:"media""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media""content"}.layout--cm:not(.layout--disabled),.layout--fh:not(.layout--disabled){grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--fh:not(.layout--disabled){grid-template-areas:"header""footer"}.layout--ch:not(.layout--disabled){grid-template-areas:"header""content";grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cf:not(.layout--disabled){grid-template-areas:"content""footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--h:not(.layout--disabled){grid-template-areas:"header";grid-template-rows:1fr}.layout--m:not(.layout--disabled){grid-template-areas:"media";grid-template-rows:1fr}.layout--c:not(.layout--disabled){grid-template-areas:"content";grid-template-rows:1fr}.layout--f:not(.layout--disabled){grid-template-areas:"footer";grid-template-rows:1fr}@container mds-card not (max-width:30em){.layout--cfhm:not(.layout--disabled){grid-template-areas:"media header""media content""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr -webkit-min-content;grid-template-rows:min-content 1fr min-content}.layout--chm:not(.layout--disabled){grid-template-areas:"media header""media content""media content";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr 1fr;grid-template-rows:min-content 1fr 1fr}.layout--fhm:not(.layout--disabled){grid-template-areas:"media header""media footer";grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.layout--cfm:not(.layout--disabled){grid-template-areas:"media content""media footer"}.layout--cfm:not(.layout--disabled),.layout--cm:not(.layout--disabled){grid-template-columns:minmax(240px,1fr) 2fr;grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}.layout--cm:not(.layout--disabled){grid-template-areas:"media content"}}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){background-color:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);box-shadow:var(--shadow-outline-50),var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a)}}'}},[257,"mds-card",{autoGrid:[516,"auto-grid"],layout:[32]}]),i=d,l=function(){"undefined"!=typeof customElements&&["mds-card"].forEach((t=>{"mds-card"===t&&(customElements.get(r(t))||customElements.define(r(t),d))}))};export{i as MdsCard,l as defineCustomElement}

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.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(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})}onDeleteHandler(e){this.deleteEvent.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:"0ff9c5f44050e5aae268321b89f3479ad50b3eec","aria-disabled":this.disabled?"true":"false"},this.icon&&a("div",{key:"554e3024e5492fe32fbe14df912d7f48cf3d1e42","aria-hidden":"true",class:"icon-area"},a("mds-icon",{key:"ed4ecb18bee7cf7a5471c8dc2dd212d2264b7188",class:"icon",name:this.icon})),a("div",{key:"4ded2dcecb606224cdbd336dd6bda407a2a020e7",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:"847b0fe5c0f111a79a3aac85285c7003ff771183",class:"button-delete",icon:n,onClick:this.onDeleteHandler.bind(this),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 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}

package/dist/components/mds-details.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as a,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 l=t(class extends e{constructor(t){super(),!1!==t&&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(t){this.isOpened=t}componentWillLoad(){this.isOpened=this.opened,this.checkIcon()}componentDidLoad(){var t;const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".header");this.km.addElement(e),this.km.attachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return i(o,{key:"b68670a1cb741c24b00788b5a89572c5111222ec"},i("div",{key:"5af8b496c967b7143e690432a1ee835fac852da7",class:r("icon",this.hasIcon?"":"icon--hidden"),onClick:this.toggle},i("slot",{key:"22952053827e6831c2d076860f2c3f78acaf94ad",name:"icon",onSlotchange:this.onSlotChangeHandler})),i("div",{key:"ede2234ae7c9d27258b968d1b4e9e9c6da4c6f42",class:"content"},i("header",{key:"62e2aaacdd4246c581737f84a37fbaff14a7976a",class:"header",part:"header",tabindex:"0",onClick:this.toggle},i("div",{key:"8f2a07baa3e76757abb194fc6b5f7709c8feb093",class:"title",part:"title"},i("slot",{key:"fbeb7c6facfb6dfa71d78b859e7763f5a6c334f7",name:"title"})),i("i",{key:"90bea8dacf62c4013eb2da3099b011a28478465d",class:r("helper-icon",this.isOpened&&"opened"),innerHTML:s})),i("div",{key:"0a1b8b0753bc148d019bb32304e2b71fece2aa90",class:r("details",this.isOpened&&"opened")},i("div",{key:"5dda2bd4b47bdbc4dacbdb8bab413300c67dc2f8",class:"content-expander",part:"content"},i("slot",{key:"36361643f560082b16e72307c2570d00f542ddaa"}),i("div",{key:"01bce23c1fd8fa04bb3290b2a07759099209e5cf",class:"actions"},i("slot",{key:"54e6dd6e93ee2a7044eaf85ce2211278a46f7b95",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}]}]),c=l,m=function(){"undefined"!=typeof customElements&&["mds-details"].forEach((t=>{"mds-details"===t&&(customElements.get(n(t))||customElements.define(n(t),l))}))};export{c as MdsDetails,m as defineCustomElement}
+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}

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 a}from"@stencil/core/internal/client";import{K as n}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 n,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&&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:"f9ac021fe9c2261e5de88aa08f856366a7c1a6ea",style:{zIndex:`${this.zIndex}`}},r("div",{key:"22392a2806dd8d3c983707c72b66b04c2702c089",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:"a136d8393d86a44f3e45a96823a76c8480f01cca"}))}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(a(e))||customElements.define(a(e),m))}))}export{m as M,p as d}
+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}