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

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

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

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

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