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

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

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

package/dist/components/mds-pref-language-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as a,Host as i,transformTag as o}from"@stencil/core/internal/client";import{L as n}from"./locale.js";import{m as r}from"./check-circle.js";import{m}from"./circle.js";import{d as l}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as u}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";var c={af:"Afrikaans",ar:"العربية",az:"Azərbaycanca",be:"Беларуская",bg:"Български",bn:"বাংলা",bs:"Bosanski",ca:"Català",ceb:"Cebuano",cs:"Čeština",cy:"Cymraeg",da:"Dansk",de:"Deutsch",el:"Ελληνικά",en:"English",eo:"Esperanto",es:"Español",et:"Eesti",eu:"Euskara",fa:"فارسی",fi:"Suomi",fr:"Français",fy:"Frysk",ga:"Gaeilge",gd:"Gàidhlig",gl:"Galego",gu:"ગુજરાતી",ha:"Hausa",haw:"ʻŌlelo Hawaiʻi",he:"עברית",hi:"हिन्दी",hmn:"Hmoob",hr:"Hrvatski",ht:"Kreyòl ayisyen",hu:"Magyar",hy:"Հայերեն",id:"Bahasa Indonesia",ig:"Igbo",is:"Íslenska",it:"Italiano",ja:"日本語",jv:"Basa Jawa",ka:"ქართული",kk:"Қазақ тілі",km:"ភាសាខ្មែរ",kn:"ಕನ್ನಡ",ko:"한국어",ku:"Kurdî",ky:"Кыргызча",la:"Latina",lb:"Lëtzebuergesch",lo:"ພາສາລາວ",lt:"Lietuvių",lv:"Latviešu",mg:"Malagasy",mi:"Māori",mk:"Македонски",ml:"മലയാളം",mn:"Монгол",mr:"मराठी",ms:"Bahasa Melayu",mt:"Malti",my:"မြန်မာ",ne:"नेपाली",nl:"Nederlands",no:"Norsk",ny:"Chinyanja",or:"ଓଡ଼ିଆ",pa:"ਪੰਜਾਬੀ",pl:"Polski",ps:"پښتو",pt:"Português",ro:"Română",ru:"Русский",sd:"سنڌي",si:"සිංහල",sk:"Slovenčina",sl:"Slovenščina",sm:"Gagana Sāmoa",sn:"ChiShona",so:"Soomaali",sq:"Shqip",sr:"Српски",st:"Sesotho",su:"Basa Sunda",sv:"Svenska",sw:"Kiswahili",ta:"தமிழ்",te:"తెలుగు",tg:"Тоҷикӣ",th:"ไทย",tr:"Türkçe",tt:"Tatarça",uk:"Українська",ur:"اردو",uz:"Oʻzbek",vi:"Tiếng Việt",xh:"isiXhosa",yi:"ייִדיש",yo:"Yorùbá",zh:"中文",zu:"isiZulu"},g={noCode:"Nessun code impostato"},p={noCode:"No code set"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectLanguageEvent=s(this,"mdsPrefLanguageItemSelect",7),this.t=new n({en:p,it:g}),this.selected=!1,this.handleClick=()=>{this.selectLanguageEvent.emit({language:this.code})}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){if(!c[this.code])throw Error("Language code not found: "+this.code);this.t.lang(this.element)}render(){return a(i,{key:"733f906b459d62d9dda8c353a30a74110e07b03a",onClick:this.handleClick},""!==this.code?a("mds-button",{icon:this.selected?r:m,variant:"dark",tone:"text"},c[this.code]):a("mds-button",{icon:r,variant:"error",tone:"text"},this.t.get("noCode")))}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 reset,vendor,theme,base,components,utilities;@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}:host{display:block}"}},[1,"mds-pref-language-item",{code:[513],selected:[516],language:[32],updateLang:[64]}]),b=y,k=function(){"undefined"!=typeof customElements&&["mds-pref-language-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-pref-language-item":customElements.get(o(e))||customElements.define(o(e),y);break;case"mds-button":customElements.get(o(e))||l();break;case"mds-icon":customElements.get(o(e))||d();break;case"mds-spinner":customElements.get(o(e))||u();break;case"mds-text":customElements.get(o(e))||h()}}))};export{b as MdsPrefLanguageItem,k as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as e,createEvent as t,h as a,Host as i,transformTag as o}from"@stencil/core/internal/client";import{L as n}from"./locale.js";import{m as r}from"./check-circle.js";import{m}from"./circle.js";import{d}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d as u}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";var c={af:"Afrikaans",ar:"العربية",az:"Azərbaycanca",be:"Беларуская",bg:"Български",bn:"বাংলা",bs:"Bosanski",ca:"Català",ceb:"Cebuano",cs:"Čeština",cy:"Cymraeg",da:"Dansk",de:"Deutsch",el:"Ελληνικά",en:"English",eo:"Esperanto",es:"Español",et:"Eesti",eu:"Euskara",fa:"فارسی",fi:"Suomi",fr:"Français",fy:"Frysk",ga:"Gaeilge",gd:"Gàidhlig",gl:"Galego",gu:"ગુજરાતી",ha:"Hausa",haw:"ʻŌlelo Hawaiʻi",he:"עברית",hi:"हिन्दी",hmn:"Hmoob",hr:"Hrvatski",ht:"Kreyòl ayisyen",hu:"Magyar",hy:"Հայերեն",id:"Bahasa Indonesia",ig:"Igbo",is:"Íslenska",it:"Italiano",ja:"日本語",jv:"Basa Jawa",ka:"ქართული",kk:"Қазақ тілі",km:"ភាសាខ្មែរ",kn:"ಕನ್ನಡ",ko:"한국어",ku:"Kurdî",ky:"Кыргызча",la:"Latina",lb:"Lëtzebuergesch",lo:"ພາສາລາວ",lt:"Lietuvių",lv:"Latviešu",mg:"Malagasy",mi:"Māori",mk:"Македонски",ml:"മലയാളം",mn:"Монгол",mr:"मराठी",ms:"Bahasa Melayu",mt:"Malti",my:"မြန်မာ",ne:"नेपाली",nl:"Nederlands",no:"Norsk",ny:"Chinyanja",or:"ଓଡ଼ିଆ",pa:"ਪੰਜਾਬੀ",pl:"Polski",ps:"پښتو",pt:"Português",ro:"Română",ru:"Русский",sd:"سنڌي",si:"සිංහල",sk:"Slovenčina",sl:"Slovenščina",sm:"Gagana Sāmoa",sn:"ChiShona",so:"Soomaali",sq:"Shqip",sr:"Српски",st:"Sesotho",su:"Basa Sunda",sv:"Svenska",sw:"Kiswahili",ta:"தமிழ்",te:"తెలుగు",tg:"Тоҷикӣ",th:"ไทย",tr:"Türkçe",tt:"Tatarça",uk:"Українська",ur:"اردو",uz:"Oʻzbek",vi:"Tiếng Việt",xh:"isiXhosa",yi:"ייִדיש",yo:"Yorùbá",zh:"中文",zu:"isiZulu"},g={noCode:"Nessun code impostato"},b={noCode:"No code set"};const k=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.selectLanguageEvent=t(this,"mdsPrefLanguageItemSelect",7),this.t=new n({en:b,it:g}),this.selected=!1,this.handleClick=()=>{this.selectLanguageEvent.emit({language:this.code})}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){if(!c[this.code])throw Error("Language code not found: "+this.code);this.t.lang(this.element)}render(){return a(i,{key:"0f594deea977bb5473b0fe656bd5e3d69fdb4da1",onClick:this.handleClick},""!==this.code?a("mds-button",{icon:this.selected?r:m,variant:"dark",tone:"text"},c[this.code]):a("mds-button",{icon:r,variant:"error",tone:"text"},this.t.get("noCode")))}get element(){return this}static get style(){return"@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}:host{display:block}"}},[1,"mds-pref-language-item",{code:[513],selected:[516],language:[32],updateLang:[64]}]),p=k,y=function(){"undefined"!=typeof customElements&&["mds-pref-language-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((s=>{switch(s){case"mds-pref-language-item":customElements.get(o(s))||customElements.define(o(s),k);break;case"mds-button":customElements.get(o(s))||d();break;case"mds-icon":customElements.get(o(s))||l();break;case"mds-spinner":customElements.get(o(s))||u();break;case"mds-text":customElements.get(o(s))||h()}}))};export{p as MdsPrefLanguageItem,y as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as e,createEvent as s,h as i,Host as t,transformTag as o}from"@stencil/core/internal/client";import{L as n}from"./locale.js";import{m as r}from"./keyboard-arrow-down.js";import{m as l}from"./keyboard-arrow-up.js";import{d as m}from"./mds-button2.js";import{d}from"./mds-dropdown2.js";import{d as u}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as c}from"./mds-tab2.js";import{d as g}from"./mds-tab-item2.js";import{d as b}from"./mds-text2.js";var p={auto:"Αυτόματο",label:"Γλώσσα",af:"Αφρικάανς",ar:"Αραβικά",az:"Αζερμπαϊτζανικά",be:"Λευκορωσικά",bg:"Βουλγαρικά",bn:"Μπενγκάλι",bs:"Βοσνιακά",ca:"Καταλανικά",ceb:"Σεμπουάνο",cs:"Τσεχικά",cy:"Ουαλικά",da:"Δανικά",de:"Γερμανικά",el:"Ελληνικά",en:"Αγγλικά",eo:"Εσπεράντο",es:"Ισπανικά",et:"Εσθονικά",eu:"Βασκικά",fa:"Περσικά",fi:"Φινλανδικά",fr:"Γαλλικά",fy:"Φριζικά",ga:"Ιρλανδικά",gd:"Σκωτικά Κέλτικα",gl:"Γαλικιανά",gu:"Γκουτζαράτι",ha:"Χάουσα",haw:"Χαβαϊκά",he:"Εβραϊκά",hi:"Χίντι",hmn:"Χμονγκ",hr:"Κροατικά",ht:"Κρεολικά Αϊτής",hu:"Ουγγρικά",hy:"Αρμενικά",id:"Ινδονησιακά",ig:"Ίγκμπο",is:"Ισλανδικά",it:"Ιταλικά",ja:"Ιαπωνικά",jv:"Ιαβανικά",ka:"Γεωργιανά",kk:"Καζακικά",km:"Χμερ",kn:"Κανάντα",ko:"Κορεατικά",ku:"Κουρδικά",ky:"Κιργιζικά",la:"Λατινικά",lb:"Λουξεμβουργιανά",lo:"Λάο",lt:"Λιθουανικά",lv:"Λετονικά",mg:"Μαλαγάσι",mi:"Μαορί",mk:"Μακεδονικά",ml:"Μαλαγιαλαμικά",mn:"Μογγολικά",mr:"Μαράθι",ms:"Μαλαϊκά",mt:"Μαλτέζικα",my:"Βιρμανικά",ne:"Νεπαλικά",nl:"Ολλανδικά",no:"Νορβηγικά",ny:"Τσιτσέουα",or:"Ορίγια",pa:"Παντζαπικά",pl:"Πολωνικά",ps:"Πάστο",pt:"Πορτογαλικά",ro:"Ρουμανικά",ru:"Ρωσικά",sd:"Σιντ",si:"Σινχαλέζικα",sk:"Σλοβακικά",sl:"Σλοβενικά",sm:"Σαμοανά",sn:"Σόνα",so:"Σομαλικά",sq:"Αλβανικά",sr:"Σερβικά",st:"Σόθο",su:"Σουνδανικά",sv:"Σουηδικά",sw:"Σουαχίλι",ta:"Ταμίλ",te:"Τελούγκου",tg:"Τατζικικά",th:"Ταϊλανδικά",tr:"Τουρκικά",tt:"Ταταρικά",uk:"Ουκρανικά",ur:"Ουρντού",uz:"Ουζμπεκικά",vi:"Βιετναμέζικα",xh:"Ξόσα",yi:"Γίντις",yo:"Γιορούμπα",zh:"Κινέζικα",zu:"Ζουλού",defaultLanguage:"Εάν η μετάφραση δεν είναι διαθέσιμη, θα χρησιμοποιηθούν τα Αγγλικά"},f={auto:"Automatic",label:"Language",af:"Afrikaans",ar:"Arabic",az:"Azerbaijani",be:"Belarusian",bg:"Bulgarian",bn:"Bengali",bs:"Bosnian",ca:"Catalan",ceb:"Cebuano",cs:"Czech",cy:"Welsh",da:"Danish",de:"German",el:"Greek",en:"English",eo:"Esperanto",es:"Spanish",et:"Estonian",eu:"Basque",fa:"Persian",fi:"Finnish",fr:"French",fy:"Frisian",ga:"Irish",gd:"Scottish Gaelic",gl:"Galician",gu:"Gujarati",ha:"Hausa",haw:"Hawaiian",he:"Hebrew",hi:"Hindi",hmn:"Hmong",hr:"Croatian",ht:"Haitian Creole",hu:"Hungarian",hy:"Armenian",id:"Indonesian",ig:"Igbo",is:"Icelandic",it:"Italian",ja:"Japanese",jv:"Javanese",ka:"Georgian",kk:"Kazakh",km:"Khmer",kn:"Kannada",ko:"Korean",ku:"Kurdish",ky:"Kyrgyz",la:"Latin",lb:"Luxembourgish",lo:"Lao",lt:"Lithuanian",lv:"Latvian",mg:"Malagasy",mi:"Maori",mk:"Macedonian",ml:"Malayalam",mn:"Mongolian",mr:"Marathi",ms:"Malay",mt:"Maltese",my:"Burmese",ne:"Nepali",nl:"Dutch",no:"Norwegian",ny:"Chichewa",or:"Odia",pa:"Punjabi",pl:"Polish",ps:"Pashto",pt:"Portuguese",ro:"Romanian",ru:"Russian",sd:"Sindhi",si:"Sinhala",sk:"Slovak",sl:"Slovenian",sm:"Samoan",sn:"Shona",so:"Somali",sq:"Albanian",sr:"Serbian",st:"Sesotho",su:"Sundanese",sv:"Swedish",sw:"Swahili",ta:"Tamil",te:"Telugu",tg:"Tajik",th:"Thai",tr:"Turkish",tt:"Tatar",uk:"Ukrainian",ur:"Urdu",uz:"Uzbek",vi:"Vietnamese",xh:"Xhosa",yi:"Yiddish",yo:"Yoruba",zh:"Chinese",zu:"Zulu",defaultLanguage:"If the translation is not available, English will be used"},y={auto:"Automático",label:"Idioma",af:"Afrikáans",ar:"Árabe",az:"Azerbaiyano",be:"Bielorruso",bg:"Búlgaro",bn:"Bengalí",bs:"Bosnio",ca:"Catalán",ceb:"Cebuano",cs:"Checo",cy:"Galés",da:"Danés",de:"Alemán",el:"Griego",en:"Inglés",eo:"Esperanto",es:"Español",et:"Estonio",eu:"Vasco",fa:"Persa",fi:"Finlandés",fr:"Francés",fy:"Frisón",ga:"Irlandés",gd:"Gaélico escocés",gl:"Gallego",gu:"Gujarati",ha:"Hausa",haw:"Hawaiano",he:"Hebreo",hi:"Hindi",hmn:"Hmong",hr:"Croata",ht:"Criollo haitiano",hu:"Húngaro",hy:"Armenio",id:"Indonesio",ig:"Igbo",is:"Islandés",it:"Italiano",ja:"Japonés",jv:"Javanés",ka:"Georgiano",kk:"Kazajo",km:"Jemer",kn:"Canarés",ko:"Coreano",ku:"Kurdo",ky:"Kirguís",la:"Latín",lb:"Luxemburgués",lo:"Lao",lt:"Lituano",lv:"Letón",mg:"Malgache",mi:"Maorí",mk:"Macedonio",ml:"Malayalam",mn:"Mongol",mr:"Maratí",ms:"Malayo",mt:"Maltés",my:"Birmano",ne:"Nepalí",nl:"Holandés",no:"Noruego",ny:"Chichewa",or:"Oriya",pa:"Panyabí",pl:"Polaco",ps:"Pastún",pt:"Portugués",ro:"Rumano",ru:"Ruso",sd:"Sindhi",si:"Cingalés",sk:"Eslovaco",sl:"Esloveno",sm:"Samoano",sn:"Shona",so:"Somalí",sq:"Albanés",sr:"Serbio",st:"Sesotho",su:"Sundanés",sv:"Sueco",sw:"Suajili",ta:"Tamil",te:"Telugu",tg:"Tayiko",th:"Tailandés",tr:"Turco",tt:"Tártaro",uk:"Ucraniano",ur:"Urdu",uz:"Uzbeko",vi:"Vietnamita",xh:"Xhosa",yi:"Yidis",yo:"Yoruba",zh:"Chino",zu:"Zulú",defaultLanguage:"Si la traducción no está disponible, se utilizará el inglés"},k={auto:"Automatico",label:"Lingua",af:"Afrikaans",ar:"Arabo",az:"Azero",be:"Bielorusso",bg:"Bulgaro",bn:"Bengalese",bs:"Bosniaco",ca:"Catalano",ceb:"Cebuano",cs:"Ceco",cy:"Gallese",da:"Danese",de:"Tedesco",el:"Greco",en:"Inglese",eo:"Esperanto",es:"Spagnolo",et:"Estone",eu:"Basco",fa:"Persiano",fi:"Finlandese",fr:"Francese",fy:"Frisone",ga:"Irlandese",gd:"Gaelico scozzese",gl:"Galiziano",gu:"Gujarati",ha:"Hausa",haw:"Hawaiano",he:"Ebraico",hi:"Hindi",hmn:"Hmong",hr:"Croato",ht:"Creolo haitiano",hu:"Ungherese",hy:"Armeno",id:"Indonesiano",ig:"Igbo",is:"Islandese",it:"Italiano",ja:"Giapponese",jv:"Giavanese",ka:"Georgiano",kk:"Kazako",km:"Khmer",kn:"Kannada",ko:"Coreano",ku:"Curdo",ky:"Kirghiso",la:"Latino",lb:"Lussemburghese",lo:"Lao",lt:"Lituano",lv:"Lettone",mg:"Malgascio",mi:"Maori",mk:"Macedone",ml:"Malayalam",mn:"Mongolo",mr:"Marathi",ms:"Malese",mt:"Maltese",my:"Birmano",ne:"Nepalese",nl:"Olandese",no:"Norvegese",ny:"Chichewa",or:"Oriya",pa:"Punjabi",pl:"Polacco",ps:"Pashtu",pt:"Portoghese",ro:"Rumeno",ru:"Russo",sd:"Sindhi",si:"Singalese",sk:"Slovacco",sl:"Sloveno",sm:"Samoano",sn:"Shona",so:"Somalo",sq:"Albanese",sr:"Serbo",st:"Sesotho",su:"Sundanese",sv:"Svedese",sw:"Swahili",ta:"Tamil",te:"Telugu",tg:"Tagico",th:"Thai",tr:"Turco",tt:"Tataro",uk:"Ucraino",ur:"Urdu",uz:"Uzbeko",vi:"Vietnamita",xh:"Xhosa",yi:"Yiddish",yo:"Yoruba",zh:"Cinese",zu:"Zulu",defaultLanguage:"Se la traduzione non è disponibile, verrà utilizzato l'Inglese"};const v=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.languageChangeEvent=s(this,"mdsPrefLanguageChange",7),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.showDropdown=!1,this.localStorageAlias="mdsPrefLanguage",this.defaultLanguage="en",this.t=new n({el:p,en:f,es:y,it:k}),this.set="auto",this.toggleDropdown=()=>{this.showDropdown=!this.showDropdown},this.hideLanguageSelectDropdown=()=>{this.showDropdown=!1},this.changeLanguageSelectItem=()=>{this.elPreferLanguageItems.forEach((a=>{a.selected=!1}))},this.checkLanguageSelect=()=>{this.elPreferLanguageItems=this.element.querySelectorAll("mds-pref-language-item"),this.elPreferLanguageItems.forEach((a=>{a.addEventListener("mdsPrefLanguageItemSelect",(a=>{this.changeLanguageSelectItem(),this.currentSelectedItem=a.currentTarget,this.currentSelectedItem.selected=!0,this.languageChangeEvent.emit({language:this.currentSelectedItem.code}),this.showDropdown=!1,this.setLanguage(a.detail.language),this.t.update(document)}))})),this.elPreferLanguageItems.forEach((a=>{a.selected=a.code===this.set}))},this.sanitizeLanguage=a=>a.includes("-")?a.split("-")[0].toLowerCase():a,this.setLanguage=a=>{var e,s;if(!/(auto)|^[a-z]{2}(-[A-Z]{2})?$/gm.exec(a))throw Error("Language code set not reconized: "+a);if(this.set="auto"===a?null!==(s=null!==(e=this.userLanguage)&&void 0!==e?e:this.pageLanguage)&&void 0!==s?s:this.systemLanguage:this.sanitizeLanguage(a),this.prefChangeEvent.emit({preference:"language"}),localStorage.setItem(this.localStorageAlias,this.set),"undefined"!=typeof document){const a=document.querySelector("html");null==a||a.setAttribute("lang",this.set)}}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){this.checkLanguageSelect()}componentWillRender(){var a,e;this.systemLanguage=this.sanitizeLanguage(navigator.language),this.userLanguage=localStorage.getItem(this.localStorageAlias),this.pageLanguage=null!==(e=null===(a=document.querySelector("html"))||void 0===a?void 0:a.getAttribute("lang"))&&void 0!==e?e:null,this.setLanguage(this.set),this.t.lang(this.element)}render(){var a;return i(t,{key:"5817657d210b33095d874782e22a9474deb07186"},i("div",{key:"115825b394ff21c1cbd839592d08371fe4e9088b",class:"menu"},i("mds-text",{key:"cb0bcd46bedc0b7746147884ac26ffcfbf31e1af",class:"info",typography:"caption"},i("b",{key:"c9184216e4219ff8a2097cf1728903e16d0a1e07"},this.t.get("label"))),i("mds-tab",{key:"f71a4aa2177c36761317215d0e1fa81400f6bb8c",fill:!0,size:this.size},i("mds-tab-item",{key:"1991f5acca41b36d299deb007ff46755071c37f9",selected:!0,onClick:this.toggleDropdown,id:"mds-pref-language-nav",class:"item item--custom-language","icon-position":"right",icon:this.showDropdown?l:r},this.t.get(null!==(a=this.set)&&void 0!==a?a:"auto")))),i("mds-dropdown",{key:"f7fd96c2eef84b5b2230cfd5f8a74083d00d9846",class:"mds-pref-language-dropdown",target:"#mds-pref-language-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideLanguageSelectDropdown,autoPlacement:!0},i("slot",{key:"ce4d781b3b08cae00029bb36e8ea6d1f86461b30"})),this.set!==this.defaultLanguage&&i("mds-text",{key:"6ea5f8ca5cdc07692204f1b3635d4393ababfda9",typography:"caption"},this.t.get("defaultLanguage")))}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 reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,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-dropdown,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}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-language-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-language{cursor:pointer}.item--auto,.item--custom-language{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}"}},[257,"mds-pref-language",{size:[513],set:[1537],showDropdown:[32],language:[32],updateLang:[64]}]),S=v,w=function(){"undefined"!=typeof customElements&&["mds-pref-language","mds-button","mds-dropdown","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((a=>{switch(a){case"mds-pref-language":customElements.get(o(a))||customElements.define(o(a),v);break;case"mds-button":customElements.get(o(a))||m();break;case"mds-dropdown":customElements.get(o(a))||d();break;case"mds-icon":customElements.get(o(a))||u();break;case"mds-spinner":customElements.get(o(a))||h();break;case"mds-tab":customElements.get(o(a))||c();break;case"mds-tab-item":customElements.get(o(a))||g();break;case"mds-text":customElements.get(o(a))||b()}}))};export{S as MdsPrefLanguage,w as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as n}from"@stencil/core/internal/client";import{L as t}from"./locale.js";import{m as r}from"./keyboard-arrow-down.js";import{m as l}from"./keyboard-arrow-up.js";import{d}from"./mds-button2.js";import{d as m}from"./mds-dropdown2.js";import{d as u}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as c}from"./mds-tab2.js";import{d as g}from"./mds-tab-item2.js";import{d as b}from"./mds-text2.js";var p={auto:"Αυτόματο",label:"Γλώσσα",af:"Αφρικάανς",ar:"Αραβικά",az:"Αζερμπαϊτζανικά",be:"Λευκορωσικά",bg:"Βουλγαρικά",bn:"Μπενγκάλι",bs:"Βοσνιακά",ca:"Καταλανικά",ceb:"Σεμπουάνο",cs:"Τσεχικά",cy:"Ουαλικά",da:"Δανικά",de:"Γερμανικά",el:"Ελληνικά",en:"Αγγλικά",eo:"Εσπεράντο",es:"Ισπανικά",et:"Εσθονικά",eu:"Βασκικά",fa:"Περσικά",fi:"Φινλανδικά",fr:"Γαλλικά",fy:"Φριζικά",ga:"Ιρλανδικά",gd:"Σκωτικά Κέλτικα",gl:"Γαλικιανά",gu:"Γκουτζαράτι",ha:"Χάουσα",haw:"Χαβαϊκά",he:"Εβραϊκά",hi:"Χίντι",hmn:"Χμονγκ",hr:"Κροατικά",ht:"Κρεολικά Αϊτής",hu:"Ουγγρικά",hy:"Αρμενικά",id:"Ινδονησιακά",ig:"Ίγκμπο",is:"Ισλανδικά",it:"Ιταλικά",ja:"Ιαπωνικά",jv:"Ιαβανικά",ka:"Γεωργιανά",kk:"Καζακικά",km:"Χμερ",kn:"Κανάντα",ko:"Κορεατικά",ku:"Κουρδικά",ky:"Κιργιζικά",la:"Λατινικά",lb:"Λουξεμβουργιανά",lo:"Λάο",lt:"Λιθουανικά",lv:"Λετονικά",mg:"Μαλαγάσι",mi:"Μαορί",mk:"Μακεδονικά",ml:"Μαλαγιαλαμικά",mn:"Μογγολικά",mr:"Μαράθι",ms:"Μαλαϊκά",mt:"Μαλτέζικα",my:"Βιρμανικά",ne:"Νεπαλικά",nl:"Ολλανδικά",no:"Νορβηγικά",ny:"Τσιτσέουα",or:"Ορίγια",pa:"Παντζαπικά",pl:"Πολωνικά",ps:"Πάστο",pt:"Πορτογαλικά",ro:"Ρουμανικά",ru:"Ρωσικά",sd:"Σιντ",si:"Σινχαλέζικα",sk:"Σλοβακικά",sl:"Σλοβενικά",sm:"Σαμοανά",sn:"Σόνα",so:"Σομαλικά",sq:"Αλβανικά",sr:"Σερβικά",st:"Σόθο",su:"Σουνδανικά",sv:"Σουηδικά",sw:"Σουαχίλι",ta:"Ταμίλ",te:"Τελούγκου",tg:"Τατζικικά",th:"Ταϊλανδικά",tr:"Τουρκικά",tt:"Ταταρικά",uk:"Ουκρανικά",ur:"Ουρντού",uz:"Ουζμπεκικά",vi:"Βιετναμέζικα",xh:"Ξόσα",yi:"Γίντις",yo:"Γιορούμπα",zh:"Κινέζικα",zu:"Ζουλού",defaultLanguage:"Εάν η μετάφραση δεν είναι διαθέσιμη, θα χρησιμοποιηθούν τα Αγγλικά"},f={auto:"Automatic",label:"Language",af:"Afrikaans",ar:"Arabic",az:"Azerbaijani",be:"Belarusian",bg:"Bulgarian",bn:"Bengali",bs:"Bosnian",ca:"Catalan",ceb:"Cebuano",cs:"Czech",cy:"Welsh",da:"Danish",de:"German",el:"Greek",en:"English",eo:"Esperanto",es:"Spanish",et:"Estonian",eu:"Basque",fa:"Persian",fi:"Finnish",fr:"French",fy:"Frisian",ga:"Irish",gd:"Scottish Gaelic",gl:"Galician",gu:"Gujarati",ha:"Hausa",haw:"Hawaiian",he:"Hebrew",hi:"Hindi",hmn:"Hmong",hr:"Croatian",ht:"Haitian Creole",hu:"Hungarian",hy:"Armenian",id:"Indonesian",ig:"Igbo",is:"Icelandic",it:"Italian",ja:"Japanese",jv:"Javanese",ka:"Georgian",kk:"Kazakh",km:"Khmer",kn:"Kannada",ko:"Korean",ku:"Kurdish",ky:"Kyrgyz",la:"Latin",lb:"Luxembourgish",lo:"Lao",lt:"Lithuanian",lv:"Latvian",mg:"Malagasy",mi:"Maori",mk:"Macedonian",ml:"Malayalam",mn:"Mongolian",mr:"Marathi",ms:"Malay",mt:"Maltese",my:"Burmese",ne:"Nepali",nl:"Dutch",no:"Norwegian",ny:"Chichewa",or:"Odia",pa:"Punjabi",pl:"Polish",ps:"Pashto",pt:"Portuguese",ro:"Romanian",ru:"Russian",sd:"Sindhi",si:"Sinhala",sk:"Slovak",sl:"Slovenian",sm:"Samoan",sn:"Shona",so:"Somali",sq:"Albanian",sr:"Serbian",st:"Sesotho",su:"Sundanese",sv:"Swedish",sw:"Swahili",ta:"Tamil",te:"Telugu",tg:"Tajik",th:"Thai",tr:"Turkish",tt:"Tatar",uk:"Ukrainian",ur:"Urdu",uz:"Uzbek",vi:"Vietnamese",xh:"Xhosa",yi:"Yiddish",yo:"Yoruba",zh:"Chinese",zu:"Zulu",defaultLanguage:"If the translation is not available, English will be used"},k={auto:"Automático",label:"Idioma",af:"Afrikáans",ar:"Árabe",az:"Azerbaiyano",be:"Bielorruso",bg:"Búlgaro",bn:"Bengalí",bs:"Bosnio",ca:"Catalán",ceb:"Cebuano",cs:"Checo",cy:"Galés",da:"Danés",de:"Alemán",el:"Griego",en:"Inglés",eo:"Esperanto",es:"Español",et:"Estonio",eu:"Vasco",fa:"Persa",fi:"Finlandés",fr:"Francés",fy:"Frisón",ga:"Irlandés",gd:"Gaélico escocés",gl:"Gallego",gu:"Gujarati",ha:"Hausa",haw:"Hawaiano",he:"Hebreo",hi:"Hindi",hmn:"Hmong",hr:"Croata",ht:"Criollo haitiano",hu:"Húngaro",hy:"Armenio",id:"Indonesio",ig:"Igbo",is:"Islandés",it:"Italiano",ja:"Japonés",jv:"Javanés",ka:"Georgiano",kk:"Kazajo",km:"Jemer",kn:"Canarés",ko:"Coreano",ku:"Kurdo",ky:"Kirguís",la:"Latín",lb:"Luxemburgués",lo:"Lao",lt:"Lituano",lv:"Letón",mg:"Malgache",mi:"Maorí",mk:"Macedonio",ml:"Malayalam",mn:"Mongol",mr:"Maratí",ms:"Malayo",mt:"Maltés",my:"Birmano",ne:"Nepalí",nl:"Holandés",no:"Noruego",ny:"Chichewa",or:"Oriya",pa:"Panyabí",pl:"Polaco",ps:"Pastún",pt:"Portugués",ro:"Rumano",ru:"Ruso",sd:"Sindhi",si:"Cingalés",sk:"Eslovaco",sl:"Esloveno",sm:"Samoano",sn:"Shona",so:"Somalí",sq:"Albanés",sr:"Serbio",st:"Sesotho",su:"Sundanés",sv:"Sueco",sw:"Suajili",ta:"Tamil",te:"Telugu",tg:"Tayiko",th:"Tailandés",tr:"Turco",tt:"Tártaro",uk:"Ucraniano",ur:"Urdu",uz:"Uzbeko",vi:"Vietnamita",xh:"Xhosa",yi:"Yidis",yo:"Yoruba",zh:"Chino",zu:"Zulú",defaultLanguage:"Si la traducción no está disponible, se utilizará el inglés"},y={auto:"Automatico",label:"Lingua",af:"Afrikaans",ar:"Arabo",az:"Azero",be:"Bielorusso",bg:"Bulgaro",bn:"Bengalese",bs:"Bosniaco",ca:"Catalano",ceb:"Cebuano",cs:"Ceco",cy:"Gallese",da:"Danese",de:"Tedesco",el:"Greco",en:"Inglese",eo:"Esperanto",es:"Spagnolo",et:"Estone",eu:"Basco",fa:"Persiano",fi:"Finlandese",fr:"Francese",fy:"Frisone",ga:"Irlandese",gd:"Gaelico scozzese",gl:"Galiziano",gu:"Gujarati",ha:"Hausa",haw:"Hawaiano",he:"Ebraico",hi:"Hindi",hmn:"Hmong",hr:"Croato",ht:"Creolo haitiano",hu:"Ungherese",hy:"Armeno",id:"Indonesiano",ig:"Igbo",is:"Islandese",it:"Italiano",ja:"Giapponese",jv:"Giavanese",ka:"Georgiano",kk:"Kazako",km:"Khmer",kn:"Kannada",ko:"Coreano",ku:"Curdo",ky:"Kirghiso",la:"Latino",lb:"Lussemburghese",lo:"Lao",lt:"Lituano",lv:"Lettone",mg:"Malgascio",mi:"Maori",mk:"Macedone",ml:"Malayalam",mn:"Mongolo",mr:"Marathi",ms:"Malese",mt:"Maltese",my:"Birmano",ne:"Nepalese",nl:"Olandese",no:"Norvegese",ny:"Chichewa",or:"Oriya",pa:"Punjabi",pl:"Polacco",ps:"Pashtu",pt:"Portoghese",ro:"Rumeno",ru:"Russo",sd:"Sindhi",si:"Singalese",sk:"Slovacco",sl:"Sloveno",sm:"Samoano",sn:"Shona",so:"Somalo",sq:"Albanese",sr:"Serbo",st:"Sesotho",su:"Sundanese",sv:"Svedese",sw:"Swahili",ta:"Tamil",te:"Telugu",tg:"Tagico",th:"Thai",tr:"Turco",tt:"Tataro",uk:"Ucraino",ur:"Urdu",uz:"Uzbeko",vi:"Vietnamita",xh:"Xhosa",yi:"Yiddish",yo:"Yoruba",zh:"Cinese",zu:"Zulu",defaultLanguage:"Se la traduzione non è disponibile, verrà utilizzato l'Inglese"};const v=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.languageChangeEvent=s(this,"mdsPrefLanguageChange",7),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.showDropdown=!1,this.localStorageAlias="mdsPrefLanguage",this.defaultLanguage="en",this.t=new t({el:p,en:f,es:k,it:y}),this.set="auto",this.toggleDropdown=()=>{this.showDropdown=!this.showDropdown},this.hideLanguageSelectDropdown=()=>{this.showDropdown=!1},this.changeLanguageSelectItem=()=>{this.elPreferLanguageItems.forEach((a=>{a.selected=!1}))},this.checkLanguageSelect=()=>{this.elPreferLanguageItems=this.element.querySelectorAll("mds-pref-language-item"),this.elPreferLanguageItems.forEach((a=>{a.addEventListener("mdsPrefLanguageItemSelect",(a=>{this.changeLanguageSelectItem(),this.currentSelectedItem=a.currentTarget,this.currentSelectedItem.selected=!0,this.languageChangeEvent.emit({language:this.currentSelectedItem.code}),this.showDropdown=!1,this.setLanguage(a.detail.language),this.t.update(document)}))})),this.elPreferLanguageItems.forEach((a=>{a.selected=a.code===this.set}))},this.sanitizeLanguage=a=>a.includes("-")?a.split("-")[0].toLowerCase():a,this.setLanguage=a=>{var e,s;if(!/(auto)|^[a-z]{2}(-[A-Z]{2})?$/gm.exec(a))throw Error("Language code set not reconized: "+a);if(this.set="auto"===a?null!==(s=null!==(e=this.userLanguage)&&void 0!==e?e:this.pageLanguage)&&void 0!==s?s:this.systemLanguage:this.sanitizeLanguage(a),this.prefChangeEvent.emit({preference:"language"}),localStorage.setItem(this.localStorageAlias,this.set),"undefined"!=typeof document){const a=document.querySelector("html");null==a||a.setAttribute("lang",this.set)}}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){this.checkLanguageSelect()}componentWillRender(){var a,e;this.systemLanguage=this.sanitizeLanguage(navigator.language),this.userLanguage=localStorage.getItem(this.localStorageAlias),this.pageLanguage=null!==(e=null===(a=document.querySelector("html"))||void 0===a?void 0:a.getAttribute("lang"))&&void 0!==e?e:null,this.setLanguage(this.set),this.t.lang(this.element)}render(){var a;return i(o,{key:"478109efd35a0a896d1783008a16e9275733936d"},i("div",{key:"355b3d289bf281ed132e3bc900a434b4475c6bea",class:"menu"},i("mds-text",{key:"cd8902f3b078732a05c5763479ec947d412bce94",class:"info",typography:"caption"},i("b",{key:"e6298e5c502a2aa177e4669cecab22c8056e87eb"},this.t.get("label"))),i("mds-tab",{key:"f8456b33ec4d07a474994da5d08a333afd5a641f",fill:!0,size:this.size},i("mds-tab-item",{key:"fcc54b949621389e4e175dcfe297a0d137b28788",selected:!0,onClick:this.toggleDropdown,id:"mds-pref-language-nav",class:"item item--custom-language","icon-position":"right",icon:this.showDropdown?l:r},this.t.get(null!==(a=this.set)&&void 0!==a?a:"auto")))),i("mds-dropdown",{key:"5746fdd9a751a9c71c011aaff73bb3aff6b648f3",class:"mds-pref-language-dropdown",target:"#mds-pref-language-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideLanguageSelectDropdown},i("slot",{key:"f2a7cc484c3295aa6abd463fb365f8e4a099d130"})),this.set!==this.defaultLanguage&&i("mds-text",{key:"41ebb2d247ce5054ceb807d75539301efb33596c",typography:"caption"},this.t.get("defaultLanguage")))}get element(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-dropdown,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}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-language-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-language{cursor:pointer}.item--auto,.item--custom-language{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}"}},[257,"mds-pref-language",{size:[513],set:[1537],showDropdown:[32],language:[32],updateLang:[64]}]),S=v,w=function(){"undefined"!=typeof customElements&&["mds-pref-language","mds-button","mds-dropdown","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((a=>{switch(a){case"mds-pref-language":customElements.get(n(a))||customElements.define(n(a),v);break;case"mds-button":customElements.get(n(a))||d();break;case"mds-dropdown":customElements.get(n(a))||m();break;case"mds-icon":customElements.get(n(a))||u();break;case"mds-spinner":customElements.get(n(a))||h();break;case"mds-tab":customElements.get(n(a))||c();break;case"mds-tab-item":customElements.get(n(a))||g();break;case"mds-text":customElements.get(n(a))||b()}}))};export{S as MdsPrefLanguage,w as defineCustomElement}

package/dist/components/mds-pref-theme-variant-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as r,h as a,Host as s,transformTag as o}from"@stencil/core/internal/client";import{L as i}from"./locale.js";import{m as n}from"./check-circle.js";import{m}from"./circle.js";import{d as c}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";var u={noCode:"Nessun code impostato"},v={noCode:"No code set"};const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectVariantEvent=r(this,"mdsPrefThemeVariantItemSelect",7),this.t=new i({en:v,it:u}),this.name="default",this.scheme="all",this.selected=!1,this.handleClick=()=>{this.selectVariantEvent.emit({name:this.name,scheme:this.scheme})}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){this.t.lang(this.element),void 0!==this.label&&""!==this.label||(this.label=this.name.charAt(0).toUpperCase()+this.name.slice(1).replace(/-/g," "))}render(){return a(s,{key:"7c67e626a1111e762cf384dd1e07cca9e8ab3025",onClick:this.handleClick},a("mds-button",{key:"12b4207889f201e6b4424aa28472fcd4a637fb0b",icon:this.selected?n:m,variant:"dark",tone:"text"},a("div",{key:"7ab3d3e6667f2ff83d578579210888af336b7170",class:"label"},a("div",{key:"fadd43f41276b708742e4cf1a3902d2bb6c7dddf",class:"theme-preview"},a("div",{key:"0338afc3745f1212f9e924d7b7fb9e55d7f455fb",class:"theme-color theme-color--variant-primary"}),a("div",{key:"23acf3c5f95614ee9b83562f1061a612ee139332",class:"theme-color theme-color--status-success"}),a("div",{key:"bdefd9b571f74615d63a4e015626a096a92446dd",class:"theme-color theme-color--status-warning"}),a("div",{key:"fc128b9b30699cf52881ee3f559dc10d9323486a",class:"theme-color theme-color--status-error"})),this.label)))}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 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-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255))}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255));display:flex}.label{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.theme-preview{background-color:var(--mds-pref-theme-variant-item-color-background,rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76))));border-radius:var(--radius-md,12px);-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light);box-sizing:border-box;display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*100);height:calc(var(--spacing,.0025rem)*600);margin:1px;padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}.theme-color{background-color:var(--color-tone-neutral-09,rgb(var(--tone-neutral-09,228 228 228)));border-radius:var(--radius-lg,16px);height:calc(var(--spacing,.0025rem)*150);position:relative;width:calc(var(--spacing,.0025rem)*150)}.theme-color:after{border-radius:inherit;-webkit-box-shadow:var(--shadow-outline-light) inset;box-shadow:var(--shadow-outline-light) inset;content:"";display:flex;inset:0;position:absolute}.theme-color--variant-primary{background-color:var(--mds-pref-theme-variant-item-color-variant-primary,rgb(var(--variant-primary-03,211 226 255)))}.theme-color--status-success{background-color:var(--mds-pref-theme-variant-item-color-status-success,rgb(var(--status-success-06,0 171 97)))}.theme-color--status-warning{background-color:var(--mds-pref-theme-variant-item-color-status-warning,rgb(var(--status-warning-06,190 142 0)))}.theme-color--status-error{background-color:var(--mds-pref-theme-variant-item-color-status-error,rgb(var(--status-error-06,239 108 105)))}'}},[1,"mds-pref-theme-variant-item",{label:[1537],name:[513],scheme:[513],selected:[516],language:[32],updateLang:[64]}]),p=b,f=function(){"undefined"!=typeof customElements&&["mds-pref-theme-variant-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-pref-theme-variant-item":customElements.get(o(e))||customElements.define(o(e),b);break;case"mds-button":customElements.get(o(e))||c();break;case"mds-icon":customElements.get(o(e))||l();break;case"mds-spinner":customElements.get(o(e))||d();break;case"mds-text":customElements.get(o(e))||h()}}))};export{p as MdsPrefThemeVariantItem,f as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as a,Host as s,transformTag as o}from"@stencil/core/internal/client";import{L as i}from"./locale.js";import{m as n}from"./check-circle.js";import{m as c}from"./circle.js";import{d as m}from"./mds-button2.js";import{d as l}from"./mds-icon2.js";import{d}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";var u={noCode:"Nessun code impostato"},v={noCode:"No code set"};const b=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectVariantEvent=t(this,"mdsPrefThemeVariantItemSelect",7),this.t=new i({en:v,it:u}),this.name="default",this.scheme="all",this.selected=!1,this.handleClick=()=>{this.selectVariantEvent.emit({name:this.name,scheme:this.scheme})}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){this.t.lang(this.element),void 0!==this.label&&""!==this.label||(this.label=this.name.charAt(0).toUpperCase()+this.name.slice(1).replace(/-/g," "))}render(){return a(s,{key:"42ee77cb67158f239524a93cbb4c54a8edf2da9e",onClick:this.handleClick},a("mds-button",{key:"ded6bf478eb7919dcc82342203459ec0259b6e49",icon:this.selected?n:c,variant:"dark",tone:"text"},a("div",{key:"7582a7a064ebb938b3d7a70c185d03cb16099416",class:"label"},a("div",{key:"fe6351b1df4a62583bd2ea696204f3def3971002",class:"theme-preview"},a("div",{key:"059de0fdc833d65d6fc6b7720cfc9977a6289dfc",class:"theme-color theme-color--variant-primary"}),a("div",{key:"780567139731c2d362a62bb54abf087022c65e0c",class:"theme-color theme-color--status-success"}),a("div",{key:"392532402a1fd99529ebe324c640a28f35b1bb05",class:"theme-color theme-color--status-warning"}),a("div",{key:"59b928ce09c27986d8e08e40e03f43a17efcd03c",class:"theme-color theme-color--status-error"})),this.label)))}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-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255))}}}:host{--mds-pref-theme-variant-item-color-background:rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76)));--mds-pref-theme-variant-item-color-status-error:rgb(var(--status-error-06,239 108 105));--mds-pref-theme-variant-item-color-status-success:rgb(var(--status-success-06,0 171 97));--mds-pref-theme-variant-item-color-status-warning:rgb(var(--status-warning-06,190 142 0));--mds-pref-theme-variant-item-color-variant-primary:rgb(var(--variant-primary-03,211 226 255));display:flex}.label{align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*200)}.theme-preview{background-color:var(--mds-pref-theme-variant-item-color-background,rgb(var(--tint-base-lv1,var(--tone-neutral-09,76 76 76))));border-radius:var(--radius-md,12px);-webkit-box-shadow:var(--shadow-outline-light);box-shadow:var(--shadow-outline-light);box-sizing:border-box;display:inline-flex;flex-wrap:wrap;gap:calc(var(--spacing,.0025rem)*100);height:calc(var(--spacing,.0025rem)*600);margin:1px;padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}.theme-color{background-color:var(--color-tone-neutral-09,rgb(var(--tone-neutral-09,228 228 228)));border-radius:var(--radius-lg,16px);height:calc(var(--spacing,.0025rem)*150);position:relative;width:calc(var(--spacing,.0025rem)*150)}.theme-color:after{border-radius:inherit;-webkit-box-shadow:var(--shadow-outline-light) inset;box-shadow:var(--shadow-outline-light) inset;content:"";display:flex;inset:0;position:absolute}.theme-color--variant-primary{background-color:var(--mds-pref-theme-variant-item-color-variant-primary,rgb(var(--variant-primary-03,211 226 255)))}.theme-color--status-success{background-color:var(--mds-pref-theme-variant-item-color-status-success,rgb(var(--status-success-06,0 171 97)))}.theme-color--status-warning{background-color:var(--mds-pref-theme-variant-item-color-status-warning,rgb(var(--status-warning-06,190 142 0)))}.theme-color--status-error{background-color:var(--mds-pref-theme-variant-item-color-status-error,rgb(var(--status-error-06,239 108 105)))}'}},[1,"mds-pref-theme-variant-item",{label:[1537],name:[513],scheme:[513],selected:[516],language:[32],updateLang:[64]}]),p=b,g=function(){"undefined"!=typeof customElements&&["mds-pref-theme-variant-item","mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-pref-theme-variant-item":customElements.get(o(e))||customElements.define(o(e),b);break;case"mds-button":customElements.get(o(e))||m();break;case"mds-icon":customElements.get(o(e))||l();break;case"mds-spinner":customElements.get(o(e))||d();break;case"mds-text":customElements.get(o(e))||h()}}))};export{p as MdsPrefThemeVariantItem,g as defineCustomElement}

