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

package/dist/components/mds-list-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as r,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d as a}from"./mds-icon2.js";import{d as o}from"./mds-text2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.typography="detail",this.variant="info"}render(){var t;return r(s,{key:"56fca284c2151af0e255ec590076e79cc3082afd",role:"listitem"},r("mds-icon",{key:"a7e2452b344c511ed17a4fe31f0f02d896159474","aria-hidden":"true",class:"icon",name:null!==(t=this.icon)&&void 0!==t?t:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10"/>\n</svg>\n',part:"icon"}),r("mds-text",{key:"2b1127b4179dda4d9fa1d35a777e8e6712019f3a",tag:"span",typography:this.typography,variant:this.variant,part:"text"},r("slot",{key:"4cd2da181f9dac8a10373ec4f83215f0c49e6bb9"})))}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 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-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200) 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200) 0 0;align-items:flex-start;color:rgb(var(--tone-neutral-03,233 233 233));display:flex;justify-content:flex-start;width:100%}.icon{fill:currentColor;height:calc(var(--spacing,.0025rem)*600);margin:var(--mds-list-item-icon-margin,0 calc(var(--spacing,.0025rem)*200) 0 0);width:calc(var(--spacing,.0025rem)*600)}:host([typography=paragraph]){--mds-list-item-icon-margin:.25rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=caption]){--mds-list-item-icon-margin:-.125rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=label]),:host([typography=tip]){--mds-list-item-icon-margin:-.25rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=option]){--mds-list-item-icon-margin:-.5rem calc(var(--spacing,.0025rem)*200) 0 0}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[257,"mds-list-item",{typography:[513],variant:[1],icon:[1]}]),c=n,m=function(){"undefined"!=typeof customElements&&["mds-list-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-list-item":customElements.get(i(t))||customElements.define(i(t),n);break;case"mds-icon":customElements.get(i(t))||a();break;case"mds-text":customElements.get(i(t))||o()}}))};export{c as MdsListItem,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as r,Host as s,transformTag as i}from"@stencil/core/internal/client";import{d as a}from"./mds-icon2.js";import{d as o}from"./mds-text2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.typography="detail",this.variant="info"}render(){var t;return r(s,{key:"07618503a5c3257ae34fdceb7273bcd8fa2ecb14",role:"listitem"},r("mds-icon",{key:"9f22170dcdb6432905df8bbd6d448cb247a394fd","aria-hidden":"true",class:"icon",name:null!==(t=this.icon)&&void 0!==t?t:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10"/>\n</svg>\n',part:"icon"}),r("mds-text",{key:"c9984a427031b24c5f0f4af33b07a836b2d81289",tag:"span",typography:this.typography,variant:this.variant,part:"text"},r("slot",{key:"3e16aba7cb14207c26a6b6b61ea895bc33cbc3de"})))}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 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-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200) 0 0}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200) 0 0;align-items:flex-start;color:rgb(var(--tone-neutral-03,233 233 233));display:flex;justify-content:flex-start;width:100%}.icon{fill:currentColor;height:calc(var(--spacing,.0025rem)*600);margin:var(--mds-list-item-icon-margin,0 calc(var(--spacing,.0025rem)*200) 0 0);width:calc(var(--spacing,.0025rem)*600)}:host([typography=paragraph]){--mds-list-item-icon-margin:.25rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=caption]){--mds-list-item-icon-margin:-.125rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=label]),:host([typography=tip]){--mds-list-item-icon-margin:-.25rem calc(var(--spacing,.0025rem)*200) 0 0}:host([typography=option]){--mds-list-item-icon-margin:-.5rem calc(var(--spacing,.0025rem)*200) 0 0}:host-context(:root.pref-contrast-more){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[257,"mds-list-item",{typography:[513],variant:[1],icon:[1]}]),c=n,m=function(){"undefined"!=typeof customElements&&["mds-list-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-list-item":customElements.get(i(t))||customElements.define(i(t),n);break;case"mds-icon":customElements.get(i(t))||a();break;case"mds-text":customElements.get(i(t))||o()}}))};export{c as MdsListItem,m as defineCustomElement}

package/dist/components/mds-list.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"e3e9c6ade5cf1046a28c20bd10803c4decbe861f",role:"list"},s("slot",{key:"a67d2e2b2485fa725caab64304fc507ef03e609a"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-list-item: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{display:grid;gap:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*400)}ul{margin:calc(var(--spacing,.0025rem)*0);padding:calc(var(--spacing,.0025rem)*0)}"}},[257,"mds-list"]),n=r,o=function(){"undefined"!=typeof customElements&&["mds-list"].forEach((e=>{"mds-list"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{n as MdsList,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"61a4dc9195da0950bbf27a0403e37cfda7ba20ba",role:"list"},s("slot",{key:"f698fed656a47046f0b04bb9ce2f4f53a7c76033"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-list-item: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{display:grid;gap:calc(var(--spacing,.0025rem)*400);padding-left:calc(var(--spacing,.0025rem)*400)}ul{margin:calc(var(--spacing,.0025rem)*0);padding:calc(var(--spacing,.0025rem)*0)}"}},[257,"mds-list"]),n=r,o=function(){"undefined"!=typeof customElements&&["mds-list"].forEach((e=>{"mds-list"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{n as MdsList,o as defineCustomElement}

package/dist/components/mds-mention.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as n}from"@stencil/core/internal/client";import{m as r}from"./cancel.js";import{d as o}from"./mds-button2.js";import{d as a}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="sm",this.sizeTypography={sm:"caption",md:"detail",lg:"h6"}}render(){var e;return t(i,{key:"8b993e588b5dab5936238704987422057ba1dd5e"},t("mds-icon",{key:"89f10e460c991604f7ea75c56c8a93a59cf7864c",name:this.icon?this.icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8s8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5s2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47c.65.89 1.77 1.47 2.96 1.47c1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z"/></svg>'}),t("mds-text",{key:"1dd9b4342e5cab1f2dd979c8c340a98fa22bf03d",typography:this.sizeTypography[null!==(e=this.size)&&void 0!==e?e:"md"]},"lg"===this.size?this.label:t("b",null,this.label)),t("mds-button",{key:"4b58b05e57e4cd5479ad4781a5d7b300258c7c72",class:"action-remove",title:"Remove",variant:"dark",tone:"text",size:"sm",icon:r}))}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 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-mention-icon-size:calc(var(--spacing,.0025rem)*600)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600);align-items:center;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:100px;color:rgb(var(--tone-neutral-03,233 233 233));cursor:pointer;display:inline-flex;fill:currentColor;padding:calc(var(--spacing,.0025rem)*25);padding-right:calc(var(--spacing,.0025rem)*200);vertical-align:middle}mds-icon{height:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600));width:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600))}:host([size=sm]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .badge{padding-left:calc(var(--spacing,.0025rem)*50);padding-right:calc(var(--spacing,.0025rem)*150)}:host([size=md]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600)}:host([size=md]) .badge{padding-right:calc(var(--spacing,.0025rem)*200)}.action-remove{corner-shape:round;border-radius:100px;min-height:0;min-width:0;padding:0}"}},[1,"mds-mention",{icon:[513],label:[513],size:[513]}]),l=d,p=function(){"undefined"!=typeof customElements&&["mds-mention","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-mention":customElements.get(n(e))||customElements.define(n(e),d);break;case"mds-button":customElements.get(n(e))||o();break;case"mds-icon":customElements.get(n(e))||a();break;case"mds-spinner":customElements.get(n(e))||c();break;case"mds-text":customElements.get(n(e))||m()}}))};export{l as MdsMention,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as n}from"@stencil/core/internal/client";import{m as r}from"./cancel.js";import{d as o}from"./mds-button2.js";import{d as a}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d}from"./mds-text2.js";const m=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="sm",this.sizeTypography={sm:"caption",md:"detail",lg:"h6"}}render(){var e;return t(i,{key:"47999ac9e8ee8efc5ca6a680a83681dd4f2d4010"},t("mds-icon",{key:"c8a9fceeef02c8501f9d65c90b4be304dad57318",name:void 0!==this.icon&&""!==this.icon?this.icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10h5v-2h-5c-4.34 0-8-3.66-8-8s3.66-8 8-8s8 3.66 8 8v1.43c0 .79-.71 1.57-1.5 1.57s-1.5-.78-1.5-1.57V12c0-2.76-2.24-5-5-5s-5 2.24-5 5s2.24 5 5 5c1.38 0 2.64-.56 3.54-1.47c.65.89 1.77 1.47 2.96 1.47c1.97 0 3.5-1.6 3.5-3.57V12c0-5.52-4.48-10-10-10zm0 13c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z"/></svg>'}),t("mds-text",{key:"1cb65d52dc8ebd0582197a7dd9a7259c9dfdf41a",typography:this.sizeTypography[null!==(e=this.size)&&void 0!==e?e:"md"]},"lg"===this.size?this.label:t("b",null,this.label)),t("mds-button",{key:"35c8ec7025eb109f514a3d6d99a4716a86968081",class:"action-remove",title:"Remove",variant:"dark",tone:"text",size:"sm",icon:r}))}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 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-mention-icon-size:calc(var(--spacing,.0025rem)*600)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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}:host{--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600);align-items:center;background-color:rgb(var(--tone-neutral-09,76 76 76));border-radius:100px;color:rgb(var(--tone-neutral-03,233 233 233));cursor:pointer;display:inline-flex;fill:currentColor;padding:calc(var(--spacing,.0025rem)*25);padding-right:calc(var(--spacing,.0025rem)*200);vertical-align:middle}mds-icon{height:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600));width:var(--mds-mention-icon-size,calc(var(--spacing,.0025rem)*600))}:host([size=sm]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .badge{padding-left:calc(var(--spacing,.0025rem)*50);padding-right:calc(var(--spacing,.0025rem)*150)}:host([size=md]){--mds-mention-icon-size:calc(var(--spacing,.0025rem)*600)}:host([size=md]) .badge{padding-right:calc(var(--spacing,.0025rem)*200)}.action-remove{corner-shape:round;border-radius:100px;min-height:0;min-width:0;padding:0}"}},[1,"mds-mention",{icon:[513],label:[513],size:[513]}]),l=m,h=function(){"undefined"!=typeof customElements&&["mds-mention","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-mention":customElements.get(n(e))||customElements.define(n(e),m);break;case"mds-button":customElements.get(n(e))||o();break;case"mds-icon":customElements.get(n(e))||a();break;case"mds-spinner":customElements.get(n(e))||c();break;case"mds-text":customElements.get(n(e))||d()}}))};export{l as MdsMention,h as defineCustomElement}

