@maggioli-design-system/magma 1.0.0-beta → 1.0.1

package/dist/esm/mds-pref-animation.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f08bac5f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44fd80a1.js';
 import { m as miOutlineCircle } from './circle-3f11357f.js';
 import { m as miBaselineSettings } from './settings-649efd26.js';
-import { L as Locale } from './locale-a730711f.js';
-import './_commonjsHelpers-e557d4a5.js';
+import { L as Locale } from './locale-149207d6.js';
+import './_commonjsHelpers-bdec4bbd.js';
 
 const 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>`;
 
@@ -95,13 +95,15 @@ const MdsPrefAnimation = class {
                 element === null || element === void 0 ? void 0 : element.style.setProperty(this.customPropertyAlias, this.mode);
             }
         };
+        this.language = undefined;
         this.mode = undefined;
     }
-    componentWillRender() {
-        this.t.lang(this.element);
+    async updateLang() {
+        this.language = this.t.lang(this.element);
     }
-    componentDidLoad() {
+    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) {
@@ -109,7 +111,7 @@ const MdsPrefAnimation = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '497a68c86034b1a0e39772d947bc7af3843f3571' }, h("mds-text", { key: '732524e8e7eb7c743186beba93de84296fe36c57', class: "info", typography: "caption" }, h("b", { key: 'b6a2d803268fbda728dbdf08c0731b4a2b984b86' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: 'f40cedfc652dc37d8a13bedbe653070a9ec0cd5d' }, h("mds-tab-item", { key: 'cedb845d6f2b431e93734565cc8482f100553255', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: miOutlineCircle }), h("mds-tab-item", { key: '7699acbf11d73db6fb4d8f77c83246803ba9fc61', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: 'a2ff94ca323d08f25b82fb1b81ca360f4191af54', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
+        return (h(Host, { key: 'a51aee1481fe52a192a76dc1940732566a0ccb71' }, h("mds-text", { key: '0ce8e1d74e412d437aefb923bcfa49229e68289e', class: "info", typography: "caption" }, h("b", { key: '1fb6e300398aade36b2e3b0fb69fa7e3002a827e' }, this.t.get('label')), " ", this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: '39531570c525ea29f5e524e3c980350461c0e002' }, h("mds-tab-item", { key: 'e741e1b7e30b59366a747b6c1b8e2939d22a9d84', selected: this.mode === 'reduce', onClick: () => { this.setAnimation('reduce'); }, class: "item item--reduce", icon: miOutlineCircle }), h("mds-tab-item", { key: '27b8c88f59f649a09d4bf10625db794e224801c2', selected: this.mode === 'system', onClick: () => { this.setAnimation('system'); }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: 'f43c7a20d4fe443a460c99415130230409091976', selected: this.mode === 'no-preference', onClick: () => { this.setAnimation('no-preference'); }, class: "item item--no-preference", icon: miBaselineAnimation }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-pref-consumption.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f08bac5f.js';
-import { L as Locale } from './locale-a730711f.js';
-import './_commonjsHelpers-e557d4a5.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44fd80a1.js';
+import { L as Locale } from './locale-149207d6.js';
+import './_commonjsHelpers-bdec4bbd.js';
 
 const 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"/>
@@ -109,13 +109,15 @@ const MdsPrefContrast = class {
                 element === null || element === void 0 ? void 0 : element.style.setProperty(this.customPropertyAlias, this.mode);
             }
         };
+        this.language = undefined;
         this.mode = undefined;
     }
-    componentWillRender() {
-        this.t.lang(this.element);
+    async updateLang() {
+        this.language = this.t.lang(this.element);
     }
-    componentDidLoad() {
+    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) {
@@ -123,7 +125,7 @@ const MdsPrefContrast = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '8e2cd538f863c348dc751956431a06fb01e954cf' }, h("mds-text", { key: 'df14d1054084e81f88a9c8fde1051d8d85aa3c8f', class: "info", typography: "caption" }, h("b", { key: '041732c8c0f12dc348080e70adee7962f436d359' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: '8d1445add7a821a5ffd8a5cbc5587f88c8fecd08' }, h("mds-tab-item", { key: '8372d0f16b6f171f5b89ad229bda6e07b80ee08f', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), h("mds-tab-item", { key: 'f39312f1bf193cc4e8bb703d47517214f6c2aa17', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), h("mds-tab-item", { key: 'd71a62a6a3910c6f8dc116dfc9fa9ac613cc8a85', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
+        return (h(Host, { key: '845689a3978e310110ea0431d8a1c7f85413c371' }, h("mds-text", { key: '279b08048064fcf560d36cd106d08f6a5e864090', class: "info", typography: "caption" }, h("b", { key: 'f9e414661aa53296d5f57e239638640132f22683' }, this.t.get('label')), " ", this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: '41e0b940f5f8583c1d2d489fa719b71d1e8d6bf2' }, h("mds-tab-item", { key: '1f7123ea9dd6432f74a9c7db591b9fb45462c32a', selected: this.mode === 'low', onClick: () => { this.setConsumption('low'); }, class: "item item--low", icon: mggConsumptionLow }), h("mds-tab-item", { key: '12dffe43fc347b72cb8d211e60f7b08905229d20', selected: this.mode === 'medium', onClick: () => { this.setConsumption('medium'); }, class: "item item--medium", icon: mggConsumptionMedium }), h("mds-tab-item", { key: 'ef9733014704464c182864fc6d9a58e263d1eb43', selected: this.mode === 'high', onClick: () => { this.setConsumption('high'); }, class: "item item--high", icon: mggConsumptionHigh }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-pref-contrast.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f08bac5f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44fd80a1.js';
 import { m as miBaselineSettings } from './settings-649efd26.js';
-import { L as Locale } from './locale-a730711f.js';
-import './_commonjsHelpers-e557d4a5.js';
+import { L as Locale } from './locale-149207d6.js';
+import './_commonjsHelpers-bdec4bbd.js';
 
 const 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>`;
 
