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

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:"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}
+import{proxyCustomElement as t,HTMLElement as e,h as r,Host as a,transformTag as s}from"@stencil/core/internal/client";import{s as i}from"./preference.js";import{d as o}from"./mds-icon2.js";import{d as n}from"./mds-text2.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.typography="detail",this.variant="info"}connectedCallback(){this.unsubscribePrefContrast=i("contrast",(t=>{this.prefContrast=t}))}disconnectedCallback(){var t;null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this)}render(){var t;return r(a,{key:"247b701acbdd9b8844fdef598aa7366cc4c9c414",role:"listitem","pref-contrast":this.prefContrast},r("mds-icon",{key:"bf0ec570af51dfaed18739dca7a4c200fcfae54d","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:"734184dfef9a5daeb904027700873aa2bd322114",tag:"span",typography:this.typography,variant:this.variant,part:"text"},r("slot",{key:"a5dfd173440c8f6fd9cda1a05e1e76ddd4976f40"})))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-list-item-icon-margin:0 calc(var(--spacing,.0025rem)*200) 0 0}}}: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([pref-contrast=more]){color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[257,"mds-list-item",{typography:[513],variant:[1],icon:[1],prefContrast:[32]}]),m=c,d=function(){"undefined"!=typeof customElements&&["mds-list-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-list-item":customElements.get(s(t))||customElements.define(s(t),c);break;case"mds-icon":customElements.get(s(t))||o();break;case"mds-text":customElements.get(s(t))||n()}}))};export{m as MdsListItem,d 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:"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}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&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;: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:0;padding:0}"}},[257,"mds-list"]),r=n,o=function(){"undefined"!=typeof customElements&&["mds-list"].forEach((t=>{"mds-list"===t&&(customElements.get(a(t))||customElements.define(a(t),n))}))};export{r 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}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}
+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 a}from"./mds-button2.js";import{d as o}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 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)}}}: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))||a();break;case"mds-icon":customElements.get(n(e))||o();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=()=>{"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}
+import{proxyCustomElement as t,HTMLElement as o,createEvent as i,h as a,Host as n,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./clsx.js";import{c as e}from"./unit.js";import{s as d}from"./preference.js";import{m as l}from"./close.js";import{d as m}from"./mds-button2.js";import{d as h}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as p}from"./mds-text2.js";const w=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.hideBackdrop=!1,this.position="center",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.setContentOverflow("auto"),this.showEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.stopOutroAnimationWindow=()=>{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.setContentOverflow=t=>{this.windowContentWrapper&&(this.windowContentWrapper.style.overflow=t)},this.handleWindowTransitionEnd=t=>{"transform"===t.propertyName&&(this.opened?this.stopIntroAnimationWindow():this.stopOutroAnimationWindow())},this.animateOpenWindow=()=>{this.setContentOverflow("hidden"),clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopIntroAnimationWindow.bind(this),e(this.cssTransitionDuration)+100)},this.animateCloseWindow=()=>{this.setContentOverflow("hidden"),clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopOutroAnimationWindow.bind(this),e(this.cssTransitionDuration)+100)},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.showDialog=()=>{this.dialogEl&&!this.dialogEl.open&&(this.hideBackdrop?this.dialogEl.show():this.dialogEl.showModal())},this.closeDialog=()=>{var t;(null===(t=this.dialogEl)||void 0===t?void 0:t.open)&&this.dialogEl.close()},this.handleBackdropClick=t=>{"strict"!==this.interaction&&t.target===this.dialogEl&&(this.opened=void 0)},this.handleCancel=t=>{t.preventDefault(),"strict"!==this.interaction&&(this.opened=void 0)}}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"))}componentDidLoad(){var t,o,i,a;this.windowElement=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".window"),this.windowContentWrapper=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".window-content-wrapper"),this.windowHeaderElement=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector(".window-header"),this.windowFooterElement=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.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.windowElement.addEventListener("transitionend",this.handleWindowTransitionEnd)),this.updateCSSCustomProps(),this.opened&&(this.showDialog(),this.animateOpenWindow(),this.openEvent.emit())}connectedCallback(){this.unsubscribePrefAnimation=d("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=d("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=d("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=d("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,o,i,a;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(o=this.unsubscribePrefContrast)||void 0===o||o.call(this),null===(i=this.unsubscribePrefTheme)||void 0===i||i.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this),this.enableOverflow(),clearTimeout(this.animationDelayTimeout),this.windowElement&&(this.windowElement.removeEventListener("touchstart",this.setTouchStart),this.windowElement.removeEventListener("touchend",this.setTouchEnd),this.windowElement.removeEventListener("transitionend",this.handleWindowTransitionEnd)),this.enableOverflow()}handleOpenProp(t,o){if(t)return"auto"===this.overflow&&this.disableOverflow(),this.showDialog(),this.animateOpenWindow(),void this.openEvent.emit();o&&(this.opened=void 0,this.closeDialog(),"auto"===this.overflow&&this.enableOverflow(),this.animateCloseWindow(),this.closeEvent.emit())}handleHideBackdropProp(t){!1===t&&(this.hideBackdrop=void 0)}async close(){this.opened=void 0}render(){return a(n,{key:"fc1f34444951dfbfbac8481f38ff41980c5bc1a9","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},a("dialog",{key:"27145da0204be512f1e8cec0b726e34702c7890a",class:"dialog",part:"dialog",ref:t=>this.dialogEl=t,onClick:t=>{this.handleBackdropClick(t)},onCancel:t=>{this.handleCancel(t)}},this.window?a("slot",{name:"window"}):a("div",{class:"window",part:"window"},a("div",{class:r("window-header",this.top?"":"window-content--empty")},a("slot",{name:"top"})),a("div",{class:"window-content-wrapper"},a("div",{class:"window-content",style:{paddingTop:`${this.windowHeaderHeight}px`,paddingBottom:`${this.windowFooterHeight}px`}},a("slot",null))),a("div",{class:r("window-footer",this.bottom?"":"window-content--empty")},a("slot",{name:"bottom"}))),!this.window&&a("mds-button",{key:"433726df160283e72a1e69ee532010c36dcc8e64",class:"action-close",icon:l,variant:"light",tone:"text",size:"xl",onClick:()=>{this.opened=void 0},part:"action-close"})))}get host(){return this}static get watchers(){return{opened:[{handleOpenProp:0}],hideBackdrop:[{handleHideBackdropProp:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-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)}}}: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-transition-duration:var(--mds-modal-transition-duration,.5s);--private-modal-width:calc(100vw - var(--private-modal-window-close-margin));--private-modal-custom-opened-transform:translate(0);--private-modal-opened-transform:none;--private-modal-transition-window-transform:translate(0);--private-modal-window-close-margin:calc(var(--spacing,.0025rem)*2000);display:contents}.dialog{align-items:center;background-color:#0000;border:0;box-sizing:border-box;display:none;fill:rgb(var(--tone-neutral,0 0 0));height:auto;inset:0;justify-content:center;margin:0;max-height:none;max-width:none;overflow:hidden;padding:0;perspective:600px;position:fixed;transition-behavior:allow-discrete;-webkit-transition-duration:var(--private-modal-transition-duration);transition-duration:var(--private-modal-transition-duration);transition-property:overlay,display;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton);width:auto;z-index:var(--mds-modal-z-index,1000)}.dialog[open]{display:flex}.dialog::-webkit-backdrop{background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0);transition-behavior:allow-discrete;-webkit-transition-duration:var(--private-modal-transition-duration);transition-duration:var(--private-modal-transition-duration);transition-property:background-color,overlay,display;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}.dialog::-ms-backdrop{background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0);transition-behavior:allow-discrete;transition-duration:var(--private-modal-transition-duration);transition-property:background-color,overlay,display;transition-timing-function:var(--mds-modal-transition-timing-funciton)}.dialog::backdrop{background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0);transition-behavior:allow-discrete;-webkit-transition-duration:var(--private-modal-transition-duration);transition-duration:var(--private-modal-transition-duration);transition-property:background-color,overlay,display;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([hide-backdrop]) .dialog{pointer-events:none}.action-close{--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));opacity:0;pointer-events:none;position:absolute;-webkit-transition-duration:var(--private-modal-transition-duration);transition-duration:var(--private-modal-transition-duration);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"]){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=top][animation="3d"]){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(0) scale(.5) translateY(-80%)}:host([position=top-right][animation="3d"]){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([position=left][animation="3d"]){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) rotate(0) scale(.5) translate(-100%)}:host([position=center][animation="3d"]){--private-modal-transition-window-transform:rotateX(0) rotateY(22deg) scale(.5) translateY(40%)}:host([position=right][animation="3d"]){--private-modal-transition-window-transform:rotateX(0) rotateY(-22deg) rotate(0) scale(.5) translate(100%)}:host([position=bottom-left][animation="3d"]){--private-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(.5) translate(-80%,80%)}:host([position=bottom][animation="3d"]){--private-modal-transition-window-transform:rotateX(22deg) rotateY(0) scale(.5) translateY(80%)}:host([position=bottom-right][animation="3d"]){--private-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(.5) translate(80%,80%)}:host([animation=custom]){--private-modal-opened-transform:var(--private-modal-custom-opened-transform);--private-modal-transition-window-transform:var(--mds-modal-custom-closed-transform,rotateX(10deg) rotateY(0) scale(1.25) translate(0,10%))}:host([position=top-left][animation=slide]){--private-modal-transition-window-transform:translate(-50%,-100%)}:host([position=top][animation=slide]){--private-modal-transition-window-transform:translateY(-100%)}:host([position=top-right][animation=slide]){--private-modal-transition-window-transform:translate(50%,-100%)}:host([position=left][animation=slide]){--private-modal-transition-window-transform:translate(-100%)}:host([position=center][animation=slide]){--private-modal-transition-window-transform:translateY(25%)}:host([position=right][animation=slide]){--private-modal-transition-window-transform:translate(100%)}:host([position=bottom-left][animation=slide]){--private-modal-transition-window-transform:translate(-50%,100%)}:host([position=bottom][animation=slide]){--private-modal-transition-window-transform:translateY(50%)}:host([position=bottom-right][animation=slide]){--private-modal-transition-window-transform:translate(50%,100%)}.dialog[open]::-webkit-backdrop{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)))}.dialog[open]::-ms-backdrop{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)))}.dialog[open]::backdrop{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)))}@starting-style{.dialog[open]::-webkit-backdrop{background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0)}.dialog[open]::-ms-backdrop{background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0)}.dialog[open]::backdrop{background-color:rgb(var(--mds-modal-overlay-color,var(--magma-overlay-color,0 0 0))/0)}}: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: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:hidden}.window-footer,.window-header{box-sizing:border-box;position:absolute}.window-header{inset:0 0 auto}.window-footer{inset:auto 0 0}.dialog .window,.dialog ::slotted([slot=window]){opacity:0;-webkit-transform:var(--private-modal-transition-window-transform);transform:var(--private-modal-transition-window-transform);-webkit-transition-duration:var(--private-modal-transition-duration);transition-duration:var(--private-modal-transition-duration);transition-property:transform,opacity;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}.dialog[open] .window,.dialog[open] ::slotted([slot=window]){opacity:1;pointer-events:auto;-webkit-transform:var(--private-modal-opened-transform);transform:var(--private-modal-opened-transform)}@starting-style{.dialog[open] .window,.dialog[open] ::slotted([slot=window]){opacity:0;-webkit-transform:var(--private-modal-transition-window-transform);transform:var(--private-modal-transition-window-transform)}.window-content-wrapper{overflow:hidden}}:host([position=top-left]) .dialog,:host([position=top-right]) .dialog,:host([position=top]) .dialog{align-items:flex-start}:host([position=center]) .dialog,:host([position=left]) .dialog,:host([position=right]) .dialog{align-items:center}:host([position=bottom-left]) .dialog,:host([position=bottom-right]) .dialog,:host([position=bottom]) .dialog{align-items:flex-end}:host([position=bottom-left]) .dialog,:host([position=left]) .dialog,:host([position=top-left]) .dialog{justify-content:flex-start}:host([position=bottom]) .dialog,:host([position=center]) .dialog,:host([position=top]) .dialog{justify-content:center}:host([position=bottom-right]) .dialog,:host([position=right]) .dialog,:host([position=top-right]) .dialog{justify-content:flex-end}: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([pref-animation=reduce]){--private-modal-transition-duration:0s}:host([pref-contrast=more]){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}:host([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([pref-theme=dark]:not([pref-theme-scheme=light])) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}@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:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-modal-transition-duration:0s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-modal-window-shadow:var(--shadow-outline-strong-50),var(--shadow-2xl,0 25px 50px -12px #00000040)}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]: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)}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))) .action-close{--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-modal",{opened:[1540],hideBackdrop:[1540,"hide-backdrop"],position:[1537],animation:[513],overflow:[513],interaction:[513],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],close:[64]},void 0,{opened:[{handleOpenProp:0}],hideBackdrop:[{handleHideBackdropProp:0}]}]);function v(){"undefined"!=typeof customElements&&["mds-modal","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-modal":customElements.get(s(t))||customElements.define(s(t),w);break;case"mds-button":customElements.get(s(t))||m();break;case"mds-icon":customElements.get(s(t))||h();break;case"mds-spinner":customElements.get(s(t))||c();break;case"mds-text":customElements.get(s(t))||p()}}))}export{w as M,v 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:"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}
+import{proxyCustomElement as e,HTMLElement as o,createEvent as r,h as t,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 i}from"./locale.js";import{s as b}from"./preference.js";import{d}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as m}from"./mds-spinner2.js";import{d as g}from"./mds-text2.js";var h={deleteLabel:"Αφαίρεση"},v={deleteLabel:"Remove"},u={deleteLabel:"Eliminar"},p={deleteLabel:"Rimuovi"};const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.deleteEvent=r(this,"mdsNoteDelete",7),this.km=new s,this.t=new i({el:h,en:v,es:u,it:p}),this.deletable=!1,this.variant="yellow",this.onClickClose=()=>{this.deleteEvent.emit()}}async updateLang(){this.language=this.t.lang(this.host)}connectedCallback(){this.unsubscribePrefAnimation=b("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=b("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=b("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=b("theme-scheme",(e=>{this.prefThemeScheme=e}))}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(){var e,o,r,t;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(o=this.unsubscribePrefContrast)||void 0===o||o.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(t=this.unsubscribePrefThemeScheme)||void 0===t||t.call(this),this.km.detachClickBehavior()}render(){return t(a,{key:"eb8a1e0ee1b4989458e677f9cda903466a268a01",role:"note","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},this.deletable&&t("mds-button",{key:"4902bb9fbabcacd895c61b01c8a9bbde6eeb889c",title:this.t.get("deleteLabel"),icon:n,class:"button-close",variant:"dark",tone:"text",onClick:this.onClickClose}),t("slot",{key:"bbf71de4e782ea38d7f395ab8a791d7833df8bb5",name:"title"}),t("slot",{key:"2f2d98ff620cc664316d7dd87505e9d7cc4db543"}),t("div",{key:"2f1fe1b333b697c162c478c02f313119c76e49d4","aria-hidden":"true",class:"fold"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-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}}}: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)));--mds-note-transition-duration:var(--duration-300,.3s);--private-note-transition-duration:var(--mds-note-transition-duration);--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;gap:calc(var(--spacing,.0025rem)*200);overflow:hidden;padding:calc(var(--spacing,.0025rem)*600);position:relative;-webkit-transition-duration:var(--private-note-transition-duration);transition-duration:var(--private-note-transition-duration);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:#0000 #0000 var(--mds-note-fold-color,rgb(var(--tone-neutral-10,60 60 60))) #0000;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:0;opacity:.4;pointer-events:none;position:absolute;right:0;-webkit-transition-duration:inherit;transition-duration:inherit;transition-property:border;width:0}.button-close{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:#0000;border-radius:var(--radius-full,1000px);cursor:pointer;fill:var(--mds-note-color,rgb(var(--label-yellow-02,253 238 190)));padding:calc(var(--spacing,.0025rem)*100);-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([pref-animation=reduce]){--private-note-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host([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([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([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([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([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([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([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([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([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([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([pref-contrast=more]){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host([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:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-note-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):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){:host(:not([pref-contrast])),:host([pref-contrast=system]){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .fold{bottom:calc(var(--spacing,.0025rem)*50);right:calc(var(--spacing,.0025rem)*50)}}'}},[257,"mds-note",{deletable:[4],variant:[513],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],language:[32],updateLang:[64]}]),k=f,y=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),f);break;case"mds-button":customElements.get(l(e))||d();break;case"mds-icon":customElements.get(l(e))||c();break;case"mds-spinner":customElements.get(l(e))||m();break;case"mds-text":customElements.get(l(e))||g()}}))};export{k as MdsNote,y 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}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}
+import{proxyCustomElement as t,HTMLElement as i,h as a,Host as n,transformTag as o}from"@stencil/core/internal/client";import{s}from"./preference.js";import{o as e,s as r,c as d,d as c}from"./floating-ui.dom.js";import{d as f}from"./mds-text2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value=0,this.dismissed=!1,this.strategy="fixed",this.placement="right-start",this.updatePosition=()=>{const t=[],i="disabled"===this.strategy?"absolute":"fixed";t.push(e(0)),t.push(r({padding:0})),d(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=>0===t||isNaN(t)?"":void 0!==this.max&&0!==this.max&&!Number.isNaN(this.max)&&t>this.max?"+"+Number(this.max).toLocaleString():Number(t).toLocaleString()}connectedCallback(){this.unsubscribePrefAnimation=s("animation",(t=>{this.prefAnimation=t}))}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=c(this.caller,this.host,this.updatePosition)}),100)}disconnectedCallback(){var t;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),this.cleanupAutoUpdate=()=>{}}strategyHandler(t){"disabled"===t&&(this.cleanupAutoUpdate=()=>{})}render(){var t;return a(n,{key:"6f224fcb0e2aa7a9b0c2b43f0fd13dce05ee5c64","aria-labelledby":this.target,"aria-label":null!==(t=this.value)&&void 0!==t?t:"0","pref-animation":this.prefAnimation},a("mds-text",{key:"22c5441fd70f730a9696208688463ef36e8396e7",typography:"caption",class:"dot","aria-hidden":"true"},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 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-ease:initial}}}: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;--private-notification-transition-duration:var(--mds-notification-transition-duration,.2s);--mds-notification-dot-transition-duration:var(--duration-300,.3s);--private-notification-dot-transition-duration:var(--mds-notification-dot-transition-duration);--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(--private-notification-transition-duration);transition-duration:var(--private-notification-transition-duration);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{--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)));border-radius:var(--radius-full,1000px);-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-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;-webkit-transition-duration:var(--private-notification-dot-transition-duration);transition-duration:var(--private-notification-dot-transition-duration);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([dismissed]:not([dismissed=false])[strategy=absolute]),:host([dismissed]:not([dismissed=false])[strategy=fixed]){--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));opacity: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(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([dismissed])),:host([strategy=absolute][dismissed=false]),:host([strategy=fixed]:not([dismissed])),:host([strategy=fixed][dismissed=false]){--tw-ease:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));opacity: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([pref-animation=reduce]){--private-notification-transition-duration:0s;--private-notification-dot-transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-notification-transition-duration:0s;--private-notification-dot-transition-duration:0s}}'}},[1,"mds-notification",{target:[1],value:[1538],dismissed:[1540],strategy:[1537],max:[514],prefAnimation:[32]},void 0,{strategy:[{strategyHandler:0}]}]),m=l,p=function(){"undefined"!=typeof customElements&&["mds-notification","mds-text"].forEach((t=>{switch(t){case"mds-notification":customElements.get(o(t))||customElements.define(o(t),l);break;case"mds-text":customElements.get(o(t))||f()}}))};export{m as MdsNotification,p as defineCustomElement}

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