package/dist/components/mds-modal2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as n,Host as a,transformTag as e}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{c as r}from"./unit.js";import{m as d}from"./close.js";import{d as m}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as c}from"./mds-text2.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.openEvent=i(this,"mdsModalOpen",7),this.showEvent=i(this,"mdsModalShow",7),this.closeEvent=i(this,"mdsModalClose",7),this.hideEvent=i(this,"mdsModalHide",7),this.window=!1,this.top=!1,this.bottom=!1,this.cssTransitionDuration="500",this.touchMargin=50,this.opened=!1,this.backdrop=!0,this.position="center",this.animating="none",this.animation="slide",this.overflow="auto",this.interaction="relaxed",this.updateCSSCustomProps=()=>{var t;if("undefined"==typeof window)return;const o=window.getComputedStyle(this.host);this.cssTransitionDuration=null!==(t=o.getPropertyValue("--mds-modal-transition-duration"))&&void 0!==t?t:"500"},this.stopIntroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),this.showEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.stopOutroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),this.hideEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.disableOverflow=()=>{document&&(document.body.style.overflow&&(this.bodyOverflow=document.body.style.overflow),document.body.style.overflow="hidden")},this.enableOverflow=()=>{document&&(this.bodyOverflow?document.body.style.overflow=this.bodyOverflow:document.body.style.removeProperty("overflow"))},this.animateOpenWindow=()=>{this.animating="intro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopIntroAnimationWindow.bind(this),r(this.cssTransitionDuration))},this.animateCloseWindow=()=>{this.animating="outro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopOutroAnimationWindow.bind(this),r(this.cssTransitionDuration))},this.setTouchStart=t=>{this.touchStartX=t.touches[0].clientX,this.touchStartY=t.touches[0].clientY},this.setTouchEnd=t=>{const o=this.touchStartX-t.changedTouches[0].clientX,i=this.touchStartY-t.changedTouches[0].clientY;if(Math.abs(o)>Math.abs(i)){if("right"===this.position&&o>0)return;if("left"===this.position&&o<0)return;Math.abs(o)>Math.abs(this.touchMargin)&&(this.opened=void 0)}},this.addMobileEvents=()=>{this.windowElement.addEventListener("touchstart",this.setTouchStart),this.windowElement.addEventListener("touchend",this.setTouchEnd)},this.closeModal=(t,o)=>{var i;if(!o){if("strict"===this.interaction)return;if("mds-modal"!==(null===(i=t.target)||void 0===i?void 0:i.localName))return}this.opened=t.target!==t.currentTarget,this.opened||this.closeEvent.emit()}}componentWillLoad(){var t;this.bottom=null!==this.host.querySelector(':scope > [slot="bottom"]'),this.top=null!==this.host.querySelector(':scope > [slot="top"]'),this.window=null!==this.host.querySelector(':scope > [slot="window"]'),"auto"===this.overflow&&this.opened&&this.disableOverflow(),this.window&&(null===(t=this.host.querySelector(':scope > [slot="window"]'))||void 0===t||t.setAttribute("role","dialog"))}componentWillRender(){this.animating=this.opened?"intro":"outro"}componentDidLoad(){var t,o,i;this.windowElement=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".window"),this.windowHeaderElement=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".window-header"),this.windowFooterElement=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector(".window-footer"),this.windowHeaderElement&&(this.windowHeaderHeight=this.windowHeaderElement.offsetHeight),this.windowFooterElement&&(this.windowFooterHeight=this.windowFooterElement.offsetHeight),this.windowElement&&this.addMobileEvents(),this.updateCSSCustomProps()}disconnectedCallback(){this.enableOverflow(),this.windowElement&&(this.windowElement.removeEventListener("touchstart",this.setTouchStart),this.windowElement.removeEventListener("touchend",this.setTouchEnd)),this.enableOverflow()}handleOpenProp(t){if(t)return"auto"===this.overflow&&this.disableOverflow(),this.animateOpenWindow(),void this.openEvent.emit();this.opened=void 0,"auto"===this.overflow&&this.enableOverflow(),this.animateCloseWindow()}handleBackdropProp(t){!1===t&&(this.backdrop=void 0)}async close(){this.opened=void 0}render(){return n(a,{key:"ecade8e38b83c0576b5e073cf2ec243ba7eeb30f","aria-modal":s(this.opened?"true":"false"),onMouseDown:t=>{this.closeModal(t)}},this.window?n("slot",{name:"window"}):n("div",{class:"window",part:"window"},n("div",{class:s("window-header",this.top?"":"window-content--empty")},n("slot",{name:"top"})),n("div",{class:"window-content-wrapper"},n("div",{class:"window-content",style:{paddingTop:`${this.windowHeaderHeight}px`,paddingBottom:`${this.windowFooterHeight}px`}},n("slot",null))),n("div",{class:s("window-footer",this.bottom?"":"window-content--empty")},n("slot",{name:"bottom"}))),!this.window&&n("mds-button",{key:"6181aec117b9b237f9749926644c7bf591367e20",class:"action-close",icon:d,variant:"light",tone:"text",size:"xl",onClick:t=>{this.closeModal(t,!0)},part:"action-close"}))}get host(){return this}static get watchers(){return{opened:[{handleOpenProp:0}],backdrop:[{handleBackdropProp: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 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-modal-custom-closed-transform:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-z-index:var(--magma-modal-z-index);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button: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-modal-custom-closed-transform{syntax:"<transform-function>+";inherits:false;initial-value:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%)}@property --mds-modal-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-modal-window-distance{syntax:"<length>";inherits:false;initial-value:0}@property --mds-modal-window-max-width{syntax:"<length>|<percentage>";inherits:false;initial-value:33%}@property --mds-modal-window-min-width{syntax:"<length>";inherits:false;initial-value:400px}@property --mds-modal-window-overflow{syntax:"auto|clip|hidden|scroll|visible";inherits:false;initial-value:auto}@property --mds-modal-window-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-modal-custom-closed-transform:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-transition-timing-funciton:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-window-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-z-index:var(--magma-modal-z-index);--private-modal-width:calc(100vw - var(--private-modal-window-close-margin));--private-modal-custom-opened-transform:translate(0);--private-modal-transition-window-transform:translate(0);--private-modal-window-close-margin:calc(var(--spacing,.0025rem)*2000);--tw-ease:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:center;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0);display:flex;fill:rgb(var(--tone-neutral,0 0 0));inset:0;justify-content:center;perspective:600px;pointer-events:none;position:fixed;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color;transition-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton);z-index:var(--mds-modal-z-index,1000)}.action-close{--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));opacity:0;pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color,bottom,color,fill,opacity,top,transform;-webkit-transition-timing-function:var(--mds-modal-transition-timing-function);transition-timing-function:var(--mds-modal-transition-timing-function)}.action-close::part(icon){height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}:host([position=top-left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=top][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(0) scale(.5) translateY(-80%)}:host([position=top-right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([position=left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) rotate(0) scale(.5) translate(-100%)}:host([position=center][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) scale(.5) translateY(40%)}:host([position=right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(-22deg) rotate(0) scale(.5) translate(100%)}:host([position=bottom-left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=bottom][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(0) scale(.5) translateY(80%)}:host([position=bottom-right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([animation=custom]:not([opened])){--private-modal-transition-window-transform:var(--mds-modal-custom-closed-transform,rotateX(10deg) rotateY(0) scale(1.25) translate(0,10%))}:host([animation=custom][opened]){--private-modal-transition-window-transform:var(--private-modal-custom-opened-transform)}:host([position=top-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,-100%)}:host([position=top][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(-100%)}:host([position=top-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,-100%)}:host([position=left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-100%)}:host([position=center][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(25%)}:host([position=right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(100%)}:host([position=bottom-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,100%)}:host([position=bottom][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(50%)}:host([position=bottom-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,100%)}:host([opened][backdrop]){--private-modal-transition-window-transform:none;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/var(--mds-modal-overlay-opacity,var(--magma-overlay-opacity,.5)));pointer-events:auto}:host ::slotted([slot=window]){margin:var(--mds-modal-custom-window-distance,calc(var(--spacing,.0025rem)*600))}.window{background-color:var(--mds-modal-window-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--mds-modal-window-radius,0);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);box-sizing:border-box;display:grid;gap:calc(var(--spacing,.0025rem)*0);grid-template-columns:repeat(1,minmax(0,100%));height:var(--mds-modal-window-height);margin:var(--mds-modal-window-distance,0);max-height:var(--mds-modal-window-max-height);max-width:var(--private-modal-width);min-width:var(--mds-modal-window-min-width,400px);overflow:var(--mds-modal-window-overflow,auto);position:relative;width:100%}.window-content--empty{display:none}.window-content-wrapper{max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);overflow:auto}.window-footer,.window-header{box-sizing:border-box;position:absolute}.window-header{inset:0 0 auto}.window-footer{inset:auto 0 0}:host .window,:host>::slotted([slot=window]){opacity:0;-webkit-transform:var(--private-modal-transition-window-transform);transform:var(--private-modal-transition-window-transform);-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:transform,opacity;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([opened]) .window,:host([opened])>::slotted([slot=window]){opacity:1;pointer-events:auto;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([position=top]){--mds-modal-window-height:auto;align-items:flex-start;justify-content:center}:host([position=top]) .window{--mds-modal-window-max-width:100vw;--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--mds-modal-window-height:100%;--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2)}:host([position=top-left]){align-items:flex-start;justify-content:flex-start}:host([position=top-right]){align-items:flex-start;justify-content:flex-end}:host([position=left]){align-items:center;justify-content:flex-start}:host([position=left]) .action-close{right:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=left][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=left]:not([opened])) .action-close{transform:translate(-120%)rotate(-45deg)}:host([position=center]){align-items:center;justify-content:center}:host([position=right]){align-items:center;justify-content:flex-end}:host([position=right]) .action-close{left:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=right]:not([opened])) .action-close{transform:translate(120%)rotate(45deg)}:host([position=right][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([position=bottom]){--mds-modal-window-height:auto;align-items:flex-end;justify-content:center}:host([position=bottom-right]){align-items:flex-end;justify-content:flex-end}:host-context(:root.pref-animation-reduce){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-reduce) .action-close,:host-context(:root.pref-animation-reduce) .window){transition-duration:0s!important}:host-context(:root.pref-contrast-more){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-ease{syntax:"*";inherits:false}@media (max-width:480px){:host{--mds-modal-window-min-width:0px}:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--private-modal-width:100vw}:host([position=left]),:host([position=right]){--private-modal-width:calc(100% - var(--private-modal-window-close-margin))}}@media not all and (max-width:480px){:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--private-modal-width:var(--mds-modal-window-max-width,33%)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .action-close,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .window{transition-duration:0s!important}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}}@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-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-modal",{opened:[1540],backdrop:[1540],position:[1537],animating:[1537],animation:[513],overflow:[513],interaction:[513],close:[64]},void 0,{opened:[{handleOpenProp:0}],backdrop:[{handleBackdropProp:0}]}]);function w(){"undefined"!=typeof customElements&&["mds-modal","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-modal":customElements.get(e(t))||customElements.define(e(t),p);break;case"mds-button":customElements.get(e(t))||m();break;case"mds-icon":customElements.get(e(t))||l();break;case"mds-spinner":customElements.get(e(t))||h();break;case"mds-text":customElements.get(e(t))||c()}}))}export{p as M,w as d}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as n,Host as a,transformTag as e}from"@stencil/core/internal/client";import{c as s}from"./clsx.js";import{c as r}from"./unit.js";import{m as d}from"./close.js";import{d as m}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as c}from"./mds-text2.js";const p=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.openEvent=i(this,"mdsModalOpen",7),this.showEvent=i(this,"mdsModalShow",7),this.closeEvent=i(this,"mdsModalClose",7),this.hideEvent=i(this,"mdsModalHide",7),this.window=!1,this.top=!1,this.bottom=!1,this.cssTransitionDuration="500",this.touchMargin=50,this.opened=!1,this.backdrop=!0,this.position="center",this.animating="none",this.animation="slide",this.overflow="auto",this.interaction="relaxed",this.updateCSSCustomProps=()=>{var t;if("undefined"==typeof window)return;const o=window.getComputedStyle(this.host);this.cssTransitionDuration=null!==(t=o.getPropertyValue("--mds-modal-transition-duration"))&&void 0!==t?t:"500"},this.stopIntroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),this.showEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.stopOutroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),this.hideEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.disableOverflow=()=>{"undefined"!=typeof document&&(""!==document.body.style.overflow&&(this.bodyOverflow=document.body.style.overflow),document.body.style.overflow="hidden")},this.enableOverflow=()=>{"undefined"!=typeof document&&(""!==this.bodyOverflow?document.body.style.overflow=this.bodyOverflow:document.body.style.removeProperty("overflow"))},this.animateOpenWindow=()=>{this.animating="intro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopIntroAnimationWindow.bind(this),r(this.cssTransitionDuration))},this.animateCloseWindow=()=>{this.animating="outro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopOutroAnimationWindow.bind(this),r(this.cssTransitionDuration))},this.setTouchStart=t=>{this.touchStartX=t.touches[0].clientX,this.touchStartY=t.touches[0].clientY},this.setTouchEnd=t=>{const o=this.touchStartX-t.changedTouches[0].clientX,i=this.touchStartY-t.changedTouches[0].clientY;if(Math.abs(o)>Math.abs(i)){if("right"===this.position&&o>0)return;if("left"===this.position&&o<0)return;Math.abs(o)>Math.abs(this.touchMargin)&&(this.opened=void 0)}},this.addMobileEvents=()=>{this.windowElement.addEventListener("touchstart",this.setTouchStart),this.windowElement.addEventListener("touchend",this.setTouchEnd)},this.closeModal=(t,o)=>{var i;if(!o){if("strict"===this.interaction)return;if("mds-modal"!==(null===(i=t.target)||void 0===i?void 0:i.localName))return}this.opened=t.target!==t.currentTarget,this.opened||this.closeEvent.emit()}}componentWillLoad(){var t;this.bottom=null!==this.host.querySelector(':scope > [slot="bottom"]'),this.top=null!==this.host.querySelector(':scope > [slot="top"]'),this.window=null!==this.host.querySelector(':scope > [slot="window"]'),"auto"===this.overflow&&this.opened&&this.disableOverflow(),this.window&&(null===(t=this.host.querySelector(':scope > [slot="window"]'))||void 0===t||t.setAttribute("role","dialog"))}componentWillRender(){this.animating=this.opened?"intro":"outro"}componentDidLoad(){var t,o,i;this.windowElement=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".window"),this.windowHeaderElement=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".window-header"),this.windowFooterElement=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector(".window-footer"),null!=this.windowHeaderElement&&(this.windowHeaderHeight=this.windowHeaderElement.offsetHeight),null!=this.windowFooterElement&&(this.windowFooterHeight=this.windowFooterElement.offsetHeight),null!=this.windowElement&&this.addMobileEvents(),this.updateCSSCustomProps()}disconnectedCallback(){this.enableOverflow(),null!=this.windowElement&&(this.windowElement.removeEventListener("touchstart",this.setTouchStart),this.windowElement.removeEventListener("touchend",this.setTouchEnd)),this.enableOverflow()}handleOpenProp(t){if(t)return"auto"===this.overflow&&this.disableOverflow(),this.animateOpenWindow(),void this.openEvent.emit();this.opened=void 0,"auto"===this.overflow&&this.enableOverflow(),this.animateCloseWindow()}handleBackdropProp(t){!1===t&&(this.backdrop=void 0)}async close(){this.opened=void 0}render(){return n(a,{key:"9f4be0a30b1d3cae73348bf48a30dc180f0ac82f","aria-modal":s(this.opened?"true":"false"),onMouseDown:t=>{this.closeModal(t)}},this.window?n("slot",{name:"window"}):n("div",{class:"window",part:"window"},n("div",{class:s("window-header",this.top?"":"window-content--empty")},n("slot",{name:"top"})),n("div",{class:"window-content-wrapper"},n("div",{class:"window-content",style:{paddingTop:`${this.windowHeaderHeight}px`,paddingBottom:`${this.windowFooterHeight}px`}},n("slot",null))),n("div",{class:s("window-footer",this.bottom?"":"window-content--empty")},n("slot",{name:"bottom"}))),!this.window&&n("mds-button",{key:"37ff9d4c6556052e4c53c69d3b14d4f4f57eba5c",class:"action-close",icon:d,variant:"light",tone:"text",size:"xl",onClick:t=>{this.closeModal(t,!0)},part:"action-close"}))}get host(){return this}static get watchers(){return{opened:[{handleOpenProp:0}],backdrop:[{handleBackdropProp: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 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-modal-custom-closed-transform:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-z-index:var(--magma-modal-z-index);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button: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-modal-custom-closed-transform{syntax:"<transform-function>+";inherits:false;initial-value:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%)}@property --mds-modal-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}@property --mds-modal-window-distance{syntax:"<length>";inherits:false;initial-value:0}@property --mds-modal-window-max-width{syntax:"<length>|<percentage>";inherits:false;initial-value:33%}@property --mds-modal-window-min-width{syntax:"<length>";inherits:false;initial-value:400px}@property --mds-modal-window-overflow{syntax:"auto|clip|hidden|scroll|visible";inherits:false;initial-value:auto}@property --mds-modal-window-radius{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-modal-custom-closed-transform:rotateX(10deg) rotateY(0) scale(1.25) translateY(10%);--mds-modal-custom-window-distance:calc(var(--spacing,.0025rem)*600);--mds-modal-overlay-color:var(--magma-overlay-color,0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity,.5);--mds-modal-transition-duration:.5s;--mds-modal-transition-timing-funciton:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));--mds-modal-window-background:rgb(var(--tone-neutral,0 0 0));--mds-modal-window-distance:0;--mds-modal-window-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-window-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);--mds-modal-window-max-width:33%;--mds-modal-window-min-width:400px;--mds-modal-z-index:var(--magma-modal-z-index);--private-modal-width:calc(100vw - var(--private-modal-window-close-margin));--private-modal-custom-opened-transform:translate(0);--private-modal-transition-window-transform:translate(0);--private-modal-window-close-margin:calc(var(--spacing,.0025rem)*2000);--tw-ease:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));align-items:center;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0);display:flex;fill:rgb(var(--tone-neutral,0 0 0));inset:0;justify-content:center;perspective:600px;pointer-events:none;position:fixed;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color;transition-timing-function:var(--ease-in-out-quint,cubic-bezier(.86,0,.07,1));-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton);z-index:var(--mds-modal-z-index,1000)}.action-close{--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));opacity:0;pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:background-color,bottom,color,fill,opacity,top,transform;-webkit-transition-timing-function:var(--mds-modal-transition-timing-function);transition-timing-function:var(--mds-modal-transition-timing-function)}.action-close::part(icon){height:calc(var(--spacing,.0025rem)*900);width:calc(var(--spacing,.0025rem)*900)}:host([position=top-left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=top][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(0) scale(.5) translateY(-80%)}:host([position=top-right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([position=left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) rotate(0) scale(.5) translate(-100%)}:host([position=center][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) scale(.5) translateY(40%)}:host([position=right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(0) rotateY(-22deg) rotate(0) scale(.5) translate(100%)}:host([position=bottom-left][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=bottom][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(22deg) rotateY(0) scale(.5) translateY(80%)}:host([position=bottom-right][animation="3d"]:not([opened])){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([animation=custom]:not([opened])){--private-modal-transition-window-transform:var(--mds-modal-custom-closed-transform,rotateX(10deg) rotateY(0) scale(1.25) translate(0,10%))}:host([animation=custom][opened]){--private-modal-transition-window-transform:var(--private-modal-custom-opened-transform)}:host([position=top-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,-100%)}:host([position=top][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(-100%)}:host([position=top-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,-100%)}:host([position=left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-100%)}:host([position=center][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(25%)}:host([position=right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(100%)}:host([position=bottom-left][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(-50%,100%)}:host([position=bottom][animation=slide]:not([opened])){--private-modal-transition-window-transform:translateY(50%)}:host([position=bottom-right][animation=slide]:not([opened])){--private-modal-transition-window-transform:translate(50%,100%)}:host([opened][backdrop]){--private-modal-transition-window-transform:none;background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/var(--mds-modal-overlay-opacity,var(--magma-overlay-opacity,.5)));pointer-events:auto}:host ::slotted([slot=window]){margin:var(--mds-modal-custom-window-distance,calc(var(--spacing,.0025rem)*600))}.window{background-color:var(--mds-modal-window-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--mds-modal-window-radius,0);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);box-sizing:border-box;display:grid;gap:calc(var(--spacing,.0025rem)*0);grid-template-columns:repeat(1,minmax(0,100%));height:var(--mds-modal-window-height);margin:var(--mds-modal-window-distance,0);max-height:var(--mds-modal-window-max-height);max-width:var(--private-modal-width);min-width:var(--mds-modal-window-min-width,400px);overflow:var(--mds-modal-window-overflow,auto);position:relative;width:100%}.window-content--empty{display:none}.window-content-wrapper{max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2);overflow:auto}.window-footer,.window-header{box-sizing:border-box;position:absolute}.window-header{inset:0 0 auto}.window-footer{inset:auto 0 0}:host .window,:host>::slotted([slot=window]){opacity:0;-webkit-transform:var(--private-modal-transition-window-transform);transform:var(--private-modal-transition-window-transform);-webkit-transition-duration:var(--mds-modal-transition-duration,.5s);transition-duration:var(--mds-modal-transition-duration,.5s);transition-property:transform,opacity;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([opened]) .window,:host([opened])>::slotted([slot=window]){opacity:1;pointer-events:auto;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([position=top]){--mds-modal-window-height:auto;align-items:flex-start;justify-content:center}:host([position=top]) .window{--mds-modal-window-max-width:100vw;--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--mds-modal-window-height:100%;--mds-modal-window-max-height:calc(100dvh - var(--mds-modal-window-distance,0)*2)}:host([position=top-left]){align-items:flex-start;justify-content:flex-start}:host([position=top-right]){align-items:flex-start;justify-content:flex-end}:host([position=left]){align-items:center;justify-content:flex-start}:host([position=left]) .action-close{right:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=left][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=left]:not([opened])) .action-close{transform:translate(-120%)rotate(-45deg)}:host([position=center]){align-items:center;justify-content:center}:host([position=right]){align-items:center;justify-content:flex-end}:host([position=right]) .action-close{left:calc(var(--spacing,.0025rem)*300);top:calc(var(--spacing,.0025rem)*300)}:host([position=right]:not([opened])) .action-close{transform:translate(120%)rotate(45deg)}:host([position=right][opened]) .action-close{opacity:1;pointer-events:auto}:host([position=bottom-left]){align-items:flex-end;justify-content:flex-start}:host([position=bottom]){--mds-modal-window-height:auto;align-items:flex-end;justify-content:center}:host([position=bottom-right]){align-items:flex-end;justify-content:flex-end}:host-context(:root.pref-animation-reduce){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-reduce) .action-close,:host-context(:root.pref-animation-reduce) .window){transition-duration:0s!important}:host-context(:root.pref-contrast-more){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-ease{syntax:"*";inherits:false}@media (max-width:480px){:host{--mds-modal-window-min-width:0px}:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--private-modal-width:100vw}:host([position=left]),:host([position=right]){--private-modal-width:calc(100% - var(--private-modal-window-close-margin))}}@media not all and (max-width:480px){:host([position=bottom-left]),:host([position=bottom-right]),:host([position=bottom]),:host([position=center]),:host([position=top-left]),:host([position=top-right]),:host([position=top]){--mds-modal-window-height:auto}:host([position=left]),:host([position=right]){--private-modal-width:var(--mds-modal-window-max-width,33%)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-transition-duration:0s;transition-duration:0s!important}:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .action-close,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .window{transition-duration:0s!important}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}}@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-modal-window-background:rgb(var(--tone-neutral-10,60 60 60));--mds-modal-window-shadow:var(--shadow-outline),var(--shadow-xl,0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a)}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-modal",{opened:[1540],backdrop:[1540],position:[1537],animating:[1537],animation:[513],overflow:[513],interaction:[513],close:[64]},void 0,{opened:[{handleOpenProp:0}],backdrop:[{handleBackdropProp:0}]}]);function w(){"undefined"!=typeof customElements&&["mds-modal","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-modal":customElements.get(e(t))||customElements.define(e(t),p);break;case"mds-button":customElements.get(e(t))||m();break;case"mds-icon":customElements.get(e(t))||l();break;case"mds-spinner":customElements.get(e(t))||h();break;case"mds-text":customElements.get(e(t))||c()}}))}export{p as M,w as d}

package/dist/components/mds-note.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as o,createEvent as t,h as r,Host as a,transformTag as l}from"@stencil/core/internal/client";import{m as n}from"./close.js";import{K as s}from"./keyboard-manager.js";import{L as b}from"./locale.js";import{d}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";var g={deleteLabel:"Αφαίρεση"},h={deleteLabel:"Remove"},v={deleteLabel:"Eliminar"},u={deleteLabel:"Rimuovi"};const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.deleteEvent=t(this,"mdsNoteDelete",7),this.km=new s,this.t=new b({el:g,en:h,es:v,it:u}),this.deletable=!1,this.variant="yellow",this.onClickClose=()=>{this.deleteEvent.emit()}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){if(this.deletable)return this.km.addElement(this.host),void this.km.attachClickBehavior();this.km.detachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return r(a,{key:"bb7105ecd6e6a7fe003e2b4aafde387305eb7ca4",role:"note"},this.deletable&&r("mds-button",{key:"8770db0d4b69a2abf27d9a27d49b2db0a7e659b5",title:this.t.get("deleteLabel"),icon:n,class:"button-close",variant:"dark",tone:"text",onClick:this.onClickClose.bind(this)}),r("slot",{key:"74ddb954eb7b8919c414a6cbc2279746f55992bd",name:"title"}),r("slot",{key:"088ab53a3820f94d61951b9147cdce50f1a45304"}),r("div",{key:"c1cfcab4a0657963b6b7846ccd145afc62934541","aria-hidden":"true",class:"fold"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button: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-note-fold-size{syntax:"<length>";inherits:false;initial-value:40px}:host{--mds-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-note-background,rgb(var(--label-yellow-10,75 57 3)));border-radius:.25rem;color:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));display:grid;overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host ::slotted(mds-text){--mds-text-selection-background:var(--mds-note-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-note-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([deletable]:not([deletable=false])){padding-right:calc(var(--spacing,.0025rem)*1600)}:host([deletable]:not([deletable=false])) .button-close{position:absolute;right:calc(var(--spacing,.0025rem)*400);top:calc(var(--spacing,.0025rem)*400)}.fold{border-color:transparent transparent var(--mds-note-fold-color,rgb(var(--tone-neutral-10,60 60 60))) transparent;border-style:solid;border-width:0 0 var(--mds-note-fold-size,40px) var(--mds-note-fold-size,40px);bottom:0;display:block;filter:drop-shadow(0 0 var(--mds-note-fold-size,40px) var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190))));height:calc(var(--spacing,.0025rem)*0);opacity:.4;pointer-events:none;position:absolute;right:0;-webkit-transition-duration:inherit;transition-duration:inherit;transition-property:border;width:calc(var(--spacing,.0025rem)*0)}.button-close{border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*100);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:#0000;cursor:pointer;fill:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill,outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.button-close:hover{background-color:rgb(var(--tone-neutral,0 0 0)/.5)}.title{align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*400)}.title .button-close{margin-left:auto}:host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-09,135 8 30));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-selection-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-09,3 77 90));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-selection-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-note-background:rgb(var(--label-blue-09,7 40 196));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-note-selection-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-note-background:rgb(var(--label-green-09,14 81 39));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-08,20 116 56));--mds-note-selection-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-note-background:rgb(var(--label-lime-09,51 79 8));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-note-selection-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-note-background:rgb(var(--label-orange-09,116 49 3));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-note-selection-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-09,131 14 71));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-selection-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-note-background:rgb(var(--label-sky-09,6 76 107));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-note-selection-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-note-background:rgb(var(--label-violet-09,67 11 195));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-note-selection-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-09,89 68 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-selection-color:rgb(var(--label-yellow-04,248 202 60))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .fold{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host-context(:root.pref-contrast-more) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}@property --tw-ease{syntax:"*";inherits:false}@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]))) .fold{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]))){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}}@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) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}}'}},[257,"mds-note",{deletable:[4],variant:[513],language:[32],updateLang:[64]}]),f=p,k=function(){"undefined"!=typeof customElements&&["mds-note","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-note":customElements.get(l(e))||customElements.define(l(e),p);break;case"mds-button":customElements.get(l(e))||d();break;case"mds-icon":customElements.get(l(e))||i();break;case"mds-spinner":customElements.get(l(e))||c();break;case"mds-text":customElements.get(l(e))||m()}}))};export{f as MdsNote,k as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as o,createEvent as t,h as r,Host as a,transformTag as l}from"@stencil/core/internal/client";import{m as n}from"./close.js";import{K as s}from"./keyboard-manager.js";import{L as b}from"./locale.js";import{d}from"./mds-button2.js";import{d as i}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as m}from"./mds-text2.js";var g={deleteLabel:"Αφαίρεση"},h={deleteLabel:"Remove"},v={deleteLabel:"Eliminar"},u={deleteLabel:"Rimuovi"};const p=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.deleteEvent=t(this,"mdsNoteDelete",7),this.km=new s,this.t=new b({el:g,en:h,es:v,it:u}),this.deletable=!1,this.variant="yellow",this.onClickClose=()=>{this.deleteEvent.emit()}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){if(this.deletable)return this.km.addElement(this.host),void this.km.attachClickBehavior();this.km.detachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return r(a,{key:"50df66ebc4a5d691ec06b2afbe6aa3a8359e18a7",role:"note"},this.deletable&&r("mds-button",{key:"06dd4061821acea5f5b060f216693e9f42f10990",title:this.t.get("deleteLabel"),icon:n,class:"button-close",variant:"dark",tone:"text",onClick:this.onClickClose}),r("slot",{key:"1d070ff5a29efac7dd04928fc4e6a6a172f4a649",name:"title"}),r("slot",{key:"e90c46a1dc161ca4b1c42628d0d3e6fa5a2080bb"}),r("div",{key:"9019e08441d708477ef9d9099e283479ae49e4ae","aria-hidden":"true",class:"fold"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button: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-note-fold-size{syntax:"<length>";inherits:false;initial-value:40px}:host{--mds-note-background:rgb(var(--label-yellow-10,75 57 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-fold-color:rgb(var(--tone-neutral-10,60 60 60));--mds-note-fold-size:40px;--mds-note-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-note-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-note-background,rgb(var(--label-yellow-10,75 57 3)));border-radius:.25rem;color:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));display:grid;overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color,background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host ::slotted(mds-text){--mds-text-selection-background:var(--mds-note-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-note-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([deletable]:not([deletable=false])){padding-right:calc(var(--spacing,.0025rem)*1600)}:host([deletable]:not([deletable=false])) .button-close{position:absolute;right:calc(var(--spacing,.0025rem)*400);top:calc(var(--spacing,.0025rem)*400)}.fold{border-color:transparent transparent var(--mds-note-fold-color,rgb(var(--tone-neutral-10,60 60 60))) transparent;border-style:solid;border-width:0 0 var(--mds-note-fold-size,40px) var(--mds-note-fold-size,40px);bottom:0;display:block;filter:drop-shadow(0 0 var(--mds-note-fold-size,40px) var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190))));height:calc(var(--spacing,.0025rem)*0);opacity:.4;pointer-events:none;position:absolute;right:0;-webkit-transition-duration:inherit;transition-duration:inherit;transition-property:border;width:calc(var(--spacing,.0025rem)*0)}.button-close{border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*100);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:#0000;cursor:pointer;fill:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill,outline,outline-offset;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.button-close:hover{background-color:rgb(var(--tone-neutral,0 0 0)/.5)}.title{align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*400)}.title .button-close{margin-left:auto}:host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-09,135 8 30));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-selection-color:rgb(var(--label-amaranth-04,251 192 203))}:host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-09,3 77 90));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-selection-color:rgb(var(--label-aqua-04,81 225 250))}:host([variant=blue]){--mds-note-background:rgb(var(--label-blue-09,7 40 196));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-note-selection-color:rgb(var(--label-blue-04,196 206 253))}:host([variant=green]){--mds-note-background:rgb(var(--label-green-09,14 81 39));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-08,20 116 56));--mds-note-selection-color:rgb(var(--label-green-04,113 230 156))}:host([variant=lime]){--mds-note-background:rgb(var(--label-lime-09,51 79 8));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-note-selection-color:rgb(var(--label-lime-04,148 229 25))}:host([variant=orange]){--mds-note-background:rgb(var(--label-orange-09,116 49 3));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-note-selection-color:rgb(var(--label-orange-04,252 196 158))}:host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-09,131 14 71));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-selection-color:rgb(var(--label-orchid-04,248 192 220))}:host([variant=sky]){--mds-note-background:rgb(var(--label-sky-09,6 76 107));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-note-selection-color:rgb(var(--label-sky-04,148 217 249))}:host([variant=violet]){--mds-note-background:rgb(var(--label-violet-09,67 11 195));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-note-selection-color:rgb(var(--label-violet-04,216 200 252))}:host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-09,89 68 3));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-selection-color:rgb(var(--label-yellow-04,248 202 60))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .fold{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host-context(:root.pref-contrast-more) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}@property --tw-ease{syntax:"*";inherits:false}@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]))) .fold{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]))){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=amaranth]){--mds-note-background:rgb(var(--label-amaranth-08,193 11 42));--mds-note-fold-color:rgb(var(--label-amaranth-06,246 99 125));--mds-note-color:rgb(var(--label-amaranth-02,254 233 237));--mds-note-selection-background:rgb(var(--label-amaranth-07,239 14 52));--mds-note-selection-color:rgb(var(--label-amaranth-03,253 217 223))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=aqua]){--mds-note-background:rgb(var(--label-aqua-08,4 110 129));--mds-note-fold-color:rgb(var(--label-aqua-06,5 163 190));--mds-note-color:rgb(var(--label-aqua-02,203 246 254));--mds-note-selection-background:rgb(var(--label-aqua-07,5 137 160));--mds-note-selection-color:rgb(var(--label-aqua-03,158 238 252))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=blue]){--mds-note-background:rgb(var(--label-blue-08,42 77 247));--mds-note-fold-color:rgb(var(--label-blue-06,121 143 250));--mds-note-color:rgb(var(--label-blue-02,234 238 254));--mds-note-selection-background:rgb(var(--label-blue-07,85 113 249));--mds-note-selection-color:rgb(var(--label-blue-03,218 224 254))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=green]){--mds-note-background:rgb(var(--label-green-08,20 116 56));--mds-note-fold-color:rgb(var(--label-green-06,30 171 82));--mds-note-color:rgb(var(--label-green-02,211 247 224));--mds-note-selection-background:rgb(var(--label-green-07,25 145 69));--mds-note-selection-color:rgb(var(--label-green-03,173 241 198))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=lime]){--mds-note-background:rgb(var(--label-lime-08,73 112 12));--mds-note-fold-color:rgb(var(--label-lime-06,108 167 18));--mds-note-color:rgb(var(--label-lime-02,223 247 185));--mds-note-selection-background:rgb(var(--label-lime-07,90 139 15));--mds-note-selection-color:rgb(var(--label-lime-03,193 241 122))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orange]){--mds-note-background:rgb(var(--label-orange-08,167 71 4));--mds-note-fold-color:rgb(var(--label-orange-06,247 105 6));--mds-note-color:rgb(var(--label-orange-02,254 235 222));--mds-note-selection-background:rgb(var(--label-orange-07,208 88 5));--mds-note-selection-color:rgb(var(--label-orange-03,253 219 196))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=orchid]){--mds-note-background:rgb(var(--label-orchid-08,187 19 102));--mds-note-fold-color:rgb(var(--label-orchid-06,239 99 168));--mds-note-color:rgb(var(--label-orchid-02,253 233 243));--mds-note-selection-background:rgb(var(--label-orchid-07,231 28 129));--mds-note-selection-color:rgb(var(--label-orchid-03,251 216 234))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=sky]){--mds-note-background:rgb(var(--label-sky-08,9 107 152));--mds-note-fold-color:rgb(var(--label-sky-06,13 158 224));--mds-note-color:rgb(var(--label-sky-02,219 242 253));--mds-note-selection-background:rgb(var(--label-sky-07,11 133 188));--mds-note-selection-color:rgb(var(--label-sky-03,191 232 251))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=violet]){--mds-note-background:rgb(var(--label-violet-08,111 53 244));--mds-note-fold-color:rgb(var(--label-violet-06,166 129 248));--mds-note-color:rgb(var(--label-violet-02,241 235 254));--mds-note-selection-background:rgb(var(--label-violet-07,141 95 246));--mds-note-selection-color:rgb(var(--label-violet-03,231 221 253))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=yellow]){--mds-note-background:rgb(var(--label-yellow-08,127 97 4));--mds-note-fold-color:rgb(var(--label-yellow-06,188 143 6));--mds-note-color:rgb(var(--label-yellow-02,253 238 190));--mds-note-selection-background:rgb(var(--label-yellow-07,158 120 5));--mds-note-selection-color:rgb(var(--label-yellow-03,251 224 142))}}@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) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}}'}},[257,"mds-note",{deletable:[4],variant:[513],language:[32],updateLang:[64]}]),f=p,k=function(){"undefined"!=typeof customElements&&["mds-note","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-note":customElements.get(l(e))||customElements.define(l(e),p);break;case"mds-button":customElements.get(l(e))||d();break;case"mds-icon":customElements.get(l(e))||i();break;case"mds-spinner":customElements.get(l(e))||c();break;case"mds-text":customElements.get(l(e))||m()}}))};export{f as MdsNote,k as defineCustomElement}

package/dist/components/mds-notification.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as a,Host as n,transformTag as o}from"@stencil/core/internal/client";import{o as s,s as e,c as r,d as c}from"./floating-ui.dom.js";import{d}from"./mds-text2.js";const f=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value=0,this.visible=!0,this.strategy="fixed",this.placement="right-start",this.updatePosition=()=>{const t=[],i="disabled"===this.strategy?"absolute":"fixed";t.push(s(0)),t.push(e({padding:0})),r(this.caller,this.host,{middleware:t,placement:this.placement,strategy:i}).then((({x:t,y:i})=>{Object.assign(this.host.style,{left:t+"px",top:i+"px"})}))},this.clean=t=>this.max&&t>this.max?"+"+Number(this.max).toLocaleString():Number(t).toLocaleString()}componentDidRender(){if(!this.target)return void(this.strategy="disabled");const t=document.querySelector(this.target);if(!t)throw Error("No valid target found");this.caller=t}componentDidLoad(){"disabled"!==this.strategy&&this.target&&!this.cleanupAutoUpdate&&setTimeout((()=>{this.cleanupAutoUpdate=c(this.caller,this.host,this.updatePosition)}),100)}disconnectedCallback(){this.cleanupAutoUpdate=()=>{}}strategyHandler(t){"disabled"===t&&(this.cleanupAutoUpdate=()=>{})}render(){var t;return a(n,{key:"ec403d27cc9c21f61b0a4378963b718752d944ed","aria-labelledby":this.target,"aria-label":null!==(t=this.value)&&void 0!==t?t:"0"},a("mds-text",{key:"28628bbfc84407df67f6accc1478df951695a408",typography:"caption",class:"dot","aria-hidden":"true"},this.value?this.clean(this.value):""))}get host(){return this}static get watchers(){return{strategy:[{strategyHandler:0}]}}static get style(){return'@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-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),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-notification-dot-padding{syntax:"<length>";inherits:false;initial-value:6px}@property --mds-notification-ring-size{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-notification-size{syntax:"<length>";inherits:false;initial-value:20px}@property --mds-notification-transition-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-notification-translate-offset-x{syntax:"<number>";inherits:false;initial-value:-1.75}@property --mds-notification-translate-offset-y{syntax:"<number>";inherits:false;initial-value:-2}:host{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));align-items:center;border-radius:var(--radius-full,1000px);bottom:100%;color:var(--mds-notification-color,rgb(var(--tone-neutral,0 0 0)));display:inline-flex;height:var(--mds-notification-size,20px);justify-content:flex-end;min-width:max-content;pointer-events:none;width:var(--mds-notification-size,20px);z-index:10}:host([strategy=absolute]),:host([strategy=fixed]){opacity:0;right:100%;-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);-webkit-transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;-webkit-transition-duration:var(--mds-notification-transition-duration,.2s);transition-duration:var(--mds-notification-transition-duration,.2s);transition-property:color,height,opacity,transform,width;-webkit-transition-timing-function:var(--mds-notification-transition-timing-function);transition-timing-function:var(--mds-notification-transition-timing-function)}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}.dot{border-radius:var(--radius-full,1000px);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-notification-dot-background,rgb(var(--status-error-05,250 165 160)));-webkit-box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-sizing:border-box;display:inline-flex;justify-content:center;line-height:var(--mds-notification-size,20px);min-width:var(--mds-notification-min-width,var(--mds-notification-size,20px));padding-left:var(--mds-notification-dot-padding,6px);padding-right:var(--mds-notification-dot-padding,6px);position:static;transition-duration:.3s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));white-space:nowrap}:host([strategy=absolute]) .dot,:host([strategy=fixed]) .dot{position:absolute}.spacer{box-sizing:border-box;display:inline-flex;height:var(--mds-notification-size,20px);width:var(--mds-notification-min-width,var(--mds-notification-size,20px))}:host([visible=false][strategy=absolute]),:host([visible=false][strategy=fixed]){opacity:1;--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}:host([strategy=absolute]:not([visible=false])),:host([strategy=fixed]:not([visible=false])),:host([visible=true][strategy=absolute]),:host([visible=true][strategy=fixed]){opacity:1;--tw-ease:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1))}:host(:not([target])),:host([strategy=disabled]){opacity:1;position:static;transform:scale(1);-webkit-transform-origin:unset;transform-origin:unset;transition-duration:0s}:host(:not([target])) .dot,:host([strategy=disabled]) .dot{position:static}:host-context(.pref-animation-reduce){transition-duration:0s}:host-context(.pref-animation-reduce) .dot{transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))) .dot{transition-duration:0s}}'}},[1,"mds-notification",{target:[1],value:[1538],visible:[1540],strategy:[1537],max:[514]},void 0,{strategy:[{strategyHandler:0}]}]),l=f,m=function(){"undefined"!=typeof customElements&&["mds-notification","mds-text"].forEach((t=>{switch(t){case"mds-notification":customElements.get(o(t))||customElements.define(o(t),f);break;case"mds-text":customElements.get(o(t))||d()}}))};export{l as MdsNotification,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,h as a,Host as n,transformTag as o}from"@stencil/core/internal/client";import{o as s,s as e,c as r,d}from"./floating-ui.dom.js";import{d as c}from"./mds-text2.js";const f=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value=0,this.visible=!0,this.strategy="fixed",this.placement="right-start",this.updatePosition=()=>{const t=[],i="disabled"===this.strategy?"absolute":"fixed";t.push(s(0)),t.push(e({padding:0})),r(this.caller,this.host,{middleware:t,placement:this.placement,strategy:i}).then((({x:t,y:i})=>{Object.assign(this.host.style,{left:t+"px",top:i+"px"})}))},this.clean=t=>void 0!==this.max&&0!==this.max&&!Number.isNaN(this.max)&&t>this.max?"+"+Number(this.max).toLocaleString():Number(t).toLocaleString()}componentDidRender(){if(""===this.target)return void(this.strategy="disabled");const t=document.querySelector(this.target);if(null==t)throw Error("No valid target found");this.caller=t}componentDidLoad(){"disabled"!==this.strategy&&""!==this.target&&null==this.cleanupAutoUpdate&&setTimeout((()=>{this.cleanupAutoUpdate=d(this.caller,this.host,this.updatePosition)}),100)}disconnectedCallback(){this.cleanupAutoUpdate=()=>{}}strategyHandler(t){"disabled"===t&&(this.cleanupAutoUpdate=()=>{})}render(){var t;return a(n,{key:"e4caa7112453beaebfde8d5144636410bed9121c","aria-labelledby":this.target,"aria-label":null!==(t=this.value)&&void 0!==t?t:"0"},a("mds-text",{key:"66204d238173dd8cf2db564907f8977728abf6c4",typography:"caption",class:"dot","aria-hidden":"true"},0===this.value||Number.isNaN(this.value)?"":this.clean(this.value)))}get host(){return this}static get watchers(){return{strategy:[{strategyHandler:0}]}}static get style(){return'@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-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),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-notification-dot-padding{syntax:"<length>";inherits:false;initial-value:6px}@property --mds-notification-ring-size{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-notification-size{syntax:"<length>";inherits:false;initial-value:20px}@property --mds-notification-transition-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-notification-translate-offset-x{syntax:"<number>";inherits:false;initial-value:-1.75}@property --mds-notification-translate-offset-y{syntax:"<number>";inherits:false;initial-value:-2}:host{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));align-items:center;border-radius:var(--radius-full,1000px);bottom:100%;color:var(--mds-notification-color,rgb(var(--tone-neutral,0 0 0)));display:inline-flex;height:var(--mds-notification-size,20px);justify-content:flex-end;min-width:max-content;pointer-events:none;width:var(--mds-notification-size,20px);z-index:10}:host([strategy=absolute]),:host([strategy=fixed]){opacity:0;right:100%;-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);-webkit-transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;-webkit-transition-duration:var(--mds-notification-transition-duration,.2s);transition-duration:var(--mds-notification-transition-duration,.2s);transition-property:color,height,opacity,transform,width;-webkit-transition-timing-function:var(--mds-notification-transition-timing-function);transition-timing-function:var(--mds-notification-transition-timing-function)}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}.dot{border-radius:var(--radius-full,1000px);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-notification-dot-background,rgb(var(--status-error-05,250 165 160)));-webkit-box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-sizing:border-box;display:inline-flex;justify-content:center;line-height:var(--mds-notification-size,20px);min-width:var(--mds-notification-min-width,var(--mds-notification-size,20px));padding-left:var(--mds-notification-dot-padding,6px);padding-right:var(--mds-notification-dot-padding,6px);position:static;transition-duration:.3s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));white-space:nowrap}:host([strategy=absolute]) .dot,:host([strategy=fixed]) .dot{position:absolute}.spacer{box-sizing:border-box;display:inline-flex;height:var(--mds-notification-size,20px);width:var(--mds-notification-min-width,var(--mds-notification-size,20px))}:host([visible=false][strategy=absolute]),:host([visible=false][strategy=fixed]){opacity:1;--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}:host([strategy=absolute]:not([visible=false])),:host([strategy=fixed]:not([visible=false])),:host([visible=true][strategy=absolute]),:host([visible=true][strategy=fixed]){opacity:1;--tw-ease:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1))}:host(:not([target])),:host([strategy=disabled]){opacity:1;position:static;transform:scale(1);-webkit-transform-origin:unset;transform-origin:unset;transition-duration:0s}:host(:not([target])) .dot,:host([strategy=disabled]) .dot{position:static}:host-context(.pref-animation-reduce){transition-duration:0s}:host-context(.pref-animation-reduce) .dot{transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))) .dot{transition-duration:0s}}'}},[1,"mds-notification",{target:[1],value:[1538],visible:[1540],strategy:[1537],max:[514]},void 0,{strategy:[{strategyHandler:0}]}]),l=f,m=function(){"undefined"!=typeof customElements&&["mds-notification","mds-text"].forEach((t=>{switch(t){case"mds-notification":customElements.get(o(t))||customElements.define(o(t),f);break;case"mds-text":customElements.get(o(t))||c()}}))};export{l as MdsNotification,m as defineCustomElement}