@@ -118,13 +118,15 @@ const MdsPrefContrast = class {
                 element === null || element === void 0 ? void 0 : element.style.setProperty(this.customPropertyAlias, this.mode);
             }
         };
+        this.language = undefined;
         this.mode = undefined;
     }
-    componentWillRender() {
-        this.t.lang(this.element);
+    async updateLang() {
+        this.language = this.t.lang(this.element);
     }
-    componentDidLoad() {
+    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) {
@@ -134,7 +136,7 @@ const MdsPrefContrast = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'f108eda4017cc6dbd89059a74928a0d3712dc24b' }, h("mds-text", { key: '84a7b7df54d10998e3ce4588d1ffc3d7e2147433', class: "info", typography: "caption" }, h("b", { key: '67c93f5272c39749bfdf23116021aeb8d464d13e' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: 'fff6a461e6e111134734411cbe44d1728981280e' }, h("mds-tab-item", { key: '1a28ea6f5bb9eaa69ad022b82947d8acaa16dbbc', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), h("mds-tab-item", { key: '0a4f8a6fd898043fba97caebde14cc954a21dbb3', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: 'e12f104728c146daa01ee90a45be49ce2d52dd5e', selected: this.mode === 'no-preference', onClick: () => { this.setContrast('no-preference'); }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
+        return (h(Host, { key: 'cb36b19fcae35c2182d8c079856db3fc14b22083' }, h("mds-text", { key: '021e5ad28b3a745623ce26f9ec968a2059930e1f', class: "info", typography: "caption" }, h("b", { key: 'a3d0c6c5221fc9d0ff84bead98ee2a453bd7cc02' }, this.t.get('label')), " ", this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), h("mds-tab", { key: 'ddaf4c6818c399abde338f2fe52f240ff6236437' }, h("mds-tab-item", { key: '1a437816ff500de8ab2c1ba3de0b9c0f83a5c759', selected: this.mode === 'more', onClick: () => { this.setContrast('more'); }, class: "item item--more", icon: miBaselineContrast }), h("mds-tab-item", { key: '313efd1d02f763b4662d10c71394de6e06f0607e', selected: this.mode === 'system', onClick: () => { this.setContrast('system'); }, class: "item item--system", icon: miBaselineSettings }), h("mds-tab-item", { key: '7fe309b846c197155bd484e07a8d47b8d9b8a9ee', selected: this.mode === 'no-preference', onClick: () => { this.setContrast('no-preference'); }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/mds-pref-language-item.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f08bac5f.js';
-import { L as Locale } from './locale-a730711f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-44fd80a1.js';
+import { L as Locale } from './locale-149207d6.js';
 import { m as miBaselineCheckCircle } from './check-circle-21109af0.js';
 import { m as miOutlineCircle } from './circle-3f11357f.js';
-import './_commonjsHelpers-e557d4a5.js';
+import './_commonjsHelpers-bdec4bbd.js';
 
 const af = "Afrikaans";
 const ar = "العربية";
@@ -235,14 +235,21 @@ const MdsPrefLanguageItem = class {
         this.handleClick = () => {
             this.selectLanguageEvent.emit({ language: this.code });
         };
+        this.language = undefined;
         this.code = undefined;
         this.selected = false;
     }
+    async updateLang() {
+        this.language = this.t.lang(this.element);
+    }
     componentWillRender() {
+        if (!localeDefault[this.code]) {
+            throw Error(`Language code not found: ${this.code}`);
+        }
         this.t.lang(this.element);
     }
     render() {
-        return (h(Host, { key: '6dab1fa475e88e3143cce9c0f9f8201a2c5c9850', onClick: this.handleClick }, this.code
+        return (h(Host, { key: '5bbbcd698ddbd64e19500ae8ea15f1f9cc98d7ef', onClick: this.handleClick }, this.code
             ? h("mds-button", { icon: this.selected ? miBaselineCheckCircle : miOutlineCircle, variant: "dark", tone: "quiet" }, localeDefault[this.code])
             : h("mds-button", { icon: miBaselineCheckCircle, variant: "error", tone: "quiet" }, this.t.get('noCode'))));
     }