@@ -1 +1 @@
-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}
+import{proxyCustomElement as a,HTMLElement as t,h as e,Host as r,transformTag as o}from"@stencil/core/internal/client";import{K as i}from"./keyboard-manager.js";import{s as n}from"./preference.js";import{d as s}from"./mds-icon2.js";import{d}from"./mds-text2.js";const m=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.km=new i}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(a=>{this.prefAnimation=a})),this.unsubscribePrefTheme=n("theme",(a=>{this.prefTheme=a})),this.unsubscribePrefThemeScheme=n("theme-scheme",(a=>{this.prefThemeScheme=a}))}componentDidLoad(){this.km.addElement(this.host),this.km.attachClickBehavior()}componentDidUpdate(){this.disabled||this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()}disconnectedCallback(){var a,t,e;null===(a=this.unsubscribePrefAnimation)||void 0===a||a.call(this),null===(t=this.unsubscribePrefTheme)||void 0===t||t.call(this),null===(e=this.unsubscribePrefThemeScheme)||void 0===e||e.call(this),this.km.detachClickBehavior()}render(){return e(r,{key:"45f9712aabb1119f72bc76986fc0043ea7839b93",tabindex:"0","pref-animation":this.prefAnimation,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},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 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:#0000;--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}}}: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-transition-duration:var(--duration-200,.2s);--private-paginator-item-transition-duration:var(--mds-paginator-item-transition-duration);--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:#0000;--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));--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:var(--mds-paginator-item-background,#0000);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));padding-inline:calc(var(--spacing,.0025rem)*300);transition-duration:.2s;-webkit-transition-duration:var(--private-paginator-item-transition-duration);transition-duration:var(--private-paginator-item-transition-duration);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: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:0}:host([pref-animation=reduce]){--private-paginator-item-transition-duration:0s}:host([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:#0000;--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:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-paginator-item-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]: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:#0000;--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],prefAnimation:[32],prefTheme:[32],prefThemeScheme:[32]}]);function l(){"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),m);break;case"mds-icon":customElements.get(o(a))||s();break;case"mds-text":customElements.get(o(a))||d()}}))}export{m as M,l 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 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}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as a,transformTag as o}from"@stencil/core/internal/client";import{s as r}from"./preference.js";import{m as n}from"./arrow-back.js";import{m as d}from"./arrow-forward.js";import{d as h}from"./mds-icon2.js";import{d as m}from"./mds-paginator-item2.js";import{d as c}from"./mds-text2.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pageChangedEvent=i(this,"mdsPaginatorChange",7),this.pages=0,this.currentPage=1,this.scrollPage=t=>{var e;const i=t,s=null===(e=this.element.shadowRoot)||void 0===e?void 0:e.querySelector(".pages"),a=null==s?void 0:s.querySelectorAll("mds-paginator-item");if(!s||!a)return;if(i<0)return void(s.scrollLeft=0);if(i>a.length-1)return void(s.scrollLeft=a[a.length-1].offsetLeft-s.offsetLeft);const o=a[i];s.scrollLeft=o.offsetLeft-s.offsetLeft-s.offsetWidth/2+o.offsetWidth/2},this.focus=t=>{var e;const i=null===(e=this.element.shadowRoot)||void 0===e?void 0:e.querySelector(".pages"),s=null==i?void 0:i.querySelectorAll("mds-paginator-item");if(s&&t.target){const e=Array.from(s).indexOf(t.target);this.scrollPage(e)}},this.goToPage=(t,e)=>{t<1||t>this.pages||(this.currentPage=t,this.pages>2&&this.scrollPage(this.currentPage-2),this.pageChangedEvent.emit({page:this.currentPage,caller:e}))},this.handlePrevClick=t=>{this.goToPage(this.currentPage-1,t.target)},this.handleFirstClick=t=>{this.goToPage(1,t.target)},this.handlePageClick=t=>e=>{this.goToPage(t,e.target)},this.handleLastClick=t=>{this.goToPage(this.pages,t.target)},this.handleNextClick=t=>{this.goToPage(this.currentPage+1,t.target)}}connectedCallback(){this.unsubscribePrefAnimation=r("animation",(t=>{this.prefAnimation=t})),this.unsubscribePrefContrast=r("contrast",(t=>{this.prefContrast=t})),this.unsubscribePrefTheme=r("theme",(t=>{this.prefTheme=t})),this.unsubscribePrefThemeScheme=r("theme-scheme",(t=>{this.prefThemeScheme=t}))}disconnectedCallback(){var t,e,i,s;null===(t=this.unsubscribePrefAnimation)||void 0===t||t.call(this),null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(i=this.unsubscribePrefTheme)||void 0===i||i.call(this),null===(s=this.unsubscribePrefThemeScheme)||void 0===s||s.call(this)}componentDidLoad(){setTimeout((()=>{this.goToPage(this.currentPage)}),10)}render(){return s(a,{key:"bc0ed7f7a7267fad452ad2186692f7198797dada","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},s("mds-paginator-item",{key:"0704650f6f83b9a4ff5bc6f112b9d448feeac6ac",class:"item-icon",icon:n,disabled:1===this.currentPage,onClick:this.handlePrevClick}),this.pages>0&&s("mds-paginator-item",{key:"3247caa7de6b88ed40b8c1206d45b32de40c0ad0",class:"item-first",selected:1===this.currentPage,onClick:this.handleFirstClick},"1"),this.pages>2&&s("div",{key:"a06359ddb8fef5e739d3700c2c1dce88bc44b49a",class:"pages"},Array.from(Array(this.pages-2).keys()).map((t=>s("mds-paginator-item",{key:t,class:"item",selected:this.currentPage===t+2,onClick:this.handlePageClick(t+2),onFocus:this.focus},t+2)))),this.pages>1&&s("mds-paginator-item",{key:"5fdc19718a0e64787d10539fb1922aa5a917caf3",class:"item-last",selected:this.currentPage===this.pages,onClick:this.handleLastClick},this.pages),s("mds-paginator-item",{key:"24fb27d454ecc1bb01334958caf93e0d2de71b02",class:"item-icon",icon:d,disabled:this.currentPage===this.pages,onClick:this.handleNextClick}))}get element(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;--tw-ease:initial}}}: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;--mds-paginator-transition-duration:var(--duration-200,.2s);--private-paginator-transition-duration:var(--mds-paginator-transition-duration);align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.pages{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;--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)));border-radius:var(--radius-full,1000px);display:flex;flex-shrink:1;gap:2px;margin-inline:calc(var(--spacing,.0025rem)*200);overflow:auto;padding:calc(var(--spacing,.0025rem)*200);scroll-behavior:var(--mds-paginator-scroll-behavior,smooth);-webkit-transition-duration:var(--private-paginator-transition-duration);transition-duration:var(--private-paginator-transition-duration);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([pref-animation=reduce]){--private-paginator-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host([pref-contrast=more]) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host([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}:host([pref-contrast=more]) :is(.item-first,.item-icon,.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}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host{--mds-paginator-scroll-behavior:auto}:host(:not([pref-animation])),:host([pref-animation=system]){--private-paginator-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}}@media (prefers-contrast:more){:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .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([pref-contrast=system]),:host(:not([pref-contrast]))) :is(.item-first,.item-icon,.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"],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),p=l,g=function(){"undefined"!=typeof customElements&&["mds-paginator","mds-icon","mds-paginator-item","mds-text"].forEach((t=>{switch(t){case"mds-paginator":customElements.get(o(t))||customElements.define(o(t),l);break;case"mds-icon":customElements.get(o(t))||h();break;case"mds-paginator-item":customElements.get(o(t))||m();break;case"mds-text":customElements.get(o(t))||c()}}))};export{p as MdsPaginator,g 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 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}
+import{proxyCustomElement as e,HTMLElement as i,h as a,Host as n,transformTag as t}from"@stencil/core/internal/client";import{L as c}from"./locale.js";import{d as o}from"./mds-banner2.js";import{d as r}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 p}from"./mds-icon2.js";import{d as m}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 c({el:g,en:v,es:y,it:k}),this.variant="chip",this.href="https://www.maggiolieditore.it/il-regolamento-europeo-sull-intelligenza-artificiale.html",this.handleIconClick=()=>{window.open(this.href,"_blank")}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}componentWillLoad(){this.language=this.t.lang(this.host)}render(){var e,i,t,c,o,r,s;return a(n,{key:"d0343aba93633c4172c78cba1fe1ba78066d0703"},"icon"===this.variant&&a("mds-help",{key:"ad4a20df4a631c216ad09fd6bc7ebfcf23ec17ae",icon:u,class:"icon-help",onClick:this.handleIconClick,part:"icon"},a("div",{key:"5c173707b353453e1f88071caa83ae7bef95ef63",class:"icon-tip-content"},a("mds-text",{key:"02b915e883391648c0d7701869278c2e088c2349",typography:"tip"},null!==(e=this.headline)&&void 0!==e?e:this.t.get("iconTooltip")),a("mds-text",{key:"ee07386a254fa7ed397374e116f4b2cbb38e9bd8",typography:"tip"},null!==(i=this.description)&&void 0!==i?i:this.t.get("iconLinkLabel")))),"chip"===this.variant&&a("div",{key:"c0f788345c6ea9e09f34bbdf8432bdf6119cb6f6",class:"chip-wrapper",part:"chip"},a("mds-chip",{key:"7014d5bb99185352ddfa1767230c40487a27fba7",id:"chip",icon:u,class:"chip",variant:"ai",label:null!==(t=this.headline)&&void 0!==t?t:this.t.get("chipLabel")}),a("mds-dropdown",{key:"46aee6235eb317f64d984c5d7ffeec6e9ef23b5d",target:"#chip",class:"chip-dropdown",interaction:"mouseover"},a("mds-text",{key:"940a93b53ee5c78634eaf39ebdc4843de874c339",typography:"tip"},null!==(c=this.description)&&void 0!==c?c:this.t.get("cardDescription")),a("mds-button",{key:"e94a60aef4a8d754882070300ebe40ec52819354",icon:f,href:this.href,variant:"ai",tone:"weak",size:"sm"},this.t.get("linkLabel")))),"card"===this.variant&&a("div",{key:"8f38c98a3f90a2daee5c0fe56dc08be4a5805724",class:"mini-card",part:"card"},a("mds-icon",{key:"e95bf26e2073d4ed6bcbe8458fb59d29242d803b",name:u,class:"mini-card-icon"}),a("div",{key:"27f3d7807627409bcc7c12a2ff0b13a9aedb4a1a",class:"mini-card-content"},a("mds-text",{key:"974df045532462567e64d46dd308281790c3a0a0",typography:"caption"},null!==(o=this.description)&&void 0!==o?o:this.t.get("iconTooltip")),a("mds-button",{key:"79b09fbc1f0dc53de3094e5c2fc3618d3ae79afc",class:"mini-card-button",icon:f,href:this.href,variant:"ai",tone:"weak",size:"sm"},a("span",{key:"06b0094335d78affa64fa2c6f9eab0ed657c8183",class:"link-label-long"},this.t.get("linkLabel")),a("span",{key:"5c24c8b36cadec1ec9f0c9a671c268c153e5b609",class:"link-label-short"},this.t.get("linkLabelShort"))))),"banner"===this.variant&&a("mds-banner",{key:"c787b1aa6437af944eb39d50a07a3f101f763b00",class:"banner",variant:"ai",tone:"weak",icon:u,headline:null!==(r=this.headline)&&void 0!==r?r:this.t.get("bannerTitle"),part:"banner"},a("mds-text",{key:"3cd7e4076bdbf770070c6d29e57a441ccc9921c3",typography:"caption"},null!==(s=this.description)&&void 0!==s?s:this.t.get("bannerDescription")),a("mds-button",{key:"40388d6d8e3d02c8db0c94c585d2dffa879ae83b",icon:f,slot:"action",href:this.href,variant:"ai",tone:"weak",size:"sm"},a("span",{key:"e25299573ed2c28821773871091041604059d005",class:"link-label-long"},this.t.get("linkLabel")),a("span",{key:"cd5f7376104f6ec21f1a1fd8293004f49016bb56",class:"link-label-short"},this.t.get("linkLabelShort")))))}get host(){return this}static get style(){return"@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(t(e))||customElements.define(t(e),w);break;case"mds-banner":customElements.get(t(e))||o();break;case"mds-button":customElements.get(t(e))||r();break;case"mds-chip":customElements.get(t(e))||s();break;case"mds-dropdown":customElements.get(t(e))||l();break;case"mds-help":customElements.get(t(e))||d();break;case"mds-icon":customElements.get(t(e))||p();break;case"mds-spinner":customElements.get(t(e))||m();break;case"mds-text":customElements.get(t(e))||b();break;case"mds-tooltip":customElements.get(t(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}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}
+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{s as d}from"./preference.js";import{d as c}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as b}from"./mds-tab2.js";import{d as f}from"./mds-tab-item2.js";import{d as p}from"./mds-text2.js";var u={animationDisabled:"Απενεργοποιημένο",animationEnabled:"Ενεργοποιημένο",label:"Κινηματογραφήσεις",systemSettings:"Ρυθμίσεις συστήματος"},y={animationDisabled:"Disabled",animationEnabled:"Enabled",label:"Animations",systemSettings:"System settings"},g={animationDisabled:"Deshabilitadas",animationEnabled:"Habilitadas",label:"Animaciones",systemSettings:"Sistema operativo"},v={animationDisabled:"Disabilitate",animationEnabled:"Abilitate",label:"Animazioni",systemSettings:"Sistema operativo"};const k=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:u,en:y,es:g,it:v}),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)}},this.handleModeClick=e=>()=>{this.setAnimation(e)}}async updateLang(){this.language=this.t.lang(this.element)}connectedCallback(){this.unsubscribePrefContrast=d("contrast",(e=>{this.prefContrast=e}))}disconnectedCallback(){var e;null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this)}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:"8c4d271a4f27c766d76b37aa3f0755bba0a19d7c","pref-contrast":this.prefContrast},i("mds-text",{key:"d06ce9519d9e4608219f4d10c9818af4b3430812",class:"info",typography:"caption"},i("b",{key:"95ec18d11359fe4358a8a8d1b63ca695185a8c7e"},this.t.get("label"))," ",this.t.get(this.animation[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label)),i("mds-tab",{key:"579e25e9182c02c7d7deceaf46247ea254b676e3",fill:!0,size:this.size},i("mds-tab-item",{key:"076a7a88d63c9752fb1c5fce30a816abe52917d4",selected:"reduce"===this.mode,onClick:this.handleModeClick("reduce"),class:"item item--reduce",icon:o}),i("mds-tab-item",{key:"8b7fe984365c966837e6d534251bac8be15e669e",selected:"system"===this.mode,onClick:this.handleModeClick("system"),class:"item item--system",icon:m}),i("mds-tab-item",{key:"d7282679add90930f487e1ef3f35d804d286763f",selected:"no-preference"===this.mode,onClick:this.handleModeClick("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;: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([pref-contrast=more]) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}}"}},[1,"mds-pref-animation",{size:[513],mode:[1537],prefContrast:[32],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),E=k,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),k);break;case"mds-button":customElements.get(n(e))||c();break;case"mds-icon":customElements.get(n(e))||l();break;case"mds-spinner":customElements.get(n(e))||h();break;case"mds-tab":customElements.get(n(e))||b();break;case"mds-tab-item":customElements.get(n(e))||f();break;case"mds-text":customElements.get(n(e))||p()}}))};export{E 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}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}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as o,Host as i,transformTag as a}from"@stencil/core/internal/client";import{L as m}from"./locale.js";import{s as n}from"./preference.js";import{d as r}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as l}from"./mds-tab2.js";import{d as h}from"./mds-tab-item2.js";import{d as u}from"./mds-text2.js";var p={consumptionHigh:"Υψηλή",consumptionLow:"Χαμηλή",consumptionMedium:"Μεσαία",label:"Κατανάλωση"},b={consumptionHigh:"High",consumptionLow:"Low",consumptionMedium:"Medium",label:"Consumption"},f={consumptionHigh:"Alto",consumptionLow:"Bajo",consumptionMedium:"Medio",label:"Consumo"},g={consumptionHigh:"Alto",consumptionLow:"Basso",consumptionMedium:"Medio",label:"Consumo"};const w=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=e(this,"mdsPrefChange",7),this.localStorageAlias="mdsPrefConsumption",this.customPropertyAlias="--magma-pref-consumption",this.defaultMode="high",this.t=new m({el:p,en:b,es:f,it:g}),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 s in this.consumption)({}).hasOwnProperty.call(this.consumption,s)&&(null==t||t.classList.remove(this.consumption[s].selector));null==t||t.classList.add(this.consumption[this.mode].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}},this.handleModeClick=t=>()=>{this.setConsumption(t)}}async updateLang(){this.language=this.t.lang(this.element)}connectedCallback(){this.unsubscribePrefContrast=n("contrast",(t=>{this.prefContrast=t}))}disconnectedCallback(){var t;null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this)}componentWillRender(){var t,s;this.t.lang(this.element),this.setConsumption(null!==(s=null!==(t=this.mode)&&void 0!==t?t:localStorage.getItem(this.localStorageAlias))&&void 0!==s?s:this.defaultMode)}modeChanged(t){this.setConsumption(t)}render(){var t;return o(i,{key:"8aacd0158d8dcd42a86c3f8d5a963b509a067d7c","pref-contrast":this.prefContrast},o("mds-text",{key:"0114ef44e5ec8ebfc5eb61e59bc01a8dccc5d443",class:"info",typography:"caption"},o("b",{key:"9062cda609e301b70910c76f0529259aece20356"},this.t.get("label"))," ",this.t.get(this.consumption[null!==(t=this.mode)&&void 0!==t?t:this.defaultMode].label)),o("mds-tab",{key:"44c1462c501e7014db8ece5a0bdbb7a743fb8848",fill:!0,size:this.size},o("mds-tab-item",{key:"6ecc4b3963061b230abdba6dd6e1382bc941007e",selected:"low"===this.mode,onClick:this.handleModeClick("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:"bd85e99d05f2c21f2e3c1910c0eacce5ab241dd5",selected:"medium"===this.mode,onClick:this.handleModeClick("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:"4acf72c60c3b29c9fcc1793faf216a8309a4110d",selected:"high"===this.mode,onClick:this.handleModeClick("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;: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([pref-contrast=more]) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host([pref-contrast=more]) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:host([pref-contrast=more]) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:host([pref-contrast=more]) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}@media (prefers-contrast:more){:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}}"}},[1,"mds-pref-consumption",{size:[513],mode:[1537],prefContrast:[32],language:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),v=w,y=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),w);break;case"mds-button":customElements.get(a(t))||r();break;case"mds-icon":customElements.get(a(t))||c();break;case"mds-spinner":customElements.get(a(t))||d();break;case"mds-tab":customElements.get(a(t))||l();break;case"mds-tab-item":customElements.get(a(t))||h();break;case"mds-text":customElements.get(a(t))||u()}}))};export{v as MdsPrefConsumption,y as defineCustomElement}