package/dist/components/mds-paginator-item2.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as t,h as e,Host as r,transformTag as o}from"@stencil/core/internal/client";import{K as n}from"./keyboard-manager.js";import{d as i}from"./mds-icon2.js";import{d as s}from"./mds-text2.js";const d=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.km=new n,this.disconnectedCallback=()=>{this.km.detachClickBehavior()}}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){this.disabled||this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()}render(){return e(r,{key:"5fb1effadd36aa5f45ca7cd090b890abd3f0df39",tabindex:"0"},void 0!==this.icon?e("mds-icon",{class:"icon",name:this.icon}):e("mds-text",{class:"text",typography:"caption"},e("b",null,e("slot",null))))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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-paginator-item-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-paginator-item-radius{syntax:"<length>";inherits:false;initial-value:200px}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);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));padding-inline:calc(var(--spacing,.0025rem)*300);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:var(--mds-paginator-item-background,transparent);border-radius:var(--mds-paginator-item-radius,200px);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);box-sizing:border-box;color:var(--mds-paginator-item-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));justify-content:center;min-width:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));transition-duration:.2s;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:background-color,box-shadow,color,outline,outline-offset;transition-timing-function:ease-in-out;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover,rgb(var(--tone-neutral-08,107 107 107)));-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([icon]){padding:calc(var(--spacing,.0025rem)*0)}:host([selected]){background-color:var(--mds-paginator-item-background-selected,rgb(var(--variant-primary-03,211 226 255)));-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));fill:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled,rgb(var(--tone-neutral-09,76 76 76)));-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));fill:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));pointer-events:none}.icon{fill:currentColor;padding-inline:calc(var(--spacing,.0025rem)*0)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){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-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}}'}},[257,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]);function m(){"undefined"!=typeof customElements&&["mds-paginator-item","mds-icon","mds-text"].forEach((a=>{switch(a){case"mds-paginator-item":customElements.get(o(a))||customElements.define(o(a),d);break;case"mds-icon":customElements.get(o(a))||i();break;case"mds-text":customElements.get(o(a))||s()}}))}export{d as M,m as d}
+import{proxyCustomElement as a,HTMLElement as e,h as t,Host as r,transformTag as o}from"@stencil/core/internal/client";import{K as n}from"./keyboard-manager.js";import{d as i}from"./mds-icon2.js";import{d as s}from"./mds-text2.js";const d=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.km=new n}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){this.disabled||this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return t(r,{key:"a3ce23954b5e1d520399f1b21d70d585ee016d47",tabindex:"0"},void 0!==this.icon?t("mds-icon",{class:"icon",name:this.icon}):t("mds-text",{class:"text",typography:"caption"},t("b",null,t("slot",null))))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(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-paginator-item-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-paginator-item-radius{syntax:"<length>";inherits:false;initial-value:200px}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);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));padding-inline:calc(var(--spacing,.0025rem)*300);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:var(--mds-paginator-item-background,transparent);border-radius:var(--mds-paginator-item-radius,200px);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);box-sizing:border-box;color:var(--mds-paginator-item-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));justify-content:center;min-width:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));transition-duration:.2s;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:background-color,box-shadow,color,outline,outline-offset;transition-timing-function:ease-in-out;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover,rgb(var(--tone-neutral-08,107 107 107)));-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([icon]){padding:calc(var(--spacing,.0025rem)*0)}:host([selected]){background-color:var(--mds-paginator-item-background-selected,rgb(var(--variant-primary-03,211 226 255)));-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));fill:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled,rgb(var(--tone-neutral-09,76 76 76)));-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));fill:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));pointer-events:none}.icon{fill:currentColor;padding-inline:calc(var(--spacing,.0025rem)*0)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){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-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}}'}},[257,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]);function m(){"undefined"!=typeof customElements&&["mds-paginator-item","mds-icon","mds-text"].forEach((a=>{switch(a){case"mds-paginator-item":customElements.get(o(a))||customElements.define(o(a),d);break;case"mds-icon":customElements.get(o(a))||i();break;case"mds-text":customElements.get(o(a))||s()}}))}export{d as M,m as d}