package/dist/components/mds-pref-theme-variant.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as a,transformTag as m}from"@stencil/core/internal/client";import{L as r}from"./locale.js";import{m as n}from"./keyboard-arrow-down.js";import{m as o}from"./keyboard-arrow-up.js";import{d}from"./mds-button2.js";import{d as h}from"./mds-dropdown2.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 p}from"./mds-tab-item2.js";import{d as f}from"./mds-text2.js";var u={label:"Θέμα"},v={label:"Theme"},y={label:"Tema"},g={label:"Tema"};const k=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.themeChangeEvent=s(this,"mdsPrefThemeVariantChange",7),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.showDropdown=!1,this.localStorageAliasThemeName="mdsPrefThemeName",this.localStorageAliasThemeScheme="mdsPrefThemeScheme",this.defaultTheme="default",this.t=new r({el:u,en:v,es:y,it:g}),this.clasNameThemeNamePrefix="pref-theme-name-",this.previousName=null,this.customPropertyAliasThemeScheme="--magma-pref-theme-scheme",this.customPropertyAliasThemeName="--magma-pref-theme-name",this.schemeSet={light:"pref-theme-scheme-light",dark:"pref-theme-scheme-dark",all:"pref-theme-scheme-all"},this.name="default",this.scheme="all",this.toggleDropdown=()=>{this.showDropdown=!this.showDropdown},this.hideThemeVariantDropdownSelect=()=>{this.showDropdown=!1},this.changeThemeVariantItem=()=>{this.elPreferThemeVariantItems.forEach((e=>{e.selected=!1}))},this.checkThemeVariantSelect=()=>{this.elPreferThemeVariantItems=this.element.querySelectorAll("mds-pref-theme-variant-item"),this.elPreferThemeVariantItems.forEach((e=>{e.addEventListener("mdsPrefThemeVariantItemSelect",(e=>{this.changeThemeVariantItem(),this.currentSelectedItem=e.currentTarget,this.currentSelectedItem.selected=!0;const t=e.detail.name.toLowerCase(),s=e.detail.scheme.toLowerCase();this.themeChangeEvent.emit({name:t,scheme:s}),this.showDropdown=!1,this.setThemeVariant(t,s),this.t.update(document)}))})),this.elPreferThemeVariantItems.forEach((e=>{e.selected=e.name===this.name}))},this.setThemeVariant=(e,t)=>{if(!/^[a-z]+(-[a-z]+)*$/gm.exec(e))throw Error("Theme variant name not valid: "+e);if(this.name=e,this.scheme=t,this.prefChangeEvent.emit({preference:"theme-variant"}),localStorage.setItem(this.localStorageAliasThemeName,this.name),localStorage.setItem(this.localStorageAliasThemeScheme,this.scheme),"undefined"!=typeof document){const e=document.querySelector("html");for(const t in this.schemeSet)({}).hasOwnProperty.call(this.schemeSet,t)&&(null==e||e.classList.remove(this.schemeSet[t]));null!==this.previousName&&""!==this.previousName&&(null==e||e.classList.remove(this.clasNameThemeNamePrefix+this.previousName)),null==e||e.setAttribute("data-theme-name",this.name),null==e||e.classList.add(this.schemeSet[this.scheme]),null==e||e.classList.add(this.clasNameThemeNamePrefix+this.name),null==e||e.style.setProperty(this.customPropertyAliasThemeName,this.name),null==e||e.style.setProperty(this.customPropertyAliasThemeScheme,this.scheme),this.previousName=this.name}}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){this.checkThemeVariantSelect()}componentWillRender(){var e,t;this.userThemeName=localStorage.getItem(this.localStorageAliasThemeName),this.userThemeScheme=localStorage.getItem(this.localStorageAliasThemeScheme),this.setThemeVariant(null!==(e=this.userThemeName)&&void 0!==e?e:this.name,null!==(t=this.userThemeScheme)&&void 0!==t?t:this.scheme),this.t.lang(this.element)}render(){return i(a,{key:"5232c814c636b1f3cf3351e67460cdfd9b9c1b56"},i("div",{key:"a2a255a4c62cc2aa4cbac79886e629bebce294f7",class:"menu"},i("mds-text",{key:"02a7f081c306907d973009a3a7e73b8059940352",class:"info",typography:"caption"},i("b",{key:"01967f8b9aea1f6324ef1f15d5ae958b92e005b4"},this.t.get("label"))),i("mds-tab",{key:"ef02c8b82bbadcad95541f67be2dcf4ba0ddc2fc",fill:!0,size:this.size},i("mds-tab-item",{key:"663e683eac4d520e61fbc76cf4d048feacb798d2",selected:!0,onClick:this.toggleDropdown,id:"mds-pref-theme-variant-nav",class:"item item--custom-theme-variant","icon-position":"right",icon:this.showDropdown?o:n},this.name))),i("mds-dropdown",{key:"e86ce5ba509a6b015add47622fe94d6d59aba713",class:"mds-pref-theme-variant-dropdown",target:"#mds-pref-theme-variant-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideThemeVariantDropdownSelect,autoPlacement:!0},i("slot",{key:"9b18d8d7f8d5bdb1b75150ee0559c12f8d385bda"})),this.name!==this.defaultTheme&&i("mds-text",{key:"60cb41f838f81abdbf7e7d78fb56ea6faca48c26",typography:"caption"},this.t.get("defaultTheme")))}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 reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,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-dropdown,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}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-theme-variant-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-theme-variant{cursor:pointer}.item--auto,.item--custom-theme-variant{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}"}},[257,"mds-pref-theme-variant",{size:[513],name:[1537],scheme:[1537],showDropdown:[32],language:[32],updateLang:[64]}]),w=k,x=function(){"undefined"!=typeof customElements&&["mds-pref-theme-variant","mds-button","mds-dropdown","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((e=>{switch(e){case"mds-pref-theme-variant":customElements.get(m(e))||customElements.define(m(e),k);break;case"mds-button":customElements.get(m(e))||d();break;case"mds-dropdown":customElements.get(m(e))||h();break;case"mds-icon":customElements.get(m(e))||l();break;case"mds-spinner":customElements.get(m(e))||c();break;case"mds-tab":customElements.get(m(e))||b();break;case"mds-tab-item":customElements.get(m(e))||p();break;case"mds-text":customElements.get(m(e))||f()}}))};export{w as MdsPrefThemeVariant,x as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as a,transformTag as m}from"@stencil/core/internal/client";import{L as r}from"./locale.js";import{m as d}from"./keyboard-arrow-down.js";import{m as n}from"./keyboard-arrow-up.js";import{d as o}from"./mds-button2.js";import{d as h}from"./mds-dropdown2.js";import{d as l}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as f}from"./mds-tab2.js";import{d as p}from"./mds-tab-item2.js";import{d as b}from"./mds-text2.js";var u={label:"Θέμα"},g={label:"Theme"},v={label:"Tema"},y={label:"Tema"};const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.themeChangeEvent=s(this,"mdsPrefThemeVariantChange",7),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.showDropdown=!1,this.localStorageAliasThemeName="mdsPrefThemeName",this.localStorageAliasThemeScheme="mdsPrefThemeScheme",this.defaultTheme="default",this.t=new r({el:u,en:g,es:v,it:y}),this.clasNameThemeNamePrefix="pref-theme-name-",this.previousName=null,this.customPropertyAliasThemeScheme="--magma-pref-theme-scheme",this.customPropertyAliasThemeName="--magma-pref-theme-name",this.schemeSet={light:"pref-theme-scheme-light",dark:"pref-theme-scheme-dark",all:"pref-theme-scheme-all"},this.name="default",this.scheme="all",this.toggleDropdown=()=>{this.showDropdown=!this.showDropdown},this.hideThemeVariantDropdownSelect=()=>{this.showDropdown=!1},this.changeThemeVariantItem=()=>{this.elPreferThemeVariantItems.forEach((t=>{t.selected=!1}))},this.checkThemeVariantSelect=()=>{this.elPreferThemeVariantItems=this.element.querySelectorAll("mds-pref-theme-variant-item"),this.elPreferThemeVariantItems.forEach((t=>{t.addEventListener("mdsPrefThemeVariantItemSelect",(t=>{this.changeThemeVariantItem(),this.currentSelectedItem=t.currentTarget,this.currentSelectedItem.selected=!0;const e=t.detail.name.toLowerCase(),s=t.detail.scheme.toLowerCase();this.themeChangeEvent.emit({name:e,scheme:s}),this.showDropdown=!1,this.setThemeVariant(e,s),this.t.update(document)}))})),this.elPreferThemeVariantItems.forEach((t=>{t.selected=t.name===this.name}))},this.setThemeVariant=(t,e)=>{if(!/^[a-z]+(-[a-z]+)*$/gm.exec(t))throw Error("Theme variant name not valid: "+t);if(this.name=t,this.scheme=e,this.prefChangeEvent.emit({preference:"theme-variant"}),localStorage.setItem(this.localStorageAliasThemeName,this.name),localStorage.setItem(this.localStorageAliasThemeScheme,this.scheme),"undefined"!=typeof document){const t=document.querySelector("html");for(const e in this.schemeSet)({}).hasOwnProperty.call(this.schemeSet,e)&&(null==t||t.classList.remove(this.schemeSet[e]));null!==this.previousName&&""!==this.previousName&&(null==t||t.classList.remove(this.clasNameThemeNamePrefix+this.previousName)),null==t||t.setAttribute("data-theme-name",this.name),null==t||t.classList.add(this.schemeSet[this.scheme]),null==t||t.classList.add(this.clasNameThemeNamePrefix+this.name),null==t||t.style.setProperty(this.customPropertyAliasThemeName,this.name),null==t||t.style.setProperty(this.customPropertyAliasThemeScheme,this.scheme),this.previousName=this.name}}}async updateLang(){this.language=this.t.lang(this.element)}componentDidLoad(){this.checkThemeVariantSelect()}componentWillRender(){var t,e;this.userThemeName=localStorage.getItem(this.localStorageAliasThemeName),this.userThemeScheme=localStorage.getItem(this.localStorageAliasThemeScheme),this.setThemeVariant(null!==(t=this.userThemeName)&&void 0!==t?t:this.name,null!==(e=this.userThemeScheme)&&void 0!==e?e:this.scheme),this.t.lang(this.element)}render(){return i(a,{key:"97f9130b904fd7998d3da4d20b7a46a4b0530065"},i("div",{key:"7a8d483f98133601ecc97edc4cee8f31e8b7b864",class:"menu"},i("mds-text",{key:"1f3782fef56a8ac6ace60b455693cd88e9b1e649",class:"info",typography:"caption"},i("b",{key:"55dd9af6749679f2378bafa43bd51af2bbfb2634"},this.t.get("label"))),i("mds-tab",{key:"82a4b30848480d9197d5d2ba3fe5b0cc05663819",fill:!0,size:this.size},i("mds-tab-item",{key:"df76e914b9a1fdb79f2297100d1c3fe8b26c9f49",selected:!0,onClick:this.toggleDropdown,id:"mds-pref-theme-variant-nav",class:"item item--custom-theme-variant","icon-position":"right",icon:this.showDropdown?n:d},this.name))),i("mds-dropdown",{key:"301fd7431fe6eaf5c33ae4cd2d1d9fc530c41827",class:"mds-pref-theme-variant-dropdown",target:"#mds-pref-theme-variant-nav",interaction:"none",visible:this.showDropdown,onMdsDropdownHide:this.hideThemeVariantDropdownSelect},i("slot",{key:"ec4fe15341f0b8c52a63421f8dfd90725a1c875f"})),this.name!==this.defaultTheme&&i("mds-text",{key:"b6acf063e1b0806b0baedfe6f166dde10c85e8ad",typography:"caption"},this.t.get("defaultTheme")))}get element(){return this}static get style(){return"@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-dropdown,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}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-theme-variant-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-theme-variant{cursor:pointer}.item--auto,.item--custom-theme-variant{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}"}},[257,"mds-pref-theme-variant",{size:[513],name:[1537],scheme:[1537],showDropdown:[32],language:[32],updateLang:[64]}]),w=k,x=function(){"undefined"!=typeof customElements&&["mds-pref-theme-variant","mds-button","mds-dropdown","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((t=>{switch(t){case"mds-pref-theme-variant":customElements.get(m(t))||customElements.define(m(t),k);break;case"mds-button":customElements.get(m(t))||o();break;case"mds-dropdown":customElements.get(m(t))||h();break;case"mds-icon":customElements.get(m(t))||l();break;case"mds-spinner":customElements.get(m(t))||c();break;case"mds-tab":customElements.get(m(t))||f();break;case"mds-tab-item":customElements.get(m(t))||p();break;case"mds-text":customElements.get(m(t))||b()}}))};export{w as MdsPrefThemeVariant,x as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as o,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./unit.js";import{m}from"./settings.js";import{L as h}from"./locale.js";import{i as d}from"./browser.js";import{d as l}from"./mds-button2.js";import{d as n}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as f}from"./mds-tab2.js";import{d as b}from"./mds-tab-item2.js";import{d as p}from"./mds-text2.js";var u={darkMode:"Σκούρο",label:"Λειτουργία θέματος",lightMode:"Ανοιχτό{{#forced}} (επιβεβλημένο στο Safari){{/forced}}",systemSettings:"Με βάση το λειτουργικό σύστημα"},g={darkMode:"Dark",label:"Theme mode",lightMode:"Light{{#forced}} (forced on Safari){{/forced}}",systemSettings:"Based on operating system"},y={darkMode:"Oscura",label:"Modo de tema",lightMode:"Clara{{#forced}} (forzada en Safari){{/forced}}",systemSettings:"Basado en el sistema operativo"},v={darkMode:"Scura",label:"Modalità tema",lightMode:"Chiara{{#forced}} (forzata su Safari){{/forced}}",systemSettings:"Basato sul sistema operativo"};const k=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.defaultMode="system",this.t=new h({el:u,en:g,es:y,it:v}),this.localStorageAlias="mdsPrefTheme",this.customPropertyAlias="--magma-pref-user-theme",this.overlayBackgroundVisible="rgb(var(--tone-neutral))",this.overlayBackgroundHidden="rgb(var(--tone-neutral) / 0)",this.cssOverlayShowDuration="300",this.cssOverlayFadeoutDuration="200",this.cssOverlayZIndex="6000",this.overlayId="mds-pref-theme-overlay",this.overlayShow=!1,this.disabled=!1,this.updateCSSCustomProps=()=>{var e,t,s;if("undefined"==typeof window)return;const i=window.getComputedStyle(this.element);this.cssOverlayShowDuration=null!==(e=i.getPropertyValue("--mds-pref-theme-overlay-show-duration"))&&void 0!==e?e:"300",this.cssOverlayFadeoutDuration=null!==(t=i.getPropertyValue("--mds-pref-theme-overlay-fadeout-duration"))&&void 0!==t?t:"200",this.cssOverlayZIndex=null!==(s=i.getPropertyValue("--mds-pref-theme-overlay-z-index"))&&void 0!==s?s:"6000"},this.transition="smooth",this.theme={dark:{selector:"pref-theme-dark",label:"darkMode"},system:{selector:"pref-theme-system",label:"systemSettings"},light:{selector:"pref-theme-light",label:"lightMode"}},this.setTheme=e=>{if(this.prefChangeEvent.emit({preference:"theme-mode"}),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),"undefined"!=typeof document){const t=document.querySelector("html");for(const e in this.theme)({}).hasOwnProperty.call(this.theme,e)&&(null==t||t.classList.remove(this.theme[e].selector));null==t||t.classList.add(this.theme[e].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}},this.isDarkMode=()=>window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,this.getColorScheme=e=>void 0!==e?"system"===e?this.isDarkMode()?"dark":"light":e:"system"===this.mode?this.isDarkMode()?"dark":"light":this.mode,this.instanceOverlay=()=>{null==this.overlayEl&&(this.overlayEl=document.createElement("div"),this.overlayEl.className=this.overlayId,this.overlayEl.style.inset="0",this.overlayEl.style.pointerEvents="none",this.overlayEl.style.position="fixed",this.overlayEl.style.transition=`background-color ${this.cssOverlayFadeoutDuration} ease-out`,this.overlayEl.style.zIndex=this.cssOverlayZIndex),this.overlayEl.style.backgroundColor=this.overlayBackgroundHidden},this.attachFlashOverlayTransition=()=>{this.overlayShow=!0,this.instanceOverlay(),this.overlayEl.style.backgroundColor=this.overlayBackgroundVisible,document.body.appendChild(this.overlayEl),clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.overlayShow=!1,this.detachOverlayTransition()}),r(this.cssOverlayShowDuration))},this.attachSmoothOverlayTransition=e=>{this.overlayShow=!0,this.instanceOverlay(),document.body.appendChild(this.overlayEl),clearTimeout(this.overlaySmoothTimer),this.overlaySmoothTimer=setTimeout((()=>{this.overlayEl.style.backgroundColor=this.overlayBackgroundVisible,clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.setTheme(e),clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.overlayShow=!1,this.detachOverlayTransition()}),r(this.cssOverlayFadeoutDuration))}),r(this.cssOverlayShowDuration))}),1)},this.changeTheme=e=>{if(!this.disabled)if(this.getColorScheme()!==this.getColorScheme(e))switch(this.transition){case"none":default:this.setTheme(e);break;case"flash":this.setTheme(e),this.attachFlashOverlayTransition();break;case"smooth":this.attachSmoothOverlayTransition(e)}else this.setTheme(e)}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),d()?(this.disabled=!0,this.mode="light"):this.setTheme(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}componentDidLoad(){this.updateCSSCustomProps()}modeChanged(e,t){e!==t&&this.setTheme(e)}detachOverlayTransition(){null!=this.overlayEl&&(this.overlayEl.style.backgroundColor=this.overlayBackgroundHidden,clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.overlayEl.remove()}),r(this.cssOverlayFadeoutDuration)))}render(){var e,t;return i(o,{key:"d39c062c0ddd2b9f321ce4d153613ab35628ba07"},i("mds-text",{key:"547812a4d5c9e790fdb71e19e39156842a1635e2",class:"info",typography:"caption"},i("b",{key:"343a8359be692988c9ec734d52246d16950e6185"},this.t.get("label"))," ",this.disabled?this.t.get(this.theme[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label,{forced:!0}):this.t.get(this.theme[null!==(t=this.mode)&&void 0!==t?t:this.defaultMode].label,{forced:!1})),i("mds-tab",{key:"86baac9e84e019c9367a521fcc6d1a61adbc43ce",fill:!0,size:this.size},i("mds-tab-item",{key:"8c1d7742877300f0efe7c9e93ddb99aa24722cca",disabled:this.disabled,selected:"light"===this.mode,onClick:()=>{this.overlayShow||this.changeTheme("light")},class:"item item--light",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>'}),i("mds-tab-item",{key:"1974867e21420238c2e8000091dd2e5dfaf4d0c1",disabled:this.disabled,selected:"system"===this.mode,onClick:()=>{this.overlayShow||this.changeTheme("system")},class:"item item--system",icon:m}),i("mds-tab-item",{key:"1c433c2879c2165b08d896bdb8fff6d7d8fe1b2e",disabled:this.disabled,selected:"dark"===this.mode,onClick:()=>{this.overlayShow||this.changeTheme("dark")},class:"item item--dark",icon:"dark"===this.mode?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49zM12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></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 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-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000)}}}@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}@property --mds-pref-theme-overlay-fadeout-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-pref-theme-overlay-show-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000);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--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}.item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-06,188 143 6))}.item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-06,13 158 224))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),: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-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}}'}},[1,"mds-pref-theme",{size:[513],mode:[1537],transition:[1537],language:[32],disabled:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),w=k,x=function(){"undefined"!=typeof customElements&&["mds-pref-theme","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((e=>{switch(e){case"mds-pref-theme":customElements.get(a(e))||customElements.define(a(e),k);break;case"mds-button":customElements.get(a(e))||l();break;case"mds-icon":customElements.get(a(e))||n();break;case"mds-spinner":customElements.get(a(e))||c();break;case"mds-tab":customElements.get(a(e))||f();break;case"mds-tab-item":customElements.get(a(e))||b();break;case"mds-text":customElements.get(a(e))||p()}}))};export{w as MdsPrefTheme,x as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./unit.js";import{m as h}from"./settings.js";import{L as m}from"./locale.js";import{i as d}from"./browser.js";import{s as l}from"./preference.js";import{d as n}from"./mds-button2.js";import{d as c}from"./mds-icon2.js";import{d as f}from"./mds-spinner2.js";import{d as p}from"./mds-tab2.js";import{d as u}from"./mds-tab-item2.js";import{d as b}from"./mds-text2.js";var g={darkMode:"Σκούρο",label:"Λειτουργία θέματος",lightMode:"Ανοιχτό{{#forced}} (επιβεβλημένο στο Safari){{/forced}}",systemSettings:"Με βάση το λειτουργικό σύστημα"},v={darkMode:"Dark",label:"Theme mode",lightMode:"Light{{#forced}} (forced on Safari){{/forced}}",systemSettings:"Based on operating system"},y={darkMode:"Oscura",label:"Modo de tema",lightMode:"Clara{{#forced}} (forzada en Safari){{/forced}}",systemSettings:"Basado en el sistema operativo"},k={darkMode:"Scura",label:"Modalità tema",lightMode:"Chiara{{#forced}} (forzata su Safari){{/forced}}",systemSettings:"Basato sul sistema operativo"};const w=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.prefChangeEvent=s(this,"mdsPrefChange",7),this.defaultMode="system",this.t=new m({el:g,en:v,es:y,it:k}),this.localStorageAlias="mdsPrefTheme",this.customPropertyAlias="--magma-pref-user-theme",this.overlayBackgroundVisible="rgb(var(--tone-neutral))",this.overlayBackgroundHidden="rgb(var(--tone-neutral) / 0)",this.cssOverlayShowDuration="300",this.cssOverlayFadeoutDuration="200",this.cssOverlayZIndex="6000",this.overlayId="mds-pref-theme-overlay",this.overlayShow=!1,this.disabled=!1,this.updateCSSCustomProps=()=>{var e,t,s;if("undefined"==typeof window)return;const i=window.getComputedStyle(this.element);this.cssOverlayShowDuration=null!==(e=i.getPropertyValue("--mds-pref-theme-overlay-show-duration"))&&void 0!==e?e:"300",this.cssOverlayFadeoutDuration=null!==(t=i.getPropertyValue("--mds-pref-theme-overlay-fadeout-duration"))&&void 0!==t?t:"200",this.cssOverlayZIndex=null!==(s=i.getPropertyValue("--mds-pref-theme-overlay-z-index"))&&void 0!==s?s:"6000"},this.transition="smooth",this.theme={dark:{selector:"pref-theme-dark",label:"darkMode"},system:{selector:"pref-theme-system",label:"systemSettings"},light:{selector:"pref-theme-light",label:"lightMode"}},this.setTheme=e=>{if(this.prefChangeEvent.emit({preference:"theme-mode"}),this.mode=e,localStorage.setItem(this.localStorageAlias,this.mode),"undefined"!=typeof document){const t=document.querySelector("html");for(const e in this.theme)({}).hasOwnProperty.call(this.theme,e)&&(null==t||t.classList.remove(this.theme[e].selector));null==t||t.classList.add(this.theme[e].selector),null==t||t.style.setProperty(this.customPropertyAlias,this.mode)}},this.isDarkMode=()=>window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches,this.getColorScheme=e=>void 0!==e?"system"===e?this.isDarkMode()?"dark":"light":e:"system"===this.mode?this.isDarkMode()?"dark":"light":this.mode,this.instanceOverlay=()=>{null==this.overlayEl&&(this.overlayEl=document.createElement("div"),this.overlayEl.className=this.overlayId,this.overlayEl.style.inset="0",this.overlayEl.style.pointerEvents="none",this.overlayEl.style.position="fixed",this.overlayEl.style.transition=`background-color ${this.cssOverlayFadeoutDuration} ease-out`,this.overlayEl.style.zIndex=this.cssOverlayZIndex),this.overlayEl.style.backgroundColor=this.overlayBackgroundHidden},this.attachFlashOverlayTransition=()=>{this.overlayShow=!0,this.instanceOverlay(),this.overlayEl.style.backgroundColor=this.overlayBackgroundVisible,document.body.appendChild(this.overlayEl),clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.overlayShow=!1,this.detachOverlayTransition()}),o(this.cssOverlayShowDuration))},this.attachSmoothOverlayTransition=e=>{this.overlayShow=!0,this.instanceOverlay(),document.body.appendChild(this.overlayEl),clearTimeout(this.overlaySmoothTimer),this.overlaySmoothTimer=setTimeout((()=>{this.overlayEl.style.backgroundColor=this.overlayBackgroundVisible,clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.setTheme(e),clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.overlayShow=!1,this.detachOverlayTransition()}),o(this.cssOverlayFadeoutDuration))}),o(this.cssOverlayShowDuration))}),1)},this.changeTheme=e=>{if(!this.disabled)if(this.getColorScheme()!==this.getColorScheme(e))switch(this.transition){case"none":default:this.setTheme(e);break;case"flash":this.setTheme(e),this.attachFlashOverlayTransition();break;case"smooth":this.attachSmoothOverlayTransition(e)}else this.setTheme(e)},this.handleModeClick=e=>()=>{this.overlayShow||this.changeTheme(e)}}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){var e,t;this.t.lang(this.element),d()?(this.disabled=!0,this.mode="light"):this.setTheme(null!==(t=null!==(e=this.mode)&&void 0!==e?e:localStorage.getItem(this.localStorageAlias))&&void 0!==t?t:this.defaultMode)}componentDidLoad(){this.updateCSSCustomProps()}modeChanged(e,t){e!==t&&this.setTheme(e)}detachOverlayTransition(){null!=this.overlayEl&&(this.overlayEl.style.backgroundColor=this.overlayBackgroundHidden,clearTimeout(this.overlayTimer),this.overlayTimer=setTimeout((()=>{this.overlayEl.remove()}),o(this.cssOverlayFadeoutDuration)))}connectedCallback(){this.unsubscribePrefContrast=l("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=l("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=l("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,t,s;null===(e=this.unsubscribePrefContrast)||void 0===e||e.call(this),null===(t=this.unsubscribePrefTheme)||void 0===t||t.call(this),null===(s=this.unsubscribePrefThemeScheme)||void 0===s||s.call(this)}render(){var e,t;return i(a,{key:"7280b0d7c2ad7329e4170fc9a039575086debf30","pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},i("mds-text",{key:"db45fd3a2e56c6f4cb6e9a8c2f7305aae9ea891e",class:"info",typography:"caption"},i("b",{key:"2b94106cf9f48d0dd17010d3202d4a115cf98915"},this.t.get("label"))," ",this.disabled?this.t.get(this.theme[null!==(e=this.mode)&&void 0!==e?e:this.defaultMode].label,{forced:!0}):this.t.get(this.theme[null!==(t=this.mode)&&void 0!==t?t:this.defaultMode].label,{forced:!1})),i("mds-tab",{key:"cd9873a00095c71a5ff81f38dae8d685ad37a6f0",fill:!0,size:this.size},i("mds-tab-item",{key:"a85d3c5f6b9be4adb37638e45a5d75536e3dd442",disabled:this.disabled,selected:"light"===this.mode,onClick:this.handleModeClick("light"),class:"item item--light",icon:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37a.996.996 0 0 0-1.41 0a.996.996 0 0 0 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0a.996.996 0 0 0 0-1.41l-1.06-1.06zm1.06-10.96a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36a.996.996 0 0 0 0-1.41a.996.996 0 0 0-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"/></svg>'}),i("mds-tab-item",{key:"713173f22fceff76de9f6751bd0a753f68aac8c7",disabled:this.disabled,selected:"system"===this.mode,onClick:this.handleModeClick("system"),class:"item item--system",icon:h}),i("mds-tab-item",{key:"766dbe686e2fd8609ec3a1a6716d4c428bc1391e",disabled:this.disabled,selected:"dark"===this.mode,onClick:this.handleModeClick("dark"),class:"item item--dark",icon:"dark"===this.mode?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49zM12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z"/></svg>'})))}get element(){return this}static get watchers(){return{mode:[{modeChanged: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-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000)}}}: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}@property --mds-pref-theme-overlay-fadeout-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-pref-theme-overlay-show-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-pref-theme-overlay-fadeout-duration:.2s;--mds-pref-theme-overlay-show-duration:.3s;--mds-pref-theme-overlay-z-index:var(--magma-theme-overlay-z-index,6000);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--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}.item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-06,188 143 6))}.item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-06,13 158 224))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:host([pref-theme=dark]:not([pref-theme-scheme=light])) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}@media (prefers-color-scheme:dark){:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item--light{--mds-tab-item-selected-color:rgb(var(--label-yellow-03,251 224 142))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-contrast]))) .item--dark{--mds-tab-item-selected-color:rgb(var(--label-sky-03,191 232 251))}}'}},[1,"mds-pref-theme",{size:[513],mode:[1537],transition:[1537],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],language:[32],disabled:[32],updateLang:[64]},void 0,{mode:[{modeChanged:0}]}]),x=w,z=function(){"undefined"!=typeof customElements&&["mds-pref-theme","mds-button","mds-icon","mds-spinner","mds-tab","mds-tab-item","mds-text"].forEach((e=>{switch(e){case"mds-pref-theme":customElements.get(r(e))||customElements.define(r(e),w);break;case"mds-button":customElements.get(r(e))||n();break;case"mds-icon":customElements.get(r(e))||c();break;case"mds-spinner":customElements.get(r(e))||f();break;case"mds-tab":customElements.get(r(e))||p();break;case"mds-tab-item":customElements.get(r(e))||u();break;case"mds-text":customElements.get(r(e))||b()}}))};export{x as MdsPrefTheme,z as defineCustomElement}

