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

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

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

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

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