package/dist/components/mds-paginator.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as a,Host as s,transformTag as r}from"@stencil/core/internal/client";import{m as i}from"./arrow-back.js";import{m as n}from"./arrow-forward.js";import{d}from"./mds-icon2.js";import{d as m}from"./mds-paginator-item2.js";import{d as h}from"./mds-text2.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChangedEvent=e(this,"mdsPaginatorChange",7),this.pages=0,this.currentPage=1,this.scrollPage=t=>{var o;const e=t,a=null===(o=this.element.shadowRoot)||void 0===o?void 0:o.querySelector(".pages"),s=null==a?void 0:a.querySelectorAll("mds-paginator-item");if(!a||!s)return;if(e<0)return void(a.scrollLeft=0);if(e>s.length-1)return void(a.scrollLeft=s[s.length-1].offsetLeft-a.offsetLeft);const r=s[e];a.scrollLeft=r.offsetLeft-a.offsetLeft-a.offsetWidth/2+r.offsetWidth/2},this.focus=t=>{var o;const e=null===(o=this.element.shadowRoot)||void 0===o?void 0:o.querySelector(".pages"),a=null==e?void 0:e.querySelectorAll("mds-paginator-item");if(a&&t.target){const o=Array.from(a).indexOf(t.target);this.scrollPage(o)}},this.goToPage=(t,o)=>{t<1||t>this.pages||(this.currentPage=t,this.pages>2&&this.scrollPage(this.currentPage-2),this.pageChangedEvent.emit({page:this.currentPage,caller:o}))}}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return a(s,{key:"53dadbcd0f1a03c83615b9847868c3d16b8e2b04"},a("mds-paginator-item",{key:"e9e6a0ce2b6dd608c5bef66e9eb928794d2bebb7",class:"item-icon",icon:i,disabled:1===this.currentPage,onClick:t=>this.goToPage(this.currentPage-1,t.target)}),this.pages>0&&a("mds-paginator-item",{key:"ab71d039385d9255485e44e99fc4847e8de97f4d",class:"item-first",selected:1===this.currentPage,onClick:t=>this.goToPage(1,t.target)},"1"),this.pages>2&&a("div",{key:"da162b65848571503faded3ea6b856e617dda1f8",class:"pages"},Array.from(Array(this.pages-2).keys()).map((t=>a("mds-paginator-item",{key:t,class:"item",selected:this.currentPage===t+2,onClick:o=>this.goToPage(t+2,o.target),onFocus:this.focus},t+2)))),this.pages>1&&a("mds-paginator-item",{key:"3b3206c3545b29c8fac56754b3d18918ea9d517f",class:"item-last",selected:this.currentPage===this.pages,onClick:t=>this.goToPage(this.pages,t.target)},this.pages),a("mds-paginator-item",{key:"0b909ae6420a8744617ade4372aacbc4ca9e2795",class:"item-icon",icon:n,disabled:this.currentPage===this.pages,onClick:t=>this.goToPage(this.currentPage+1,t.target)}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-paginator-item: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-paginator-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}:host{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.pages{margin-inline:calc(var(--spacing,.0025rem)*200);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*200);scrollbar-width:none;--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-paginator-background,rgb(var(--tone-neutral-09,76 76 76)));display:flex;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:var(--mds-paginator-scroll-behavior,smooth);transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pages::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-animation-reduce) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host-context(:root.pref-contrast-more) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-more) .item-first,:host-context(:root.pref-contrast-more) .item-last,:host-context(:root.pref-contrast-more) .item-icon){--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))) .pages{--mds-paginator-scroll-behavior:auto;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-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-first,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-last{--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}}'}},[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]),l=c,p=function(){"undefined"!=typeof customElements&&["mds-paginator","mds-icon","mds-paginator-item","mds-text"].forEach((t=>{switch(t){case"mds-paginator":customElements.get(r(t))||customElements.define(r(t),c);break;case"mds-icon":customElements.get(r(t))||d();break;case"mds-paginator-item":customElements.get(r(t))||m();break;case"mds-text":customElements.get(r(t))||h()}}))};export{l as MdsPaginator,p as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as a,Host as s,transformTag as r}from"@stencil/core/internal/client";import{m as i}from"./arrow-back.js";import{m as n}from"./arrow-forward.js";import{d}from"./mds-icon2.js";import{d as m}from"./mds-paginator-item2.js";import{d as c}from"./mds-text2.js";const h=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChangedEvent=e(this,"mdsPaginatorChange",7),this.pages=0,this.currentPage=1,this.scrollPage=t=>{var o;const e=t,a=null===(o=this.element.shadowRoot)||void 0===o?void 0:o.querySelector(".pages"),s=null==a?void 0:a.querySelectorAll("mds-paginator-item");if(!a||!s)return;if(e<0)return void(a.scrollLeft=0);if(e>s.length-1)return void(a.scrollLeft=s[s.length-1].offsetLeft-a.offsetLeft);const r=s[e];a.scrollLeft=r.offsetLeft-a.offsetLeft-a.offsetWidth/2+r.offsetWidth/2},this.focus=t=>{var o;const e=null===(o=this.element.shadowRoot)||void 0===o?void 0:o.querySelector(".pages"),a=null==e?void 0:e.querySelectorAll("mds-paginator-item");if(a&&t.target){const o=Array.from(a).indexOf(t.target);this.scrollPage(o)}},this.goToPage=(t,o)=>{t<1||t>this.pages||(this.currentPage=t,this.pages>2&&this.scrollPage(this.currentPage-2),this.pageChangedEvent.emit({page:this.currentPage,caller:o}))}}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return a(s,{key:"4ed1b9e1dba19bfa2d273b9a6e97acdf70bcbd98"},a("mds-paginator-item",{key:"61c2c9e923a9685a13521dce6e62f200346ac0f5",class:"item-icon",icon:i,disabled:1===this.currentPage,onClick:t=>this.goToPage(this.currentPage-1,t.target)}),this.pages>0&&a("mds-paginator-item",{key:"add4aed4b4db4a9f80be51c5725831a5da470e5d",class:"item-first",selected:1===this.currentPage,onClick:t=>this.goToPage(1,t.target)},"1"),this.pages>2&&a("div",{key:"d0dc076d524c9069d5698861f8c04027d4c1533a",class:"pages"},Array.from(Array(this.pages-2).keys()).map((t=>a("mds-paginator-item",{key:t,class:"item",selected:this.currentPage===t+2,onClick:o=>this.goToPage(t+2,o.target),onFocus:this.focus},t+2)))),this.pages>1&&a("mds-paginator-item",{key:"1df645052a85be2f27c51204a2e6bb62c3d38100",class:"item-last",selected:this.currentPage===this.pages,onClick:t=>this.goToPage(this.pages,t.target)},this.pages),a("mds-paginator-item",{key:"68bbe209171c987c6ca3df09347ad430ad2bd179",class:"item-icon",icon:n,disabled:this.currentPage===this.pages,onClick:t=>this.goToPage(this.currentPage+1,t.target)}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-paginator-item: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-paginator-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}:host{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.pages{margin-inline:calc(var(--spacing,.0025rem)*200);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*200);scrollbar-width:none;--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-paginator-background,rgb(var(--tone-neutral-09,76 76 76)));display:flex;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:var(--mds-paginator-scroll-behavior,smooth);transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pages::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-animation-reduce) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host-context(:root.pref-contrast-more) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-more) .item-first,:host-context(:root.pref-contrast-more) .item-last,:host-context(:root.pref-contrast-more) .item-icon){--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))) .pages{--mds-paginator-scroll-behavior:auto;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-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-first,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-last{--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}}'}},[1,"mds-paginator",{pages:[2],currentPage:[1538,"current-page"]}]),l=h,p=function(){"undefined"!=typeof customElements&&["mds-paginator","mds-icon","mds-paginator-item","mds-text"].forEach((t=>{switch(t){case"mds-paginator":customElements.get(r(t))||customElements.define(r(t),h);break;case"mds-icon":customElements.get(r(t))||d();break;case"mds-paginator-item":customElements.get(r(t))||m();break;case"mds-text":customElements.get(r(t))||c()}}))};export{l as MdsPaginator,p as defineCustomElement}