package/dist/components/mds-pref.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{L as o}from"./locale.js";import{d as n}from"./mds-text2.js";var r={reloadPageToSeeChanges:"Πρέπει να ανανεώσετε τη σελίδα για να δείτε όλες τις αλλαγές, διαφορετικά θα είναι ορατές μόνο για τα πρόσφατα μεταφορτωμένα στοιχεία."},d={reloadPageToSeeChanges:"You must refresh the page to see all changes, or they will only be visible for new items uploaded."},h={reloadPageToSeeChanges:"Es necesario actualizar la página para ver todos los cambios, o solo serán visibles para los nuevos elementos cargados."},l={reloadPageToSeeChanges:"È necessario aggiornare la pagina per vedere tutti i cambiamenti, oppure saranno visibili solo per i nuovi elementi caricati."};const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showReload=!1,this.prefNeedsReload=["consumption","language"],this.t=new o({el:r,en:d,es:h,it:l}),this.addPerfEvents=()=>{this.addEvent(this.host.querySelector("mds-pref-consumption")),this.addEvent(this.host.querySelector("mds-pref-contrast")),this.addEvent(this.host.querySelector("mds-pref-language")),this.addEvent(this.host.querySelector("mds-pref-theme")),this.addEvent(this.host.querySelector("mds-pref-theme-variant"))},this.removePerfEvents=()=>{this.removeEvent(this.host.querySelector("mds-pref-consumption")),this.removeEvent(this.host.querySelector("mds-pref-contrast")),this.removeEvent(this.host.querySelector("mds-pref-language")),this.removeEvent(this.host.querySelector("mds-pref-theme")),this.removeEvent(this.host.querySelector("mds-pref-theme-variant"))},this.handlePrefChangeEvent=e=>{this.prefNeedsReload.includes(e.detail.preference)&&(this.showReload=!0,"language"===e.detail.preference&&this.t.lang(this.host))},this.addEvent=e=>{e&&e.addEventListener("mdsPrefChange",this.handlePrefChangeEvent.bind(this))},this.removeEvent=e=>{e&&e.removeEventListener("mdsPrefChange",this.handlePrefChangeEvent.bind(this))}}async updateLang(){this.language=this.t.lang(this.host)}handleControllerChange(e){!1===e&&(this.controller=void 0)}handleSizeChange(e){Array.from(this.host.querySelectorAll("*")).filter((e=>e.tagName.toLowerCase().startsWith("mds-pref-"))).forEach((t=>{t.size=e}))}componentWillRender(){this.t.lang(this.host)}componentDidLoad(){var e;"undefined"!=typeof window&&(null===(e=document.documentElement)||void 0===e||e.setAttribute("data-magma-pref","")),this.controller&&this.addPerfEvents()}disconnectedCallback(){var e;"undefined"!=typeof window&&(null===(e=document.documentElement)||void 0===e||e.removeAttribute("data-magma-pref")),this.removePerfEvents()}render(){return s(a,{key:"9b6e06abc8d530f2e148f4823bb70ace4cfd786b"},s("slot",{key:"5be136360ee11b12cec8664a1e6c228c924a4123"}),this.showReload&&s("div",{key:"a10b658b7a064be2b89101422e273402235c92c8",class:"reload-required"},s("mds-text",{key:"d66a8213bfc744d590817f72e4ae63e8b3684d40",typography:"caption"},this.t.get("reloadPageToSeeChanges"))))}get host(){return this}static get watchers(){return{controller:[{handleControllerChange:0}],size:[{handleSizeChange: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;: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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host(:empty),:host([controller]){display:none}.reload-required{display:grid;gap:calc(var(--spacing,.0025rem)*200)}"}},[257,"mds-pref",{size:[513],controller:[1540],showReload:[32],language:[32],updateLang:[64]},void 0,{controller:[{handleControllerChange:0}],size:[{handleSizeChange:0}]}]),m=c,p=function(){"undefined"!=typeof customElements&&["mds-pref","mds-text"].forEach((e=>{switch(e){case"mds-pref":customElements.get(i(e))||customElements.define(i(e),c);break;case"mds-text":customElements.get(i(e))||n()}}))};export{m as MdsPref,p as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{L as o}from"./locale.js";import{d as n}from"./mds-text2.js";var r={reloadPageToSeeChanges:"Πρέπει να ανανεώσετε τη σελίδα για να δείτε όλες τις αλλαγές, διαφορετικά θα είναι ορατές μόνο για τα πρόσφατα μεταφορτωμένα στοιχεία."},d={reloadPageToSeeChanges:"You must refresh the page to see all changes, or they will only be visible for new items uploaded."},h={reloadPageToSeeChanges:"Es necesario actualizar la página para ver todos los cambios, o solo serán visibles para los nuevos elementos cargados."},l={reloadPageToSeeChanges:"È necessario aggiornare la pagina per vedere tutti i cambiamenti, oppure saranno visibili solo per i nuovi elementi caricati."};const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showReload=!1,this.prefNeedsReload=["consumption","language"],this.t=new o({el:r,en:d,es:h,it:l}),this.addPerfEvents=()=>{this.addEvent(this.host.querySelector("mds-pref-consumption")),this.addEvent(this.host.querySelector("mds-pref-contrast")),this.addEvent(this.host.querySelector("mds-pref-language")),this.addEvent(this.host.querySelector("mds-pref-theme")),this.addEvent(this.host.querySelector("mds-pref-theme-variant"))},this.removePerfEvents=()=>{this.removeEvent(this.host.querySelector("mds-pref-consumption")),this.removeEvent(this.host.querySelector("mds-pref-contrast")),this.removeEvent(this.host.querySelector("mds-pref-language")),this.removeEvent(this.host.querySelector("mds-pref-theme")),this.removeEvent(this.host.querySelector("mds-pref-theme-variant"))},this.handlePrefChangeEvent=e=>{this.prefNeedsReload.includes(e.detail.preference)&&(this.showReload=!0,"language"===e.detail.preference&&this.t.lang(this.host))},this.addEvent=e=>{e&&e.addEventListener("mdsPrefChange",this.handlePrefChangeEvent.bind(this))},this.removeEvent=e=>{e&&e.removeEventListener("mdsPrefChange",this.handlePrefChangeEvent.bind(this))}}async updateLang(){this.language=this.t.lang(this.host)}handleControllerChange(e){!1===e&&(this.controller=void 0)}handleSizeChange(e){Array.from(this.host.querySelectorAll("*")).filter((e=>e.tagName.toLowerCase().startsWith("mds-pref-"))).forEach((t=>{t.size=e}))}componentWillRender(){this.t.lang(this.host)}componentDidLoad(){var e;"undefined"!=typeof window&&(null===(e=document.documentElement)||void 0===e||e.setAttribute("data-magma-pref","")),this.controller&&this.addPerfEvents()}disconnectedCallback(){var e;"undefined"!=typeof window&&(null===(e=document.documentElement)||void 0===e||e.removeAttribute("data-magma-pref")),this.removePerfEvents()}render(){return s(a,{key:"fb9caf5c41dde41d29c82cdb48f3d4472dc27719"},s("slot",{key:"ce22594b814f4d3e6f26df1aef9b291bcd3f5e21"}),this.showReload&&s("div",{key:"e155da0815e661dfcd2acbc9b0c96aaa87ca56cb",class:"reload-required"},s("mds-text",{key:"4ed6190393fc4ff247285e4085d52ace60027c75",typography:"caption"},this.t.get("reloadPageToSeeChanges"))))}get host(){return this}static get watchers(){return{controller:[{handleControllerChange:0}],size:[{handleSizeChange:0}]}}static get style(){return"@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}:host{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host(:empty),:host([controller]){display:none}.reload-required{display:grid;gap:calc(var(--spacing,.0025rem)*200)}"}},[257,"mds-pref",{size:[513],controller:[1540],showReload:[32],language:[32],updateLang:[64]},void 0,{controller:[{handleControllerChange:0}],size:[{handleSizeChange:0}]}]),m=c,p=function(){"undefined"!=typeof customElements&&["mds-pref","mds-text"].forEach((e=>{switch(e){case"mds-pref":customElements.get(i(e))||customElements.define(i(e),c);break;case"mds-text":customElements.get(i(e))||n()}}))};export{m as MdsPref,p as defineCustomElement}

package/dist/components/mds-price-table-features-cell.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";import{m as l}from"./check-circle.js";import{m as s}from"./horizontal-rule.js";import{d as c}from"./mds-text2.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.type="text"}render(){return t(o,{key:"c2128e191ac5c1b87f07094c22ec8933b7a21874"},"supported"===this.type&&t("i",{key:"af9fc4de6bdf3698ce80126b5166809920ec209c",class:"icon icon--supported",innerHTML:l,part:"icon"}),"unsupported"===this.type&&t("i",{key:"ca1fd3835fa926af3989f75e79354512d46ae37a",class:"icon icon--unsupported",innerHTML:s,part:"icon"}),"text"===this.type&&t("mds-text",{key:"6ad51db1f44912c8e175edf8530234d947bda5a5",part:"text",typography:"detail"},t("slot",{key:"856ddd5a1d444fe3127379f2d7b2c2ce1a27c292"})),"custom"===this.type&&t("slot",{key:"0a206aad7c9d1e7ba0e647db8ebb47a8eef396aa"}),"label"===this.type&&t("slot",{key:"17d326be1ffeb2fb4f0dc832e0233a8cf5fcd197"}))}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-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--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}:host{--mds-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:1px solid var(--mds-price-table-features-cell-border-color,rgb(var(--tone-neutral-08,107 107 107)));display:table-cell;padding:var(--mds-price-table-features-cell-padding,var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)));transition-duration:.2s;transition-property:border-color,transform;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.icon{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));display:flex;fill:var(--icon-fill-color,currentColor);transition-duration:.2s;transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.icon--supported{--icon-fill-color:var(--mds-price-table-features-cell-icon-supported-color,rgb(var(--label-green-06,30 171 82)))}.icon--unsupported{--icon-fill-color:var(--mds-price-table-features-cell-icon-unsupported-color,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}:host-context(:root.pref-contrast-more){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}@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]))) .icon{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-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}}'}},[257,"mds-price-table-features-cell",{type:[513]}]),i=n,d=function(){"undefined"!=typeof customElements&&["mds-price-table-features-cell","mds-text"].forEach((e=>{switch(e){case"mds-price-table-features-cell":customElements.get(a(e))||customElements.define(a(e),n);break;case"mds-text":customElements.get(a(e))||c()}}))};export{i as MdsPriceTableFeaturesCell,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,h as t,Host as a,transformTag as o}from"@stencil/core/internal/client";import{s as l}from"./preference.js";import{m as i}from"./check-circle.js";import{m as s}from"./horizontal-rule.js";import{d as c}from"./mds-text2.js";const n=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.type="text"}connectedCallback(){this.unsubscribePrefAnimation=l("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=l("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=l("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=l("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,r,t,a;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(r=this.unsubscribePrefContrast)||void 0===r||r.call(this),null===(t=this.unsubscribePrefTheme)||void 0===t||t.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this)}render(){return t(a,{key:"0685a3ee7e1b48602dd2fe5de72ab1bfa3911d4e","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},"supported"===this.type&&t("i",{key:"fa867367c20a71b03f45b35b45a3e63a9439f55d",class:"icon icon--supported",innerHTML:i,part:"icon"}),"unsupported"===this.type&&t("i",{key:"9c02e9b23f20a58074b4f2fbadadb100acdc6ae7",class:"icon icon--unsupported",innerHTML:s,part:"icon"}),"text"===this.type&&t("mds-text",{key:"431f38647428bb78f23a5b4c9b9f1d74a7e0843a",part:"text",typography:"detail"},t("slot",{key:"b4e1c215cd40869a188d6ffda706305296130ef1"})),"custom"===this.type&&t("slot",{key:"7d36a04177fa01a991a7ea41e5ce7edf8679335d"}),"label"===this.type&&t("slot",{key:"05027dbdb0fa2e7a59ca6942e8e38f89375e5819"}))}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-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--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}:host{--mds-price-table-features-cell-padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-price-table-features-cell-transition-duration:var(--duration-200,.2s);--private-price-table-features-cell-transition-duration:var(--mds-price-table-features-cell-transition-duration);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-bottom:1px solid var(--mds-price-table-features-cell-border-color,rgb(var(--tone-neutral-08,107 107 107)));display:table-cell;padding:var(--mds-price-table-features-cell-padding,var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)));-webkit-transition-duration:var(--private-price-table-features-cell-transition-duration);transition-duration:var(--private-price-table-features-cell-transition-duration);transition-property:border-color,transform;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.icon{--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));display:flex;fill:var(--icon-fill-color,currentColor);height:calc(var(--spacing,.0025rem)*600);-webkit-transition-duration:var(--private-price-table-features-cell-transition-duration);transition-duration:var(--private-price-table-features-cell-transition-duration);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:calc(var(--spacing,.0025rem)*600)}.icon--supported{--icon-fill-color:var(--mds-price-table-features-cell-icon-supported-color,rgb(var(--label-green-06,30 171 82)))}.icon--unsupported{--icon-fill-color:var(--mds-price-table-features-cell-icon-unsupported-color,rgb(var(--tone-neutral-06,158 158 158)))}:host([pref-animation=reduce]){--private-price-table-features-cell-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}:host([pref-contrast=more]){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-price-table-features-cell-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-03,173 241 198));--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-04,218 218 218))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-features-cell-icon-supported-color-hover:rgb(var(--label-green-01,231 251 239));--mds-price-table-features-cell-icon-supported-color:rgb(var(--label-green-02,211 247 224));--mds-price-table-features-cell-icon-unsupported-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-icon-unsupported-color:rgb(var(--tone-neutral-02,244 244 244));--mds-price-table-features-cell-border-color:rgb(var(--tone-neutral-04,218 218 218))}}'}},[257,"mds-price-table-features-cell",{type:[513],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),p=n,d=function(){"undefined"!=typeof customElements&&["mds-price-table-features-cell","mds-text"].forEach((e=>{switch(e){case"mds-price-table-features-cell":customElements.get(o(e))||customElements.define(o(e),n);break;case"mds-text":customElements.get(o(e))||c()}}))};export{p as MdsPriceTableFeaturesCell,d as defineCustomElement}

package/dist/components/mds-price-table-features-row.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,h as t,Host as o,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillRender(){this.horizontalCells=this.host.querySelectorAll("mds-price-table-features-cell"),this.cellPercWidth=Number(100/this.horizontalCells.length).toFixed(4)+"%",this.horizontalCells.forEach((e=>{e.style.width=this.cellPercWidth}))}render(){return t(o,{key:"49b215263ed6aad599fcf7371fc88091febf16de"},t("slot",{key:"edbfb6111c9363ecf3510f29a3d2ce137e303472"}))}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-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-features-cell: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-price-table-features-row-background{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-price-table-features-row-background:transparent;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-features-row-background,transparent);color:var(--mds-price-table-features-row-color,rgb(var(--tone-neutral-04,218 218 218)));display:table-row;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host-context(:not(.safari)):host(:hover){--mds-price-table-features-row-background:var(--mds-price-table-features-row-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-price-table-features-row-color:var(--mds-price-table-features-row-color-hover,rgb(var(--tone-neutral-01,255 255 255)))}:host-context(:not(.safari)):host(:hover)>::slotted(mds-price-table-features-cell){--mds-price-table-features-cell-icon-supported-color:var(--mds-price-table-features-cell-icon-supported-color-hover,rgb(var(--label-green-06,30 171 82)));--mds-price-table-features-cell-icon-unsupported-color:var(--mds-price-table-features-cell-icon-unsupported-color-hover,rgb(var(--tone-neutral-06,158 158 158)))}:host>::slotted([type=label]){padding-left:0}:host-context(:not(.safari)):host(:hover)>::slotted([type=label]){-webkit-transform:translate(calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*200))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}@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]))){transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}}@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-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}}'}},[257,"mds-price-table-features-row",{cellPercWidth:[32]}]),n=s,i=function(){"undefined"!=typeof customElements&&["mds-price-table-features-row"].forEach((e=>{"mds-price-table-features-row"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))};export{n as MdsPriceTableFeaturesRow,i as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,h as t,Host as a,transformTag as o}from"@stencil/core/internal/client";import{s}from"./preference.js";const i=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}connectedCallback(){this.unsubscribePrefAnimation=s("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=s("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=s("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=s("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,r,t,a;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(r=this.unsubscribePrefContrast)||void 0===r||r.call(this),null===(t=this.unsubscribePrefTheme)||void 0===t||t.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this)}componentWillRender(){this.horizontalCells=this.host.querySelectorAll("mds-price-table-features-cell"),this.cellPercWidth=Number(100/this.horizontalCells.length).toFixed(4)+"%",this.horizontalCells.forEach((e=>{e.style.width=this.cellPercWidth}))}render(){return t(a,{key:"aa643a67f90377589c46362cad147ea0133bc36a","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},t("slot",{key:"8aa2a7633dc5196acd823229e3ba1b6cb1103345"}))}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-price-table-features-row-background:#0000;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-price-table-features-cell: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-price-table-features-row-background{syntax:"<color>";inherits:false;initial-value:#0000}:host{--mds-price-table-features-row-background:#0000;--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-price-table-features-row-color:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-transition-duration:var(--duration-200,.2s);--private-price-table-features-row-transition-duration:var(--mds-price-table-features-row-transition-duration);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-features-row-background,#0000);color:var(--mds-price-table-features-row-color,rgb(var(--tone-neutral-04,218 218 218)));display:table-row;-webkit-transition-duration:var(--private-price-table-features-row-transition-duration);transition-duration:var(--private-price-table-features-row-transition-duration);transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}:host(:hover){--mds-price-table-features-row-background:var(--mds-price-table-features-row-background-hover,rgb(var(--tone-neutral-10,60 60 60)));--mds-price-table-features-row-color:var(--mds-price-table-features-row-color-hover,rgb(var(--tone-neutral-01,255 255 255)))}:host(:hover)>::slotted(mds-price-table-features-cell){--mds-price-table-features-cell-icon-supported-color:var(--mds-price-table-features-cell-icon-supported-color-hover,rgb(var(--label-green-06,30 171 82)));--mds-price-table-features-cell-icon-unsupported-color:var(--mds-price-table-features-cell-icon-unsupported-color-hover,rgb(var(--tone-neutral-06,158 158 158)))}:host>::slotted([type=label]){padding-left:0}:host(:hover)>::slotted([type=label]){-webkit-transform:translate(calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*200))}:host([pref-animation=reduce]){--private-price-table-features-row-transition-duration:0s}:host([pref-contrast=more]){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-price-table-features-row-transition-duration:0s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-features-row-color:rgb(var(--tone-neutral-01,255 255 255));--mds-price-table-features-row-color-hover:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-features-row-background-hover:rgb(var(--tone-neutral-09,76 76 76))}}'}},[257,"mds-price-table-features-row",{cellPercWidth:[32],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),n=i,l=function(){"undefined"!=typeof customElements&&["mds-price-table-features-row"].forEach((e=>{"mds-price-table-features-row"===e&&(customElements.get(o(e))||customElements.define(o(e),i))}))};export{n as MdsPriceTableFeaturesRow,l as defineCustomElement}

package/dist/components/mds-price-table-features.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as a,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./mds-text2.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(a,{key:"e7f9344d10b9d60dc268381a74eccf8514b3c398"},r("div",{key:"5b705f564d319faeac9d4eb622e462eabeee7031",class:"table-wrapper"},this.label&&r("header",{key:"5f84a45d54385488a527afc523448756624170f9",part:"header"},r("mds-text",{key:"7316e7c2d5793513f582643b76974c266faedc10",typography:"detail"},r("b",{key:"baa6b6737d4cdd98c8405d3eb4421a1fb0b1b518"},this.label))),r("table",{key:"f20e7627f4e4770b1e4bd475a945acc111e5ce8a"},r("tbody",{key:"6f4d54def644b954a56e8a7ada75ca913f65a837"},r("slot",{key:"2b96abcc2dc865bd55ec953d429f345d89904dc7"})))))}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-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:100%}.table-wrapper{scroll-margin-inline:calc(var(--spacing,.0025rem)*600);width:100%}table{border-collapse:collapse;min-width:100%;table-layout:fixed}header{border-bottom:1px solid var(--mds-price-table-features-border-color,rgb(var(--tone-neutral-06,158 158 158)));padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) 0}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}: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 --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]))){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-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}}'}},[257,"mds-price-table-features",{label:[1]}]),n=i,d=function(){"undefined"!=typeof customElements&&["mds-price-table-features","mds-text"].forEach((e=>{switch(e){case"mds-price-table-features":customElements.get(o(e))||customElements.define(o(e),i);break;case"mds-text":customElements.get(o(e))||s()}}))};export{n as MdsPriceTableFeatures,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as a,transformTag as i}from"@stencil/core/internal/client";import{s}from"./preference.js";import{d as o}from"./mds-text2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}connectedCallback(){this.unsubscribePrefAnimation=s("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=s("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=s("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=s("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,t,r,a;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this)}render(){return r(a,{key:"8e62f7d1059d8019a154f056af2ab80f01180948","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},r("div",{key:"f5549dee3de6907b99053dede90e44d1ede4e716",class:"table-wrapper"},this.label&&r("header",{key:"de99381048be9911fa2ae6c0f6b653b9798dd294",part:"header"},r("mds-text",{key:"d858f7e01d9f8703ac074a7975095a0c2663e5ef",typography:"detail"},r("b",{key:"34030d403e10d06b1f4426e239844fcdd8e62266"},this.label))),r("table",{key:"21984eaac54df90380f4ea1ffd4e7ceb3b4fc5bc"},r("tbody",{key:"b79a8e3d5e54d4627909e1136dcfe83147419316"},r("slot",{key:"a6f87f4b2e3ad4a8b19a9cdd7f56c5b9f9e3ba14"})))))}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-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--tw-ease:initial}}}:host{--mds-price-table-features-border-color:rgb(var(--tone-neutral-06,158 158 158));--mds-price-table-features-padding:calc(var(--spacing,.0025rem)*300);--mds-price-table-features-transition-duration:var(--duration-200,.2s);--private-price-table-features-transition-duration:var(--mds-price-table-features-transition-duration);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));display:flex;-webkit-transition-duration:var(--private-price-table-features-transition-duration);transition-duration:var(--private-price-table-features-transition-duration);transition-property:border-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:100%}.table-wrapper{scroll-margin-inline:calc(var(--spacing,.0025rem)*600);width:100%}table{border-collapse:collapse;min-width:100%;table-layout:fixed}header{border-bottom:1px solid var(--mds-price-table-features-border-color,rgb(var(--tone-neutral-06,158 158 158)));padding:var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) var(--mds-price-table-features-padding,calc(var(--spacing,.0025rem)*300)) 0}:host([pref-animation=reduce]){--private-price-table-features-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}:host([pref-contrast=more]){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}: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 --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-price-table-features-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-features-border-color:rgb(var(--tone-neutral-05,197 197 197))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-features-border-color:rgb(var(--tone-neutral-03,233 233 233))}}'}},[257,"mds-price-table-features",{label:[1],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),d=n,c=function(){"undefined"!=typeof customElements&&["mds-price-table-features","mds-text"].forEach((e=>{switch(e){case"mds-price-table-features":customElements.get(i(e))||customElements.define(i(e),n);break;case"mds-text":customElements.get(i(e))||o()}}))};export{d as MdsPriceTableFeatures,c as defineCustomElement}

package/dist/components/mds-price-table-header.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as s,transformTag as i}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(s,{key:"b882376c905d6e22fddcc441877d7b2ffd2eda12"},r("slot",{key:"cc100d18a2026ea3223fefb6207969e8e2ac46ab"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-list: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)*600);grid-template-columns:repeat(auto-fit,minmax(1px,1fr))}"}},[257,"mds-price-table-header"]),o=a,d=function(){"undefined"!=typeof customElements&&["mds-price-table-header"].forEach((e=>{"mds-price-table-header"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{o as MdsPriceTableHeader,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as s,transformTag as a}from"@stencil/core/internal/client";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return r(s,{key:"0d876dc90072b896419158ba31b1f52e935b4aa6"},r("slot",{key:"db1c232ed329a09b1c1365d8d4aa2cd1c4352382"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-price-table-list: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)*600);grid-template-columns:repeat(auto-fit,minmax(1px,1fr))}"}},[257,"mds-price-table-header"]),d=i,o=function(){"undefined"!=typeof customElements&&["mds-price-table-header"].forEach((e=>{"mds-price-table-header"===e&&(customElements.get(a(e))||customElements.define(a(e),i))}))};export{d as MdsPriceTableHeader,o as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{m as s}from"./check-circle.js";import{m as a}from"./horizontal-rule.js";import{d as n}from"./mds-text2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.supported=!1,this.typography="detail"}render(){return r(i,{key:"10cdc06ed8d528e21a4d5c9d40752e61e5a670a0",slot:"item"},r("mds-text",{key:"93487f55363206856aa655044df9b4190b486a77",class:"icon-container",typography:this.typography},r("i",this.supported?{class:"icon",innerHTML:s,part:"icon"}:{class:"icon",innerHTML:a,part:"icon"})),r("mds-text",{key:"8e91a53122918c3629d7d2db466f66e8f0a2d838",class:"text",typography:this.typography},r("slot",{key:"9d6d6071ca509914c1b6f467b6cda11d4eb51fec"})))}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-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));--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}:host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.text{flex-grow:1}.icon-container{flex-shrink:0}.icon{display:flex;height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600);--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));fill:var(--mds-price-table-list-item-unsupported-icon-color,rgb(var(--tone-neutral-05,197 197 197)));-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:fill;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([supported]:not([supported=false])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color,rgb(var(--label-green-06,30 171 82)))}@property --tw-ease{syntax:"*";inherits:false}'}},[257,"mds-price-table-list-item",{supported:[516],typography:[513]}]),c=l,d=function(){"undefined"!=typeof customElements&&["mds-price-table-list-item","mds-text"].forEach((e=>{switch(e){case"mds-price-table-list-item":customElements.get(o(e))||customElements.define(o(e),l);break;case"mds-text":customElements.get(o(e))||n()}}))};export{c as MdsPriceTableListItem,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as i,transformTag as o}from"@stencil/core/internal/client";import{m as s}from"./check-circle.js";import{m as a}from"./horizontal-rule.js";import{d as n}from"./mds-text2.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.supported=!1,this.typography="detail"}render(){return r(i,{key:"9a74af393bc74c765497cf213e572a4bb1f85bc3",slot:"item"},r("mds-text",{key:"f96de44e9d6c686f51f13cb461e0bacaef9f4077",class:"icon-container",typography:this.typography},r("i",this.supported?{class:"icon",innerHTML:s,part:"icon"}:{class:"icon",innerHTML:a,part:"icon"})),r("mds-text",{key:"d232620f35303d3b4200cd89f7028b9a6073d69f",class:"text",typography:this.typography},r("slot",{key:"b9b38a813b5f7666040552b480c4081b1823a47b"})))}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-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));--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}:host{--mds-price-table-list-item-supported-icon-color-hover:rgb(var(--label-green-05,37 213 102));--mds-price-table-list-item-supported-icon-color:rgb(var(--label-green-06,30 171 82));--mds-price-table-list-item-unsupported-icon-color-hover:rgb(var(--tone-neutral-04,218 218 218));--mds-price-table-list-item-unsupported-icon-color:rgb(var(--tone-neutral-05,197 197 197));align-items:flex-start;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.text{flex-grow:1}.icon-container{flex-shrink:0}.icon{display:flex;--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));fill:var(--mds-price-table-list-item-unsupported-icon-color,rgb(var(--tone-neutral-05,197 197 197)));height:calc(var(--spacing,.0025rem)*600);-webkit-transition-duration:var(--duration-500,.5s);transition-duration:var(--duration-500,.5s);transition-property:fill;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width:calc(var(--spacing,.0025rem)*600)}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host([supported]:not([supported=false])) .icon{fill:var(--mds-price-table-list-item-supported-icon-color,rgb(var(--label-green-06,30 171 82)))}@property --tw-ease{syntax:"*";inherits:false}'}},[257,"mds-price-table-list-item",{supported:[516],typography:[513]}]),c=l,p=function(){"undefined"!=typeof customElements&&["mds-price-table-list-item","mds-text"].forEach((e=>{switch(e){case"mds-price-table-list-item":customElements.get(o(e))||customElements.define(o(e),l);break;case"mds-text":customElements.get(o(e))||n()}}))};export{c as MdsPriceTableListItem,p as defineCustomElement}

package/dist/components/mds-price-table-list.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as r,Host as a,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./mds-separator2.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){this.hasItems=this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length>0}render(){return r(a,{key:"bb6d784c26371390055494e96fb4194f6525113f"},r("div",{key:"4158b4739e07535d56db97ff286f6c6339da5f76",class:"header",part:"header"},r("slot",{key:"bccecac7c5f63db407b2658e6a9d5ef1eb2f5468",name:"header"})),this.hasItems&&r("mds-separator",{key:"2822bfea0edcf58ea26f5ac8f3b2c4f0751f0318",class:"separator"}),this.hasItems&&r("main",{key:"32c5d76670faf634a9d386a78e2e201c16b270b2",class:"main",part:"content"},r("slot",{key:"d3c61f5f594a1e4e323e86ecded79587deb875ae",name:"item"})),r("div",{key:"422d6ac5f00182b404b32fd7adf7bf9214e5bedd",class:"footer",part:"footer"},r("slot",{key:"74fdaaf493a48a6251f4ca7d38abea6e560d201b",name:"price"}),r("slot",{key:"eff0dfa6116d33f667f342ccd79b9bff13364511",name:"action"})))}get hostElement(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-separator: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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);border-radius:var(--radius-xl,20px);gap:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*600);--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--label-green-10,12 68 33));display:grid;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.separator{--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-list-separator-color,rgb(var(--tone-neutral-03,233 233 233)/.5));transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.header,.main{display:grid}.main{gap:calc(var(--spacing,.0025rem)*300)}.footer{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .separator{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}@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]))) .separator{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-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-price-table-list",{hasItems:[32]}]),n=i,d=function(){"undefined"!=typeof customElements&&["mds-price-table-list","mds-separator"].forEach((e=>{switch(e){case"mds-price-table-list":customElements.get(o(e))||customElements.define(o(e),i);break;case"mds-separator":customElements.get(o(e))||s()}}))};export{n as MdsPriceTableList,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as a,transformTag as i}from"@stencil/core/internal/client";import{s as o}from"./preference.js";import{d as s}from"./mds-separator2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}connectedCallback(){this.unsubscribePrefAnimation=o("animation",(e=>{this.prefAnimation=e})),this.unsubscribePrefContrast=o("contrast",(e=>{this.prefContrast=e})),this.unsubscribePrefTheme=o("theme",(e=>{this.prefTheme=e})),this.unsubscribePrefThemeScheme=o("theme-scheme",(e=>{this.prefThemeScheme=e}))}disconnectedCallback(){var e,t,r,a;null===(e=this.unsubscribePrefAnimation)||void 0===e||e.call(this),null===(t=this.unsubscribePrefContrast)||void 0===t||t.call(this),null===(r=this.unsubscribePrefTheme)||void 0===r||r.call(this),null===(a=this.unsubscribePrefThemeScheme)||void 0===a||a.call(this)}componentWillLoad(){this.hasItems=this.hostElement.querySelectorAll('[slot="item"], mds-price-table-list-item').length>0}render(){return r(a,{key:"e7dea8205b847700337422933069730885cebcfe","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},r("div",{key:"8652686305e3eec80ffc95c86d6fae8472d3bdf0",class:"header",part:"header"},r("slot",{key:"05dbf39029dc681ce1dfe7842c7fea92959a1112",name:"header"})),this.hasItems&&r("mds-separator",{key:"88a2d6d76477d31551968b938801d2ab8dfece12",class:"separator"}),this.hasItems&&r("main",{key:"260a30a69cd000ec83e5bae13fffdb1d1933389b",class:"main",part:"content"},r("slot",{key:"251f8f9f6aa1b53d77cbb3b63285edc8afe49c6c",name:"item"})),r("div",{key:"d46082dd8a242025c895dd9255e6079f5baf17c8",class:"footer",part:"footer"},r("slot",{key:"7b7320bb4b89c31e566517ce280d877b0976d4cc",name:"price"}),r("slot",{key:"fec836e98ecdb4f0be4bc8265cd8d65241e2a14f",name:"action"})))}get hostElement(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))),mds-separator: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-price-table-list-separator-color:rgb(var(--tone-neutral-03,233 233 233)/.5);--mds-price-table-list-transition-duration:var(--duration-200,.2s);--private-price-table-list-transition-duration:var(--mds-price-table-list-transition-duration);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:rgb(var(--label-green-10,12 68 33));border-radius:var(--radius-xl,20px);display:grid;gap:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*600);-webkit-transition-duration:var(--private-price-table-list-transition-duration);transition-duration:var(--private-price-table-list-transition-duration);transition-property:background-color,color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.separator{--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-price-table-list-separator-color,rgb(var(--tone-neutral-03,233 233 233)/.5));-webkit-transition-duration:var(--private-price-table-list-transition-duration);transition-duration:var(--private-price-table-list-transition-duration);transition-property:background-color;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.header,.main{display:grid}.main{gap:calc(var(--spacing,.0025rem)*300)}.footer{display:grid;gap:calc(var(--spacing,.0025rem)*400)}:host([pref-animation=reduce]){--private-price-table-list-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host([pref-contrast=more]){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-price-table-list-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);background-color:rgb(var(--label-green-09,14 81 39));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){--mds-price-table-list-separator-color:rgb(var(--tone-neutral-01,255 255 255)/.5);-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset;color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-price-table-list",{hasItems:[32],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32]}]),c=n,d=function(){"undefined"!=typeof customElements&&["mds-price-table-list","mds-separator"].forEach((e=>{switch(e){case"mds-price-table-list":customElements.get(i(e))||customElements.define(i(e),n);break;case"mds-separator":customElements.get(i(e))||s()}}))};export{c as MdsPriceTableList,d as defineCustomElement}