package/dist/components/mds-policy-ai.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as a,Host as t,transformTag as n}from"@stencil/core/internal/client";import{L as o}from"./locale.js";import{d as r}from"./mds-banner2.js";import{d as s}from"./mds-button2.js";import{d as c}from"./mds-chip2.js";import{d as l}from"./mds-dropdown2.js";import{d}from"./mds-help2.js";import{d as m}from"./mds-icon2.js";import{d as p}from"./mds-spinner2.js";import{d as b}from"./mds-text2.js";import{d as h}from"./mds-tooltip2.js";var u='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill-rule="evenodd" d="M15.318 3a3 3 0 0 1 2.56 1.436l3.666 6a3 3 0 0 1 0 3.129l-3.667 6A3 3 0 0 1 15.317 21H8.684a3 3 0 0 1-2.56-1.436l-3.667-6a3 3 0 0 1 0-3.129l3.666-6A3 3 0 0 1 8.682 3zm-.025 11.293c-.77.77-1.991 1.207-3.293 1.207-1.301 0-2.523-.437-3.293-1.207l-1.414 1.414C8.523 16.937 10.302 17.5 12 17.5c1.699 0 3.477-.563 4.707-1.793zM8 11h2V8H8zm6 0h2V8h-2z" clip-rule="evenodd"/>\n</svg>\n',f='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 1.85-.51 3.65-1.38 5.21l-1.45-1.45a4.994 4.994 0 0 0-.64-6.29a5.003 5.003 0 0 0-7.07 0a5.003 5.003 0 0 0 0 7.07a5.006 5.006 0 0 0 6.29.64l1.72 1.72c-1.19 1.42-2.73 2.51-4.47 3.04c-4.02-1.25-7-5.42-7-9.94V6.3l7-3.11l7 3.11V11zm-7 4c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z"/></svg>',g={bannerDescription:"Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες. Σας συνιστούμε να επαληθεύσετε την ακρίβειά του και να συμβουλευτείτε επίσημες πηγές για οριστικές πληροφορίες.",bannerTitle:"Περιεχόμενο που δημιουργήθηκε με την MIA",cardDescription:"Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες.",cardTitle:"Περιεχόμενο που δημιουργήθηκε με την MIA",chipLabel:"Δημιουργήθηκε με MIA",iconTooltip:"Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες.",iconLinkLabel:"Κάντε κλικ για να διαβάσετε τις πολιτικές μας για την τεχνητή νοημοσύνη",linkLabel:"Πολιτική τεχνητής νοημοσύνης MIA",linkLabelShort:"Πολιτική MIA",linkLabelTitle:"Διαβάστε τις πολιτικές μας για τη χρήση της MIA, της τεχνητής μας νοημοσύνης, και τη δημιουργία αυτόματου περιεχομένου"},v={bannerDescription:"This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies. Please verify its accuracy and consult official sources for definitive information.",bannerTitle:"Content generated with MIA",cardDescription:"This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies.",cardTitle:"Content generated with MIA",chipLabel:"Generated with MIA",iconTooltip:"This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies.",iconLinkLabel:"Click to read our artificial intelligence policies",linkLabel:"MIA Artificial Intelligence Policy",linkLabelShort:"MIA Policy",linkLabelTitle:"Read our policies on the use of MIA, our artificial intelligence, and the automatic generation of content"},y={bannerDescription:"Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes. Te recomendamos verificar su precisión y consultar fuentes oficiales para obtener información definitiva.",bannerTitle:"Contenido generado con MIA",cardDescription:"Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes.",cardTitle:"Contenido generado con MIA",chipLabel:"Generado con MIA",iconTooltip:"Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes.",iconLinkLabel:"Haz clic para leer nuestras políticas sobre inteligencia artificial",linkLabel:"Política de inteligencia artificial de MIA",linkLabelShort:"Política MIA",linkLabelTitle:"Lee nuestras políticas sobre el uso de MIA, nuestra inteligencia artificial, y la generación automática de contenidos"},k={bannerDescription:"Questo contenuto è stato generato automaticamente tramite la nostra intelligenza artificiale MIA e potrebbe contenere inesattezze, ti invitiamo a verificarne l'accuratezza e a consultare fonti ufficiali per informazioni definitive.",bannerTitle:"Contenuto generato con MIA",cardDescription:"Questo contenuto è stato generato automaticamente tramite la nostra intelligenza artificiale MIA e potrebbe contenere inesattezze.",cardTitle:"Contenuto generato con MIA",chipLabel:"Generato con MIA",iconTooltip:"Questo contenuto è stato generato automaticamente dalla nostra intelligenza artificiale MIA e potrebbe contenere inesattezze.",iconLinkLabel:"Clicca per leggere le nostre policy sulla intelligenza artificiale",linkLabel:"Policy MIA intelligenza artificiale",linkLabelShort:"Policy MIA",linkLabelTitle:"Leggi le nostre policy sull'utilizzo di MIA, la nostra intelligenza artificiale e la generazione automatica dei contenuti"};const w=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.t=new o({el:g,en:v,es:y,it:k}),this.variant="chip",this.href="https://www.maggiolieditore.it/il-regolamento-europeo-sull-intelligenza-artificiale.html"}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}componentWillLoad(){this.language=this.t.lang(this.host)}render(){var e,i,n,o,r,s,c;return a(t,{key:"52e4084390944e6b5997224013f16c85b79881b6"},"icon"===this.variant&&a("mds-help",{key:"13b88d273708b5c87a2e2217020d82a5bb3ecb63",icon:u,class:"icon-help",onClick:()=>window.open(this.href,"_blank"),part:"icon"},a("div",{key:"435a308d598368d4fb7f94c704e1654228372e4f",class:"icon-tip-content"},a("mds-text",{key:"d7d12d83e7a40091faf657f9eef83577e59b91d5",typography:"tip"},null!==(e=this.headline)&&void 0!==e?e:this.t.get("iconTooltip")),a("mds-text",{key:"cc00b62ea4d83d3f4710a49eda0391e9a32d5e53",typography:"tip"},null!==(i=this.description)&&void 0!==i?i:this.t.get("iconLinkLabel")))),"chip"===this.variant&&a("div",{key:"16c46a6a4d593ef3e92de6e35467fef86bea776e",class:"chip-wrapper",part:"chip"},a("mds-chip",{key:"9ff4a524805a36cbb6790f104c7ea08db292cf0d",id:"chip",icon:u,class:"chip",variant:"ai",label:null!==(n=this.headline)&&void 0!==n?n:this.t.get("chipLabel")}),a("mds-dropdown",{key:"03c850f6519a43a51435e8efb922885f9cd63d9f",target:"#chip",class:"chip-dropdown",interaction:"mouseover"},a("mds-text",{key:"486f6ff03cb46581c070fd9ee6eec7cef0b54cdf",typography:"tip"},null!==(o=this.description)&&void 0!==o?o:this.t.get("cardDescription")),a("mds-button",{key:"15696484d187340f64874982bfa85645203ce258",icon:f,href:this.href,variant:"ai",tone:"weak",size:"sm"},this.t.get("linkLabel")))),"card"===this.variant&&a("div",{key:"b8a3a49f8860f280aafab125e86b19e87f10b64b",class:"mini-card",part:"card"},a("mds-icon",{key:"50a3a9290642b35e55ab974e51787ac2805846b3",name:u,class:"mini-card-icon"}),a("div",{key:"29e9d9fdf11586717208ea0d49772cb2a29e5fff",class:"mini-card-content"},a("mds-text",{key:"7364a5dc1ae7138abc0143af1665090bd0c43b89",typography:"caption"},null!==(r=this.description)&&void 0!==r?r:this.t.get("iconTooltip")),a("mds-button",{key:"febc3610d58da8ea6ce532572a85af62236e11de",class:"mini-card-button",icon:f,href:this.href,variant:"ai",tone:"weak",size:"sm"},a("span",{key:"fec3de6d377fc90078c93a606056798dbfdd5cf5",class:"link-label-long"},this.t.get("linkLabel")),a("span",{key:"4fb2efb5a11e1953c5e30c39abc641c1e914ffc6",class:"link-label-short"},this.t.get("linkLabelShort"))))),"banner"===this.variant&&a("mds-banner",{key:"8fe8399ba4b942b8d5ea0e54ee69857a5a5441d6",class:"banner",variant:"ai",tone:"weak",icon:u,headline:null!==(s=this.headline)&&void 0!==s?s:this.t.get("bannerTitle"),part:"banner"},a("mds-text",{key:"015aec47af1a58fad80cafd49c7b11334e862d8b",typography:"caption"},null!==(c=this.description)&&void 0!==c?c:this.t.get("bannerDescription")),a("mds-button",{key:"4bcd115e47e83db1b48f8c8af23506410d280828",icon:f,slot:"action",href:this.href,variant:"ai",tone:"weak",size:"sm"},a("span",{key:"40f2bd1b17300871148d76d278fb9082665bb429",class:"link-label-long"},this.t.get("linkLabel")),a("span",{key:"27928dd565847e43e9585368add57e8304d05e7c",class:"link-label-short"},this.t.get("linkLabelShort")))))}get host(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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;:host(:not(:is([hydrated],.hydrated))),:is(mds-banner,mds-button,mds-chip,mds-dropdown,mds-help,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}:host{display:inline-flex}:host(:not([variant=icon])){container:mds-policy-ai/inline-size;width:100%}mds-button{justify-self:start}.banner{--mds-banner-cockade-background:rgb(var(--variant-ai-05,202 174 251));--mds-banner-icon-color:rgb(var(--variant-ai-10,63 7 161))}.mini-card{background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);display:inline-flex;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*400)}.mini-card-icon{background-color:rgb(var(--variant-ai-05,202 174 251));border-radius:var(--radius-2xl,24px);border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);fill:rgb(var(--variant-ai-10,63 7 161));height:calc(var(--spacing,.0025rem)*600);margin-top:calc(var(--spacing,.0025rem)*-400);padding:calc(var(--spacing,.0025rem)*100);padding-top:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*600)}.link-label-short{display:none}.mini-card-content{display:grid;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%))}.mini-card-button{max-width:min-content;min-width:0;width:100%}@container mds-policy-ai (max-width:260px){.mini-card{display:grid}.mini-card-icon{border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);margin-top:calc(var(--spacing,.0025rem)*-400);padding-top:calc(var(--spacing,.0025rem)*200)}.mini-card-button{max-width:none}.link-label-long{display:none}.link-label-short{display:inline}}.chip{cursor:help}.chip-dropdown{max-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*300) calc(var(--spacing,.0025rem)*400)}.icon-help{background-color:rgb(var(--variant-ai-05,202 174 251));border:1px solid rgb(var(--tone-neutral,0 0 0));border-radius:calc(var(--spacing,.0025rem)*600);cursor:pointer;fill:rgb(var(--variant-ai-10,63 7 161));height:min-content;width:min-content}.icon-tip-content{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.icon-help::part(icon){height:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}"}},[1,"mds-policy-ai",{headline:[513],description:[513],variant:[513],href:[513],language:[32],updateLang:[64]}]),x=w,A=function(){"undefined"!=typeof customElements&&["mds-policy-ai","mds-banner","mds-button","mds-chip","mds-dropdown","mds-help","mds-icon","mds-spinner","mds-text","mds-tooltip"].forEach((e=>{switch(e){case"mds-policy-ai":customElements.get(n(e))||customElements.define(n(e),w);break;case"mds-banner":customElements.get(n(e))||r();break;case"mds-button":customElements.get(n(e))||s();break;case"mds-chip":customElements.get(n(e))||c();break;case"mds-dropdown":customElements.get(n(e))||l();break;case"mds-help":customElements.get(n(e))||d();break;case"mds-icon":customElements.get(n(e))||m();break;case"mds-spinner":customElements.get(n(e))||p();break;case"mds-text":customElements.get(n(e))||b();break;case"mds-tooltip":customElements.get(n(e))||h()}}))};export{x as MdsPolicyAi,A as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,h as a,Host as t,transformTag as n}from"@stencil/core/internal/client";import{L as o}from"./locale.js";import{d as r}from"./mds-banner2.js";import{d as c}from"./mds-button2.js";import{d as s}from"./mds-chip2.js";import{d as l}from"./mds-dropdown2.js";import{d}from"./mds-help2.js";import{d as m}from"./mds-icon2.js";import{d as p}from"./mds-spinner2.js";import{d as b}from"./mds-text2.js";import{d as h}from"./mds-tooltip2.js";var u='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill-rule="evenodd" d="M15.318 3a3 3 0 0 1 2.56 1.436l3.666 6a3 3 0 0 1 0 3.129l-3.667 6A3 3 0 0 1 15.317 21H8.684a3 3 0 0 1-2.56-1.436l-3.667-6a3 3 0 0 1 0-3.129l3.666-6A3 3 0 0 1 8.682 3zm-.025 11.293c-.77.77-1.991 1.207-3.293 1.207-1.301 0-2.523-.437-3.293-1.207l-1.414 1.414C8.523 16.937 10.302 17.5 12 17.5c1.699 0 3.477-.563 4.707-1.793zM8 11h2V8H8zm6 0h2V8h-2z" clip-rule="evenodd"/>\n</svg>\n',f='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12c5.16-1.26 9-6.45 9-12V5l-9-4zm7 10c0 1.85-.51 3.65-1.38 5.21l-1.45-1.45a4.994 4.994 0 0 0-.64-6.29a5.003 5.003 0 0 0-7.07 0a5.003 5.003 0 0 0 0 7.07a5.006 5.006 0 0 0 6.29.64l1.72 1.72c-1.19 1.42-2.73 2.51-4.47 3.04c-4.02-1.25-7-5.42-7-9.94V6.3l7-3.11l7 3.11V11zm-7 4c-1.66 0-3-1.34-3-3s1.34-3 3-3s3 1.34 3 3s-1.34 3-3 3z"/></svg>',g={bannerDescription:"Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες. Σας συνιστούμε να επαληθεύσετε την ακρίβειά του και να συμβουλευτείτε επίσημες πηγές για οριστικές πληροφορίες.",bannerTitle:"Περιεχόμενο που δημιουργήθηκε με την MIA",cardDescription:"Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες.",cardTitle:"Περιεχόμενο που δημιουργήθηκε με την MIA",chipLabel:"Δημιουργήθηκε με MIA",iconTooltip:"Αυτό το περιεχόμενο δημιουργήθηκε αυτόματα από την τεχνητή μας νοημοσύνη MIA και ενδέχεται να περιέχει ανακρίβειες.",iconLinkLabel:"Κάντε κλικ για να διαβάσετε τις πολιτικές μας για την τεχνητή νοημοσύνη",linkLabel:"Πολιτική τεχνητής νοημοσύνης MIA",linkLabelShort:"Πολιτική MIA",linkLabelTitle:"Διαβάστε τις πολιτικές μας για τη χρήση της MIA, της τεχνητής μας νοημοσύνης, και τη δημιουργία αυτόματου περιεχομένου"},v={bannerDescription:"This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies. Please verify its accuracy and consult official sources for definitive information.",bannerTitle:"Content generated with MIA",cardDescription:"This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies.",cardTitle:"Content generated with MIA",chipLabel:"Generated with MIA",iconTooltip:"This content was automatically generated by our artificial intelligence MIA and may contain inaccuracies.",iconLinkLabel:"Click to read our artificial intelligence policies",linkLabel:"MIA Artificial Intelligence Policy",linkLabelShort:"MIA Policy",linkLabelTitle:"Read our policies on the use of MIA, our artificial intelligence, and the automatic generation of content"},y={bannerDescription:"Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes. Te recomendamos verificar su precisión y consultar fuentes oficiales para obtener información definitiva.",bannerTitle:"Contenido generado con MIA",cardDescription:"Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes.",cardTitle:"Contenido generado con MIA",chipLabel:"Generado con MIA",iconTooltip:"Este contenido fue generado automáticamente por nuestra inteligencia artificial MIA y puede contener inexactitudes.",iconLinkLabel:"Haz clic para leer nuestras políticas sobre inteligencia artificial",linkLabel:"Política de inteligencia artificial de MIA",linkLabelShort:"Política MIA",linkLabelTitle:"Lee nuestras políticas sobre el uso de MIA, nuestra inteligencia artificial, y la generación automática de contenidos"},k={bannerDescription:"Questo contenuto è stato generato automaticamente tramite la nostra intelligenza artificiale MIA e potrebbe contenere inesattezze, ti invitiamo a verificarne l'accuratezza e a consultare fonti ufficiali per informazioni definitive.",bannerTitle:"Contenuto generato con MIA",cardDescription:"Questo contenuto è stato generato automaticamente tramite la nostra intelligenza artificiale MIA e potrebbe contenere inesattezze.",cardTitle:"Contenuto generato con MIA",chipLabel:"Generato con MIA",iconTooltip:"Questo contenuto è stato generato automaticamente dalla nostra intelligenza artificiale MIA e potrebbe contenere inesattezze.",iconLinkLabel:"Clicca per leggere le nostre policy sulla intelligenza artificiale",linkLabel:"Policy MIA intelligenza artificiale",linkLabelShort:"Policy MIA",linkLabelTitle:"Leggi le nostre policy sull'utilizzo di MIA, la nostra intelligenza artificiale e la generazione automatica dei contenuti"};const w=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.t=new o({el:g,en:v,es:y,it:k}),this.variant="chip",this.href="https://www.maggiolieditore.it/il-regolamento-europeo-sull-intelligenza-artificiale.html"}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}componentWillLoad(){this.language=this.t.lang(this.host)}render(){var e,i,n,o,r,c,s;return a(t,{key:"180b7243e44a357e7db8b7229f5e1a611ad348ef"},"icon"===this.variant&&a("mds-help",{key:"0e0a58df39c44b69fe57d0334ff056e334d6a72c",icon:u,class:"icon-help",onClick:()=>window.open(this.href,"_blank"),part:"icon"},a("div",{key:"d4be853abef5c66e8f3324164bbdb669e37e5c03",class:"icon-tip-content"},a("mds-text",{key:"af0f50fd3b06d0c0ab74c5c12ff8e5961806e700",typography:"tip"},null!==(e=this.headline)&&void 0!==e?e:this.t.get("iconTooltip")),a("mds-text",{key:"bad93f3743723f58ee2435a716e92cb9ada5f5bb",typography:"tip"},null!==(i=this.description)&&void 0!==i?i:this.t.get("iconLinkLabel")))),"chip"===this.variant&&a("div",{key:"037832247d7ca9649c9406816e8d7ca7922dfa2d",class:"chip-wrapper",part:"chip"},a("mds-chip",{key:"2e14a6f7023c18f4e010e23bdd57a6fa4723628c",id:"chip",icon:u,class:"chip",variant:"ai",label:null!==(n=this.headline)&&void 0!==n?n:this.t.get("chipLabel")}),a("mds-dropdown",{key:"3b72d13f2102d298886e645f3b70194d5c8bf734",target:"#chip",class:"chip-dropdown",interaction:"mouseover"},a("mds-text",{key:"24b27e379de7649dfbdf077e1caefa0acf3a5869",typography:"tip"},null!==(o=this.description)&&void 0!==o?o:this.t.get("cardDescription")),a("mds-button",{key:"e47c83b97052c9bfe242db9a483e45297458c083",icon:f,href:this.href,variant:"ai",tone:"weak",size:"sm"},this.t.get("linkLabel")))),"card"===this.variant&&a("div",{key:"06fb1b85d8fd6427330168b65b9b37220dd4db85",class:"mini-card",part:"card"},a("mds-icon",{key:"71135cc52957dd7c5d57da17ea318fcfda0e47e0",name:u,class:"mini-card-icon"}),a("div",{key:"f6f56a483d41281610f2f0e4a985608682064b2f",class:"mini-card-content"},a("mds-text",{key:"657ad59925488f4d9607b46adaadf42a9518feac",typography:"caption"},null!==(r=this.description)&&void 0!==r?r:this.t.get("iconTooltip")),a("mds-button",{key:"497017289206c7c759af010ebcd3577ad3a651fe",class:"mini-card-button",icon:f,href:this.href,variant:"ai",tone:"weak",size:"sm"},a("span",{key:"6f3b46fa197f97225b32b4e5c7a093a1385fa37a",class:"link-label-long"},this.t.get("linkLabel")),a("span",{key:"62969daf704920f6009acb5982f7b83c5030ac03",class:"link-label-short"},this.t.get("linkLabelShort"))))),"banner"===this.variant&&a("mds-banner",{key:"70ce614c9095b73996ebfe1340ff84e03db63355",class:"banner",variant:"ai",tone:"weak",icon:u,headline:null!==(c=this.headline)&&void 0!==c?c:this.t.get("bannerTitle"),part:"banner"},a("mds-text",{key:"89380acb2e798700055248211aafa26476868cc8",typography:"caption"},null!==(s=this.description)&&void 0!==s?s:this.t.get("bannerDescription")),a("mds-button",{key:"db2abdc66d0571891bbfca5b4cf4d5e961ee30fb",icon:f,slot:"action",href:this.href,variant:"ai",tone:"weak",size:"sm"},a("span",{key:"d5ce410ac6dd095f04547760e6d868cd1c624ca7",class:"link-label-long"},this.t.get("linkLabel")),a("span",{key:"98268919c96e34a931c55bf2cf39dde5227dabfa",class:"link-label-short"},this.t.get("linkLabelShort")))))}get host(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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;:host(:not(:is([hydrated],.hydrated))),:is(mds-banner,mds-button,mds-chip,mds-dropdown,mds-help,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}:host{display:inline-flex}:host(:not([variant=icon])){container:mds-policy-ai/inline-size;width:100%}mds-button{justify-self:start}.banner{--mds-banner-cockade-background:rgb(var(--variant-ai-05,202 174 251));--mds-banner-icon-color:rgb(var(--variant-ai-10,63 7 161))}.mini-card{background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);display:inline-flex;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*400)}.mini-card-icon{background-color:rgb(var(--variant-ai-05,202 174 251));border-radius:var(--radius-2xl,24px);border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);fill:rgb(var(--variant-ai-10,63 7 161));height:calc(var(--spacing,.0025rem)*600);margin-top:calc(var(--spacing,.0025rem)*-400);padding:calc(var(--spacing,.0025rem)*100);padding-top:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*600)}.link-label-short{display:none}.mini-card-content{display:grid;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%))}.mini-card-button{max-width:min-content;min-width:0;width:100%}@container mds-policy-ai (max-width:260px){.mini-card{display:grid}.mini-card-icon{border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);margin-top:calc(var(--spacing,.0025rem)*-400);padding-top:calc(var(--spacing,.0025rem)*200)}.mini-card-button{max-width:none}.link-label-long{display:none}.link-label-short{display:inline}}.chip{cursor:help}.chip-dropdown{max-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*300) calc(var(--spacing,.0025rem)*400)}.icon-help{background-color:rgb(var(--variant-ai-05,202 174 251));border:1px solid rgb(var(--tone-neutral,0 0 0));border-radius:calc(var(--spacing,.0025rem)*600);cursor:pointer;fill:rgb(var(--variant-ai-10,63 7 161));height:min-content;width:min-content}.icon-tip-content{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.icon-help::part(icon){height:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}"}},[1,"mds-policy-ai",{headline:[513],description:[513],variant:[513],href:[513],language:[32],updateLang:[64]}]),x=w,A=function(){"undefined"!=typeof customElements&&["mds-policy-ai","mds-banner","mds-button","mds-chip","mds-dropdown","mds-help","mds-icon","mds-spinner","mds-text","mds-tooltip"].forEach((e=>{switch(e){case"mds-policy-ai":customElements.get(n(e))||customElements.define(n(e),w);break;case"mds-banner":customElements.get(n(e))||r();break;case"mds-button":customElements.get(n(e))||c();break;case"mds-chip":customElements.get(n(e))||s();break;case"mds-dropdown":customElements.get(n(e))||l();break;case"mds-help":customElements.get(n(e))||d();break;case"mds-icon":customElements.get(n(e))||m();break;case"mds-spinner":customElements.get(n(e))||p();break;case"mds-text":customElements.get(n(e))||b();break;case"mds-tooltip":customElements.get(n(e))||h()}}))};export{x as MdsPolicyAi,A as defineCustomElement}

package/dist/components/mds-pref-animation.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as a,transformTag as n}from"@stencil/core/internal/client";import{m as o}from"./circle.js";import{m}from"./settings.js";import{L as r}from"./locale.js";import{d as c}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as l}from"./mds-spinner2.js";import{d as b}from"./mds-tab2.js";import{d as h}from"./mds-tab-item2.js";import{d as f}from"./mds-text2.js";var p={animationDisabled:"Απενεργοποιημένο",animationEnabled:"Ενεργοποιημένο",label:"Κινηματογραφήσεις",systemSettings:"Ρυθμίσεις συστήματος"},u={animationDisabled:"Disabled",animationEnabled:"Enabled",label:"Animations",systemSettings:"System settings"},y={animationDisabled:"Deshabilitadas",animationEnabled:"Habilitadas",label:"Animaciones",systemSettings:"Sistema operativo"},g={animationDisabled:"Disabilitate",animationEnabled:"Abilitate",label:"Animazioni",systemSettings:"Sistema operativo"};const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefAnimation",this.customPropertyAlias="--magma-pref-animation",this.defaultMode="system",this.t=new r({el:p,en:u,es:y,it:g}),this.animation={reduce:{selector:"pref-animation-reduce",label:"animationDisabled"},system:{selector:"pref-animation-system",label:"systemSettings"},"no-preference":{selector:"pref-animation-no-preference",label:"animationEnabled"}},this.setAnimation=e=>{if(this.prefChangeEvent.emit({preference:"animation"}),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),document){const e=document.querySelector("html");for(const t in this.animation)({}).hasOwnProperty.call(this.animation,t)&&(null==e||e.classList.remove(this.animation[t].selector));null==e||e.classList.add(this.animation[this.mode].selector),null==e||e.style.setProperty(this.customPropertyAlias,this.mode)}}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),this.setAnimation(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}modeChanged(e){this.setAnimation(e)}render(){var e;return i(a,{key:"d8d97e6e1a5684af95b6a4602e759a1cbcf7cae7"},i("mds-text",{key:"14bbea6444bc69042583a78ff48135ae6b87a1bf",class:"info",typography:"caption"},i("b",{key:"5fc12248f44981ef9f2174a7073822b1640c93ad"},this.t.get("label"))," ",this.t.get(this.animation[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label)),i("mds-tab",{key:"9ecce808da035fca4887ccaeaeaba4d0479ceea9",fill:!0,size:this.size},i("mds-tab-item",{key:"fbf817158e8aed566bc42b788b3c1e7e1bd70424",selected:"reduce"===this.mode,onClick:()=>{this.setAnimation("reduce")},class:"item item--reduce",icon:o}),i("mds-tab-item",{key:"1d030f1e4b64ad1005581c77181a284f88906ae3",selected:"system"===this.mode,onClick:()=>{this.setAnimation("system")},class:"item item--system",icon:m}),i("mds-tab-item",{key:"6a1c4bbc869df8c0f9596ef522848ff6e99f7581",selected:"no-preference"===this.mode,onClick:()=>{this.setAnimation("no-preference")},class:"item item--no-preference",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 2c-2.71 0-5.05 1.54-6.22 3.78a7.062 7.062 0 0 0-3 3A7.014 7.014 0 0 0 2 15c0 3.87 3.13 7 7 7c2.71 0 5.05-1.54 6.22-3.78a7.062 7.062 0 0 0 3-3A7.014 7.014 0 0 0 22 9c0-3.87-3.13-7-7-7zM9 20a5.002 5.002 0 0 1-4-8c0 3.87 3.13 7 7 7c-.84.63-1.88 1-3 1zm3-3a5.002 5.002 0 0 1-4-8c0 3.86 3.13 6.99 7 7c-.84.63-1.88 1-3 1zm4.7-3.3c-.53.19-1.1.3-1.7.3c-2.76 0-5-2.24-5-5c0-.6.11-1.17.3-1.7c.53-.19 1.1-.3 1.7-.3c2.76 0 5 2.24 5 5c0 .6-.11 1.17-.3 1.7zM19 12c0-3.86-3.13-6.99-7-7a5.002 5.002 0 0 1 7 7z"/></svg>'})))}get element(){return this}static get watchers(){return{mode:[{modeChanged: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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--disabled,.item--enabled,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[1,"mds-pref-animation",{size:[513],mode:[1537],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),k=v,x=function(){"undefined"!=typeof customElements&&["mds-pref-animation","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((e=>{switch(e){case"mds-pref-animation":customElements.get(n(e))||customElements.define(n(e),v);break;case"mds-button":customElements.get(n(e))||c();break;case"mds-icon":customElements.get(n(e))||d();break;case"mds-spinner":customElements.get(n(e))||l();break;case"mds-tab":customElements.get(n(e))||b();break;case"mds-tab-item":customElements.get(n(e))||h();break;case"mds-text":customElements.get(n(e))||f()}}))};export{k as MdsPrefAnimation,x as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as a,transformTag as n}from"@stencil/core/internal/client";import{m as o}from"./circle.js";import{m}from"./settings.js";import{L as r}from"./locale.js";import{d}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as b}from"./mds-tab2.js";import{d as h}from"./mds-tab-item2.js";import{d as p}from"./mds-text2.js";var f={animationDisabled:"Απενεργοποιημένο",animationEnabled:"Ενεργοποιημένο",label:"Κινηματογραφήσεις",systemSettings:"Ρυθμίσεις συστήματος"},u={animationDisabled:"Disabled",animationEnabled:"Enabled",label:"Animations",systemSettings:"System settings"},y={animationDisabled:"Deshabilitadas",animationEnabled:"Habilitadas",label:"Animaciones",systemSettings:"Sistema operativo"},g={animationDisabled:"Disabilitate",animationEnabled:"Abilitate",label:"Animazioni",systemSettings:"Sistema operativo"};const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefAnimation",this.customPropertyAlias="--magma-pref-animation",this.defaultMode="system",this.t=new r({el:f,en:u,es:y,it:g}),this.animation={reduce:{selector:"pref-animation-reduce",label:"animationDisabled"},system:{selector:"pref-animation-system",label:"systemSettings"},"no-preference":{selector:"pref-animation-no-preference",label:"animationEnabled"}},this.setAnimation=e=>{if(this.prefChangeEvent.emit({preference:"animation"}),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),"undefined"!=typeof document){const e=document.querySelector("html");for(const t in this.animation)({}).hasOwnProperty.call(this.animation,t)&&(null==e||e.classList.remove(this.animation[t].selector));null==e||e.classList.add(this.animation[this.mode].selector),null==e||e.style.setProperty(this.customPropertyAlias,this.mode)}}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),this.setAnimation(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}modeChanged(e){this.setAnimation(e)}render(){var e;return i(a,{key:"e1be2ae76dff92f92d5e69ab734bed63ad01424b"},i("mds-text",{key:"417cb750be71fae999a965bfc145369261612756",class:"info",typography:"caption"},i("b",{key:"477428e9968b1758f407229d4efe007ec7262e14"},this.t.get("label"))," ",this.t.get(this.animation[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label)),i("mds-tab",{key:"3757e5d83c8dbbfa00684e4b6401410c748610e5",fill:!0,size:this.size},i("mds-tab-item",{key:"8b5f05aea83cee047f799b620c5523b2afdd862a",selected:"reduce"===this.mode,onClick:()=>{this.setAnimation("reduce")},class:"item item--reduce",icon:o}),i("mds-tab-item",{key:"3b782904bc5c2478aab5b448080b49008b0ad300",selected:"system"===this.mode,onClick:()=>{this.setAnimation("system")},class:"item item--system",icon:m}),i("mds-tab-item",{key:"bb84745ea8b40acc0de41d904407a773fedff98a",selected:"no-preference"===this.mode,onClick:()=>{this.setAnimation("no-preference")},class:"item item--no-preference",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 2c-2.71 0-5.05 1.54-6.22 3.78a7.062 7.062 0 0 0-3 3A7.014 7.014 0 0 0 2 15c0 3.87 3.13 7 7 7c2.71 0 5.05-1.54 6.22-3.78a7.062 7.062 0 0 0 3-3A7.014 7.014 0 0 0 22 9c0-3.87-3.13-7-7-7zM9 20a5.002 5.002 0 0 1-4-8c0 3.87 3.13 7 7 7c-.84.63-1.88 1-3 1zm3-3a5.002 5.002 0 0 1-4-8c0 3.86 3.13 6.99 7 7c-.84.63-1.88 1-3 1zm4.7-3.3c-.53.19-1.1.3-1.7.3c-2.76 0-5-2.24-5-5c0-.6.11-1.17.3-1.7c.53-.19 1.1-.3 1.7-.3c2.76 0 5 2.24 5 5c0 .6-.11 1.17-.3 1.7zM19 12c0-3.86-3.13-6.99-7-7a5.002 5.002 0 0 1 7 7z"/></svg>'})))}get element(){return this}static get watchers(){return{mode:[{modeChanged: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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--disabled,.item--enabled,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[1,"mds-pref-animation",{size:[513],mode:[1537],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),k=v,x=function(){"undefined"!=typeof customElements&&["mds-pref-animation","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((e=>{switch(e){case"mds-pref-animation":customElements.get(n(e))||customElements.define(n(e),v);break;case"mds-button":customElements.get(n(e))||d();break;case"mds-icon":customElements.get(n(e))||l();break;case"mds-spinner":customElements.get(n(e))||c();break;case"mds-tab":customElements.get(n(e))||b();break;case"mds-tab-item":customElements.get(n(e))||h();break;case"mds-text":customElements.get(n(e))||p()}}))};export{k as MdsPrefAnimation,x as defineCustomElement}

package/dist/components/mds-pref-consumption.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{L as m}from"./locale.js";import{d as n}from"./mds-button2.js";import{d as r}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d}from"./mds-tab2.js";import{d as l}from"./mds-tab-item2.js";import{d as h}from"./mds-text2.js";var u={consumptionHigh:"Υψηλή",consumptionLow:"Χαμηλή",consumptionMedium:"Μεσαία",label:"Κατανάλωση"},p={consumptionHigh:"High",consumptionLow:"Low",consumptionMedium:"Medium",label:"Consumption"},b={consumptionHigh:"Alto",consumptionLow:"Bajo",consumptionMedium:"Medio",label:"Consumo"},f={consumptionHigh:"Alto",consumptionLow:"Basso",consumptionMedium:"Medio",label:"Consumo"};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefConsumption",this.customPropertyAlias="--magma-pref-consumption",this.defaultMode="high",this.t=new m({el:u,en:p,es:b,it:f}),this.consumption={high:{selector:"pref-consumption-high",label:"consumptionHigh"},medium:{selector:"pref-consumption-medium",label:"consumptionMedium"},low:{selector:"pref-consumption-low",label:"consumptionLow"}},this.setConsumption=t=>{if(this.prefChangeEvent.emit({preference:"consumption"}),this.mode=t,localStorage.setItem(this.localStorageAlias,this.mode),document){const t=document.querySelector("html");for(const e in this.consumption)({}).hasOwnProperty.call(this.consumption,e)&&(null==t||t.classList.remove(this.consumption[e].selector));null==t||t.classList.add(this.consumption[this.mode].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var t,e;this.t.lang(this.element),this.setConsumption(null!==(e=null!==(t=this.mode)&&void 0!==t?t:localStorage.getItem(this.localStorageAlias))&&void 0!==e?e:this.defaultMode)}modeChanged(t){this.setConsumption(t)}render(){var t;return o(i,{key:"a868cca8f5a2bf2bc9c9836e63f85fa3ff275851"},o("mds-text",{key:"60c3ce183c6d1ef984ad4acd2a020257c905aae9",class:"info",typography:"caption"},o("b",{key:"5e2f6d2360c6f3fb483fa1f2b93b3acd53854c35"},this.t.get("label"))," ",this.t.get(this.consumption[null!==(t=this.mode)&&void 0!==t?t:this.defaultMode].label)),o("mds-tab",{key:"a09fc79aad33d6a1e91a49e806a768bb72586462",fill:!0,size:this.size},o("mds-tab-item",{key:"33b0f441536fc9362f18ecd4704f431f256fbee6",selected:"low"===this.mode,onClick:()=>{this.setConsumption("low")},class:"item item--low",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.314 12.492c-.943-.837-4.99-3.526-8.385-5.563 2.037 3.395 4.726 7.442 5.563 8.384q.045.052.094.101a2 2 0 1 0 2.728-2.922"/>\n  <path d="M2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-5.523-4.477-10-10-10a9.95 9.95 0 0 0-5.416 1.592c.64.39 1.292.795 1.937 1.202A8 8 0 0 1 18.93 18H5.07A7.96 7.96 0 0 1 4 14c0-1.247.285-2.427.794-3.48-.407-.644-.812-1.297-1.202-1.936A9.95 9.95 0 0 0 2 14"/>\n</svg>\n'}),o("mds-tab-item",{key:"79884e15aa766b134beeb20d82286caac3d08ebf",selected:"medium"===this.mode,onClick:()=>{this.setConsumption("medium")},class:"item item--medium",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M9.885 4.224C5.378 5.194 2 9.203 2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-4.797-3.378-8.805-7.885-9.776.177.728.352 1.476.52 2.22A8.003 8.003 0 0 1 18.93 18H5.07A8.003 8.003 0 0 1 9.365 6.444a137 137 0 0 1 .52-2.22"/>\n  <path d="M13.995 13.862C13.921 12.605 12.96 7.842 12 4c-.96 3.841-1.92 8.605-1.995 9.862a2 2 0 1 0 3.99 0"/>\n</svg>\n'}),o("mds-tab-item",{key:"9c6604fe0bd3827d676fbf2bb4305a5e15317ab3",selected:"high"===this.mode,onClick:()=>{this.setConsumption("high")},class:"item item--high",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.508 15.314c.837-.943 3.526-4.99 5.563-8.385-3.395 2.037-7.443 4.726-8.385 5.563q-.051.045-.1.094a2 2 0 1 0 2.922 2.728"/>\n  <path d="M3.44 19.173A9.95 9.95 0 0 1 2 14C2 8.477 6.477 4 12 4c1.996 0 3.855.585 5.416 1.592-.64.39-1.292.795-1.937 1.202A8 8 0 0 0 5.07 18h13.86A7.96 7.96 0 0 0 20 14a8 8 0 0 0-.794-3.48c.407-.644.813-1.297 1.202-1.936A9.95 9.95 0 0 1 22 14a9.95 9.95 0 0 1-1.44 5.173c-.326.538-.93.827-1.558.827H4.998c-.629 0-1.232-.29-1.558-.827"/>\n</svg>\n'})))}get element(){return this}static get watchers(){return{mode:[{modeChanged: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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--high{--mds-tab-item-selected-color:rgb(var(--status-error-06,239 108 105))}.item--medium{--mds-tab-item-selected-color:rgb(var(--status-warning-06,190 142 0))}.item--low{--mds-tab-item-selected-color:rgb(var(--status-success-06,0 171 97))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:host-context(:root.pref-contrast-more) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:host-context(:root.pref-contrast-more) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}}"}},[1,"mds-pref-consumption",{size:[513],mode:[1537],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),v=g,w=function(){"undefined"!=typeof customElements&&["mds-pref-consumption","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((t=>{switch(t){case"mds-pref-consumption":customElements.get(a(t))||customElements.define(a(t),g);break;case"mds-button":customElements.get(a(t))||n();break;case"mds-icon":customElements.get(a(t))||r();break;case"mds-spinner":customElements.get(a(t))||c();break;case"mds-tab":customElements.get(a(t))||d();break;case"mds-tab-item":customElements.get(a(t))||l();break;case"mds-text":customElements.get(a(t))||h()}}))};export{v as MdsPrefConsumption,w as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{L as m}from"./locale.js";import{d as n}from"./mds-button2.js";import{d as r}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as c}from"./mds-tab2.js";import{d as l}from"./mds-tab-item2.js";import{d as h}from"./mds-text2.js";var u={consumptionHigh:"Υψηλή",consumptionLow:"Χαμηλή",consumptionMedium:"Μεσαία",label:"Κατανάλωση"},p={consumptionHigh:"High",consumptionLow:"Low",consumptionMedium:"Medium",label:"Consumption"},b={consumptionHigh:"Alto",consumptionLow:"Bajo",consumptionMedium:"Medio",label:"Consumo"},f={consumptionHigh:"Alto",consumptionLow:"Basso",consumptionMedium:"Medio",label:"Consumo"};const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefConsumption",this.customPropertyAlias="--magma-pref-consumption",this.defaultMode="high",this.t=new m({el:u,en:p,es:b,it:f}),this.consumption={high:{selector:"pref-consumption-high",label:"consumptionHigh"},medium:{selector:"pref-consumption-medium",label:"consumptionMedium"},low:{selector:"pref-consumption-low",label:"consumptionLow"}},this.setConsumption=t=>{if(this.prefChangeEvent.emit({preference:"consumption"}),this.mode=t,localStorage.setItem(this.localStorageAlias,this.mode),"undefined"!=typeof document){const t=document.querySelector("html");for(const e in this.consumption)({}).hasOwnProperty.call(this.consumption,e)&&(null==t||t.classList.remove(this.consumption[e].selector));null==t||t.classList.add(this.consumption[this.mode].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var t,e;this.t.lang(this.element),this.setConsumption(null!==(e=null!==(t=this.mode)&&void 0!==t?t:localStorage.getItem(this.localStorageAlias))&&void 0!==e?e:this.defaultMode)}modeChanged(t){this.setConsumption(t)}render(){var t;return o(i,{key:"7b3edd2f572afd06f1d1ee154b934d328cc6c0fc"},o("mds-text",{key:"196b4cdad855f3b67ddb455fb0aa692f48d12c04",class:"info",typography:"caption"},o("b",{key:"40b3840da0365693b1e6b08cff11e3cdd1da4819"},this.t.get("label"))," ",this.t.get(this.consumption[null!==(t=this.mode)&&void 0!==t?t:this.defaultMode].label)),o("mds-tab",{key:"7db022de1dadbaf0efc5ec5184eba9d6d1b51f2a",fill:!0,size:this.size},o("mds-tab-item",{key:"4c7aa5cfdae5fd2e3cf5376f216500c0ad4f6bd9",selected:"low"===this.mode,onClick:()=>{this.setConsumption("low")},class:"item item--low",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.314 12.492c-.943-.837-4.99-3.526-8.385-5.563 2.037 3.395 4.726 7.442 5.563 8.384q.045.052.094.101a2 2 0 1 0 2.728-2.922"/>\n  <path d="M2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-5.523-4.477-10-10-10a9.95 9.95 0 0 0-5.416 1.592c.64.39 1.292.795 1.937 1.202A8 8 0 0 1 18.93 18H5.07A7.96 7.96 0 0 1 4 14c0-1.247.285-2.427.794-3.48-.407-.644-.812-1.297-1.202-1.936A9.95 9.95 0 0 0 2 14"/>\n</svg>\n'}),o("mds-tab-item",{key:"3d8c6709bdba914e4aaf6b8969a32b5d2672ebee",selected:"medium"===this.mode,onClick:()=>{this.setConsumption("medium")},class:"item item--medium",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M9.885 4.224C5.378 5.194 2 9.203 2 14c0 1.893.526 3.663 1.44 5.173.326.538.93.827 1.558.827h14.004c.629 0 1.232-.29 1.558-.827A9.95 9.95 0 0 0 22 14c0-4.797-3.378-8.805-7.885-9.776.177.728.352 1.476.52 2.22A8.003 8.003 0 0 1 18.93 18H5.07A8.003 8.003 0 0 1 9.365 6.444a137 137 0 0 1 .52-2.22"/>\n  <path d="M13.995 13.862C13.921 12.605 12.96 7.842 12 4c-.96 3.841-1.92 8.605-1.995 9.862a2 2 0 1 0 3.99 0"/>\n</svg>\n'}),o("mds-tab-item",{key:"53cdc86ee488d3e28a0602db93c5dd7d8bcdfd65",selected:"high"===this.mode,onClick:()=>{this.setConsumption("high")},class:"item item--high",icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M13.508 15.314c.837-.943 3.526-4.99 5.563-8.385-3.395 2.037-7.443 4.726-8.385 5.563q-.051.045-.1.094a2 2 0 1 0 2.922 2.728"/>\n  <path d="M3.44 19.173A9.95 9.95 0 0 1 2 14C2 8.477 6.477 4 12 4c1.996 0 3.855.585 5.416 1.592-.64.39-1.292.795-1.937 1.202A8 8 0 0 0 5.07 18h13.86A7.96 7.96 0 0 0 20 14a8 8 0 0 0-.794-3.48c.407-.644.813-1.297 1.202-1.936A9.95 9.95 0 0 1 22 14a9.95 9.95 0 0 1-1.44 5.173c-.326.538-.93.827-1.558.827H4.998c-.629 0-1.232-.29-1.558-.827"/>\n</svg>\n'})))}get element(){return this}static get watchers(){return{mode:[{modeChanged: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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--high{--mds-tab-item-selected-color:rgb(var(--status-error-06,239 108 105))}.item--medium{--mds-tab-item-selected-color:rgb(var(--status-warning-06,190 142 0))}.item--low{--mds-tab-item-selected-color:rgb(var(--status-success-06,0 171 97))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:host-context(:root.pref-contrast-more) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:host-context(:root.pref-contrast-more) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}}"}},[1,"mds-pref-consumption",{size:[513],mode:[1537],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),v=g,w=function(){"undefined"!=typeof customElements&&["mds-pref-consumption","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((t=>{switch(t){case"mds-pref-consumption":customElements.get(a(t))||customElements.define(a(t),g);break;case"mds-button":customElements.get(a(t))||n();break;case"mds-icon":customElements.get(a(t))||r();break;case"mds-spinner":customElements.get(a(t))||d();break;case"mds-tab":customElements.get(a(t))||c();break;case"mds-tab-item":customElements.get(a(t))||l();break;case"mds-text":customElements.get(a(t))||h()}}))};export{v as MdsPrefConsumption,w as defineCustomElement}

package/dist/components/mds-pref-contrast.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";import{m as a}from"./settings.js";import{L as n}from"./locale.js";import{d as m}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as c}from"./mds-tab2.js";import{d as h}from"./mds-tab-item2.js";import{d as f}from"./mds-text2.js";var b={contrastMore:"Περισσότερο",contrastDefault:"Προεπιλογή",label:"Αντίθεση",systemSettings:"Ρυθμίσεις συστήματος"},p={contrastMore:"More",contrastDefault:"Default",label:"Contrast",systemSettings:"System settings"},u={contrastMore:"Mayor",contrastDefault:"Predeterminado",label:"Contraste",systemSettings:"Sistema operativo"},g={contrastMore:"Maggiore",contrastDefault:"Predefinito",label:"Contrasto",systemSettings:"Sistema operativo"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefContrast",this.customPropertyAlias="--magma-pref-contrast",this.defaultMode="system",this.t=new n({el:b,en:p,es:u,it:g}),this.prefersDefaults={custom:"no-preference",less:"no-preference",more:"more","no-preference":"no-preference"},this.contrast={more:{selector:"pref-contrast-more",label:"contrastMore"},system:{selector:"pref-contrast-system",label:"systemSettings"},"no-preference":{selector:"pref-contrast-no-preference",label:"contrastDefault"}},this.rollbackContrast=()=>{if(!window)return this.defaultMode;for(const e in this.prefersDefaults)if({}.hasOwnProperty.call(this.prefersDefaults,e)&&window.matchMedia(`(prefers-contrast: ${e})`).matches)return this.prefersDefaults[e];throw Error("No prefers-contrast value found.")},this.setContrast=e=>{if(this.prefChangeEvent.emit({preference:"contrast"}),this.rollbackContrast(),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),document){const t=document.querySelector("html");for(const e in this.contrast)({}).hasOwnProperty.call(this.contrast,e)&&(null==t||t.classList.remove(this.contrast[e].selector));null==t||t.classList.add(this.contrast[e].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),this.setContrast(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}modeChanged(e,t){e!==t&&this.setContrast(e)}render(){var e;return o(r,{key:"b2b65db3b7a382669e8d71bbb97eff1ba8ded19d"},o("mds-text",{key:"8a6345d6b3fe5f2bfed8f492edc8559c68841128",class:"info",typography:"caption"},o("b",{key:"ea6c8753913b860d5ace1696ead1bd422574fa6a"},this.t.get("label"))," ",this.t.get(this.contrast[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label)),o("mds-tab",{key:"1ec637db0edc73c08a4e5a7ee27170383d972d7c",fill:!0,size:this.size},o("mds-tab-item",{key:"ce53045c2487cae49bea7efe5ed262b04b5ed329",selected:"more"===this.mode,onClick:()=>{this.setContrast("more")},class:"item item--more",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2S2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"/></svg>'}),o("mds-tab-item",{key:"3798cbdb8df68f9b9d46d91136cb4f1cf0926139",selected:"system"===this.mode,onClick:()=>{this.setContrast("system")},class:"item item--system",icon:a}),o("mds-tab-item",{key:"c626f5db4b9d8a5e4fee01ff441de35f6fc3fb5b",selected:"no-preference"===this.mode,onClick:()=>{this.setContrast("no-preference")},class:"item item--default",icon:"no-preference"===this.mode?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm0 6l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25zm-7.5-5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zm-1.51 3.49L9 15.17l-.99-2.18L5.83 12l2.18-.99L9 8.83l.99 2.18l2.18.99l-2.18.99z"/></svg>'})))}get element(){return this}static get watchers(){return{mode:[{modeChanged: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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--default,.item--more,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[1,"mds-pref-contrast",{size:[513],mode:[1537],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),v=y,L=function(){"undefined"!=typeof customElements&&["mds-pref-contrast","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((e=>{switch(e){case"mds-pref-contrast":customElements.get(i(e))||customElements.define(i(e),y);break;case"mds-button":customElements.get(i(e))||m();break;case"mds-icon":customElements.get(i(e))||l();break;case"mds-spinner":customElements.get(i(e))||d();break;case"mds-tab":customElements.get(i(e))||c();break;case"mds-tab-item":customElements.get(i(e))||h();break;case"mds-text":customElements.get(i(e))||f()}}))};export{v as MdsPrefContrast,L as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,Host as r,transformTag as a}from"@stencil/core/internal/client";import{m as i}from"./settings.js";import{L as n}from"./locale.js";import{d as m}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d}from"./mds-tab2.js";import{d as h}from"./mds-tab-item2.js";import{d as f}from"./mds-text2.js";var b={contrastMore:"Περισσότερο",contrastDefault:"Προεπιλογή",label:"Αντίθεση",systemSettings:"Ρυθμίσεις συστήματος"},p={contrastMore:"More",contrastDefault:"Default",label:"Contrast",systemSettings:"System settings"},u={contrastMore:"Mayor",contrastDefault:"Predeterminado",label:"Contraste",systemSettings:"Sistema operativo"},g={contrastMore:"Maggiore",contrastDefault:"Predefinito",label:"Contrasto",systemSettings:"Sistema operativo"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefContrast",this.customPropertyAlias="--magma-pref-contrast",this.defaultMode="system",this.t=new n({el:b,en:p,es:u,it:g}),this.prefersDefaults={custom:"no-preference",less:"no-preference",more:"more","no-preference":"no-preference"},this.contrast={more:{selector:"pref-contrast-more",label:"contrastMore"},system:{selector:"pref-contrast-system",label:"systemSettings"},"no-preference":{selector:"pref-contrast-no-preference",label:"contrastDefault"}},this.rollbackContrast=()=>{if("undefined"==typeof window)return this.defaultMode;for(const e in this.prefersDefaults)if({}.hasOwnProperty.call(this.prefersDefaults,e)&&window.matchMedia(`(prefers-contrast: ${e})`).matches)return this.prefersDefaults[e];throw Error("No prefers-contrast value found.")},this.setContrast=e=>{if(this.prefChangeEvent.emit({preference:"contrast"}),this.rollbackContrast(),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),"undefined"!=typeof document){const t=document.querySelector("html");for(const e in this.contrast)({}).hasOwnProperty.call(this.contrast,e)&&(null==t||t.classList.remove(this.contrast[e].selector));null==t||t.classList.add(this.contrast[e].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),this.setContrast(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}modeChanged(e,t){e!==t&&this.setContrast(e)}render(){var e;return o(r,{key:"94956cf5cf0e28c943af188fbdd0874b04edea3b"},o("mds-text",{key:"0f9efae82fe5037ce9b13fa1a7125c25bf1bb509",class:"info",typography:"caption"},o("b",{key:"ba27caca42dd23403991521fd903e8ab7dbfacdf"},this.t.get("label"))," ",this.t.get(this.contrast[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label)),o("mds-tab",{key:"adf51f71a7551553663038f87ce72868fa04ac70",fill:!0,size:this.size},o("mds-tab-item",{key:"5314ee6c1ae2e23635952a6dfa56ed24c3e57050",selected:"more"===this.mode,onClick:()=>{this.setContrast("more")},class:"item item--more",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22c5.52 0 10-4.48 10-10S17.52 2 12 2S2 6.48 2 12s4.48 10 10 10zm1-17.93c3.94.49 7 3.85 7 7.93s-3.05 7.44-7 7.93V4.07z"/></svg>'}),o("mds-tab-item",{key:"0e88e0bb0276a8ca0b8cb75228118a6574788299",selected:"system"===this.mode,onClick:()=>{this.setContrast("system")},class:"item item--system",icon:i}),o("mds-tab-item",{key:"223643f6d9a03b429d58bab08e28ac29c6be7671",selected:"no-preference"===this.mode,onClick:()=>{this.setContrast("no-preference")},class:"item item--default",icon:"no-preference"===this.mode?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25L19 9zm-7.5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zM19 15l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25L19 15z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 9l1.25-2.75L23 5l-2.75-1.25L19 1l-1.25 2.75L15 5l2.75 1.25zm0 6l-1.25 2.75L15 19l2.75 1.25L19 23l1.25-2.75L23 19l-2.75-1.25zm-7.5-5.5L9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5zm-1.51 3.49L9 15.17l-.99-2.18L5.83 12l2.18-.99L9 8.83l.99 2.18l2.18.99l-2.18.99z"/></svg>'})))}get element(){return this}static get watchers(){return{mode:[{modeChanged: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;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--default,.item--more,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[1,"mds-pref-contrast",{size:[513],mode:[1537],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),v=y,L=function(){"undefined"!=typeof customElements&&["mds-pref-contrast","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((e=>{switch(e){case"mds-pref-contrast":customElements.get(a(e))||customElements.define(a(e),y);break;case"mds-button":customElements.get(a(e))||m();break;case"mds-icon":customElements.get(a(e))||l();break;case"mds-spinner":customElements.get(a(e))||c();break;case"mds-tab":customElements.get(a(e))||d();break;case"mds-tab-item":customElements.get(a(e))||h();break;case"mds-text":customElements.get(a(e))||f()}}))};export{v as MdsPrefContrast,L as defineCustomElement}