package/dist/components/mds-price-table.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"4a7524eda2d51d229b579063684f617d686bca52"},s("slot",{key:"c6eeb79e4b5439383b992832d6e346221a8ee067"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-price-table-features,mds-price-table-header,mds-price-table-list):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)*600)}"}},[257,"mds-price-table"]),o=a,n=function(){"undefined"!=typeof customElements&&["mds-price-table"].forEach((e=>{"mds-price-table"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{o as MdsPriceTable,n as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"baecd51ddff0ed0b1479c17c87537eeeeffab1a5"},s("slot",{key:"69d9c761c54799ffbac258ce299878b825af12ba"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-price-table-features,mds-price-table-header,mds-price-table-list):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)*600)}"}},[257,"mds-price-table"]),d=a,o=function(){"undefined"!=typeof customElements&&["mds-price-table"].forEach((e=>{"mds-price-table"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{d as MdsPriceTable,o as defineCustomElement}

package/dist/components/mds-progress2.js

@@ -1 +1 @@
-import{proxyCustomElement as r,HTMLElement as e,h as s,Host as t,transformTag as o}from"@stencil/core/internal/client";import{r as a,i}from"./aria.js";import{d as n}from"./mds-icon2.js";import{d as m}from"./mds-radial-progress2.js";import{d}from"./mds-text2.js";const h=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.stepsList=new Array,this.progress=0,this.direction="horizontal",this.variant="primary",this.typography="option",this.size="sm",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}componentDidLoad(){a(this.element,"aria-hidden","true",["aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","role"])}setProgress(r){""!==this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],i(this.element,"aria-hidden")||this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return s(t,{key:"55ba8cb650c555ca15fd05464edfed54eb419787","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":!i(this.element,"aria-hidden")&&Math.round(100*this.progress),role:"progressbar"},"radial"===this.direction?s("mds-radial-progress",{progress:this.progress,part:"radial-progress",typography:this.typography,variant:this.variant}):s("div",{class:"progress",part:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return this}static get watchers(){return{progress:[{progressChanged:0}],steps:[{stepsChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-radius:var(--radius-lg,16px);--mds-progress-thickness:var(--height-200);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-progress-duration{syntax:"<time>";inherits:false;initial-value:.75s}:host{--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-thickness:var(--height-200);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-progress-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;height:var(--mds-progress-thickness,var(--height-200));min-height:var(--mds-progress-thickness,var(--height-200));min-width:var(--mds-progress-thickness,var(--height-200));overflow:hidden;position:relative;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;width:100%}:host([direction=vertical]){flex-direction:column;height:unset;min-height:var(--mds-progress-thickness,var(--height-200));width:var(--mds-progress-thickness,var(--height-200))}:host([direction=radial]){aspect-ratio:1;background-color:#0000;height:auto}:host([direction=radial]) mds-radial-progress{width:inherit}.progress{--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));background-color:var(--mds-progress-color,rgb(var(--variant-primary-03,211 226 255)));border-radius:inherit;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));corner-shape:inherit;-webkit-transition-duration:var(--mds-progress-duration,.75s);transition-duration:var(--mds-progress-duration,.75s);transition-property:background-color,flex-grow,-ms-flex-positive}:host([variant=dark]){--mds-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-progress-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]){--mds-progress-color:rgb(var(--tone-neutral,0 0 0));--mds-progress-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=error]){--mds-progress-color:rgb(var(--status-error-05,250 165 160));--mds-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-progress-color:rgb(var(--status-success-05,107 206 147));--mds-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-progress-color:rgb(var(--status-info-05,112 198 234));--mds-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=ai]){--mds-progress-color:rgb(var(--variant-ai-05,202 174 251));--mds-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([size=sm]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*200)}:host([size=md]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*600)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .progress{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}:host-context(:root.pref-contrast-more){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host-context(:root.pref-contrast-more):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}@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]))) .progress{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]))),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}}'}},[1,"mds-progress",{progress:[2],direction:[513],variant:[513],typography:[1],size:[513],steps:[1],currentStep:[32]},void 0,{progress:[{progressChanged:0}],steps:[{stepsChanged:0}]}]);function c(){"undefined"!=typeof customElements&&["mds-progress","mds-icon","mds-radial-progress","mds-text"].forEach((r=>{switch(r){case"mds-progress":customElements.get(o(r))||customElements.define(o(r),h);break;case"mds-icon":customElements.get(o(r))||n();break;case"mds-radial-progress":customElements.get(o(r))||m();break;case"mds-text":customElements.get(o(r))||d()}}))}export{h as M,c as d}
+import{proxyCustomElement as r,HTMLElement as s,h as t,Host as e,transformTag as a}from"@stencil/core/internal/client";import{r as o,i}from"./aria.js";import{s as n}from"./preference.js";import{d as h}from"./mds-icon2.js";import{d as g}from"./mds-radial-progress2.js";import{d as p}from"./mds-text2.js";const d=r(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.stepsList=new Array,this.progress=0,this.direction="horizontal",this.variant="primary",this.typography="option",this.size="sm",this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}connectedCallback(){this.unsubscribePrefAnimation=n("animation",(r=>{this.prefAnimation=r})),this.unsubscribePrefContrast=n("contrast",(r=>{this.prefContrast=r})),this.unsubscribePrefTheme=n("theme",(r=>{this.prefTheme=r})),this.unsubscribePrefThemeScheme=n("theme-scheme",(r=>{this.prefThemeScheme=r}))}disconnectedCallback(){var r,s,t,e;null===(r=this.unsubscribePrefAnimation)||void 0===r||r.call(this),null===(s=this.unsubscribePrefContrast)||void 0===s||s.call(this),null===(t=this.unsubscribePrefTheme)||void 0===t||t.call(this),null===(e=this.unsubscribePrefThemeScheme)||void 0===e||e.call(this)}componentWillLoad(){this.stepsList=this.steps.split(","),this.setProgress(this.progress)}componentDidLoad(){o(this.element,"aria-hidden","true",["aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","role"])}setProgress(r){""!==this.steps&&(this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))],i(this.element,"aria-hidden")||this.element.setAttribute("aria-valuetext",this.currentStep))}progressChanged(r){this.setProgress(r)}stepsChanged(r){this.stepsList=r.split(",")}render(){return t(e,{key:"0ab0f8e5741890ca0270ee8b3e898cfa6b128966","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":!i(this.element,"aria-hidden")&&Math.round(100*this.progress),role:"progressbar","pref-animation":this.prefAnimation,"pref-contrast":this.prefContrast,"pref-theme":this.prefTheme,"pref-theme-scheme":this.prefThemeScheme},"radial"===this.direction?t("mds-radial-progress",{progress:this.progress,part:"radial-progress",typography:this.typography,variant:this.variant}):t("div",{class:"progress",part:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}get element(){return this}static get watchers(){return{progress:[{progressChanged:0}],steps:[{stepsChanged: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-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--mds-progress-radius:var(--radius-lg,16px);--mds-progress-thickness:var(--height-200);--tw-ease:initial}}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-progress-duration{syntax:"<time>";inherits:false;initial-value:.75s}:host{--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107));--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-duration:.75s;--private-progress-duration:var(--mds-progress-duration,.75s);--mds-progress-transition-duration:var(--duration-300,.3s);--private-progress-transition-duration:var(--mds-progress-transition-duration);--mds-progress-thickness:var(--height-200);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-progress-background,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;height:var(--mds-progress-thickness,var(--height-200));min-height:var(--mds-progress-thickness,var(--height-200));min-width:var(--mds-progress-thickness,var(--height-200));overflow:hidden;position:relative;-webkit-transition-duration:var(--private-progress-transition-duration);transition-duration:var(--private-progress-transition-duration);transition-property:background-color;width:100%}:host([direction=vertical]){flex-direction:column;height:unset;min-height:var(--mds-progress-thickness,var(--height-200));width:var(--mds-progress-thickness,var(--height-200))}:host([direction=radial]){aspect-ratio:1;background-color:#0000;height:auto}:host([direction=radial]) mds-radial-progress{width:inherit}.progress{--tw-ease:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));background-color:var(--mds-progress-color,rgb(var(--variant-primary-03,211 226 255)));border-radius:inherit;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));corner-shape:inherit;-webkit-transition-duration:var(--private-progress-duration);transition-duration:var(--private-progress-duration);transition-property:background-color,flex-grow,-ms-flex-positive}:host([variant=dark]){--mds-progress-color:rgb(var(--tone-neutral-03,233 233 233));--mds-progress-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=light]){--mds-progress-color:rgb(var(--tone-neutral,0 0 0));--mds-progress-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=error]){--mds-progress-color:rgb(var(--status-error-05,250 165 160));--mds-progress-background:rgb(var(--status-error-09,135 0 14))}:host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-05,237 177 0));--mds-progress-background:rgb(var(--status-warning-09,90 67 0))}:host([variant=success]){--mds-progress-color:rgb(var(--status-success-05,107 206 147));--mds-progress-background:rgb(var(--status-success-09,0 82 9))}:host([variant=info]){--mds-progress-color:rgb(var(--status-info-05,112 198 234));--mds-progress-background:rgb(var(--status-info-09,0 73 116))}:host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-03,211 226 255));--mds-progress-background:rgb(var(--tone-neutral-08,107 107 107))}:host([variant=ai]){--mds-progress-color:rgb(var(--variant-ai-05,202 174 251));--mds-progress-background:rgb(var(--variant-ai-09,75 8 189))}:host([size=sm]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*200)}:host([size=md]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){--mds-progress-thickness:calc(var(--spacing,.0025rem)*600)}:host([pref-animation=reduce]){--private-progress-duration:0s;--private-progress-transition-duration:0s}:host([pref-theme=dark]:not([pref-theme-scheme=light])),:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}:host([pref-contrast=more]),:host([pref-contrast=more]):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-progress-duration:0s;--private-progress-transition-duration:0s}}@media (prefers-color-scheme:dark){:host(:not([pref-theme])),:host([pref-theme=system]:not([pref-theme-scheme=light])),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=error]){--mds-progress-color:rgb(var(--status-error-04,254 193 189));--mds-progress-background:rgb(var(--status-error-07,212 80 79))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=warning]){--mds-progress-color:rgb(var(--status-warning-04,255 200 33));--mds-progress-background:rgb(var(--status-warning-07,159 120 0))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=success]){--mds-progress-color:rgb(var(--status-success-04,158 222 181));--mds-progress-background:rgb(var(--status-success-07,0 144 72))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=info]){--mds-progress-color:rgb(var(--status-info-04,159 216 241));--mds-progress-background:rgb(var(--status-info-07,0 134 180))}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]),:is(:host([pref-contrast=system]),:host(:not([pref-contrast]))):host([variant=primary]){--mds-progress-color:rgb(var(--variant-primary-05,152 188 255));--mds-progress-background:rgb(var(--tone-neutral-07,134 134 134))}}'}},[1,"mds-progress",{progress:[2],direction:[513],variant:[513],typography:[1],size:[513],steps:[1],prefAnimation:[32],prefContrast:[32],prefTheme:[32],prefThemeScheme:[32],currentStep:[32]},void 0,{progress:[{progressChanged:0}],steps:[{stepsChanged:0}]}]);function m(){"undefined"!=typeof customElements&&["mds-progress","mds-icon","mds-radial-progress","mds-text"].forEach((r=>{switch(r){case"mds-progress":customElements.get(a(r))||customElements.define(a(r),d);break;case"mds-icon":customElements.get(a(r))||h();break;case"mds-radial-progress":customElements.get(a(r))||g();break;case"mds-text":customElements.get(a(r))||p()}}))}export{d as M,m as d}