@maggioli-design-system/magma 1.10.3 → 1.10.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/mds-input-switch_2.cjs.entry.js +1 -1
- package/dist/collection/components/mds-header/test/mds-header.stories.js +1 -1
- package/dist/collection/components/mds-img/test/mds-img.stories.js +2 -2
- package/dist/collection/components/mds-input-field/test/mds-input-field.stories.js +1 -1
- package/dist/collection/components/mds-input-switch/mds-input-switch.js +1 -1
- package/dist/collection/components/mds-modal/test/mds-modal.stories.js +3 -3
- package/dist/collection/components/mds-policy-ai/test/mds-policy.stories.js +2 -2
- package/dist/collection/components/mds-price-table/test/mds-price-table.stories.js +1 -1
- package/dist/collection/components/mds-price-table-header/test/mds-price-table-header.stories.js +1 -1
- package/dist/collection/components/mds-push-notification/test/mds-push-notification.stories.js +1 -1
- package/dist/collection/components/mds-zero/test/mds-zero.stories.js +1 -1
- package/dist/collection/storybook/example-page.stories.js +1 -1
- package/dist/components/mds-input-switch2.js +1 -1
- package/dist/documentation.json +1 -1
- package/dist/esm/mds-input-switch_2.entry.js +1 -1
- package/dist/esm-es5/mds-input-switch_2.entry.js +1 -1
- package/dist/hydrate/index.js +1 -1
- package/dist/hydrate/index.mjs +1 -1
- package/dist/magma-components/magma-components.esm.js +1 -1
- package/dist/magma-components/p-26cd6ec8.system.js +1 -1
- package/dist/magma-components/p-62326013.entry.js +1 -0
- package/dist/magma-components/{p-55bedd2e.system.entry.js → p-6eab68f2.system.entry.js} +1 -1
- package/dist/stats.json +14 -14
- package/package.json +1 -1
- package/dist/magma-components/p-c1a03b57.entry.js +0 -1
|
@@ -214,7 +214,7 @@ const MdsInputSwitch = class {
|
|
|
214
214
|
?
|
|
215
215
|
index.h("label", { htmlFor: "field", class: clsx.clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, index.h("div", { class: "switch" }, index.h("div", { class: "switch-toggle" }, this.explicit && index.h("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : remove.miBaselineRemove }))))
|
|
216
216
|
:
|
|
217
|
-
index.h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, index.h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-unchecked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), index.h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-checked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), index.h("label", { key: '
|
|
217
|
+
index.h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, index.h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-unchecked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && index.h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, index.h("mds-icon", { class: "icon-checked", name: clsx.clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), index.h("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx.clsx('label-text', !this.hasText && 'label-text--empty') }, index.h("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, index.h("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
|
|
218
218
|
}
|
|
219
219
|
static get formAssociated() { return true; }
|
|
220
220
|
get host() { return index.getElement(this); }
|
|
@@ -40,7 +40,7 @@ const Template = args => (h("div", null, h("div", { class: "grid" }, Array(40)
|
|
|
40
40
|
const TemplateAutoHide = args => (h("div", null, h("div", { class: "grid" }, Array(40)
|
|
41
41
|
.fill(null)
|
|
42
42
|
.map((_value, index) => (h("div", { key: index, class: "h-[100px] flex items-start justify-center text-center border-0 border-t border-solid border-t-tone-neutral-07" }, h("mds-text", { class: "px-200 py-100 rounded-b-lg bg-tone-neutral-10 border-t-0 border border-solid border-tone-neutral-07", typography: "snippet", tag: "div" }, index === 0 ? '0px' : index + '00px'))))), h("mds-header", Object.assign({}, args), h("mds-header-bar", null, h("div", { class: "flex gap-400 items-center" }, h("mds-img", { class: "w-1000", src: "/logo-gruppo-maggioli.svg" }), h("div", { class: "mb-100" }, h("mds-text", { typography: "h6" }, "Mobile menu"), h("mds-text", { typography: "option", class: "text-tone-neutral-04" }, "Shows up under 1024px"))), h("mds-button", { slot: "nav", variant: "dark", tone: "ghost" }, "Accedi"), h("mds-button", { slot: "nav", icon: "mi/round/person" }, "Registrati")), h("div", { slot: "menu" }, h("div", { class: "flex gap-200 items-center p-600 border-b border-tone-neutral-09" }, h("mds-img", { class: "w-1000", src: "/logo-gruppo-maggioli.svg" }), h("div", { class: "mb-100" }, h("mds-text", { typography: "h6" }, "Gruppo Maggioli"), h("mds-text", { typography: "option", class: "text-tone-neutral-04" }, "Header by RD Team"))), h("div", { class: "grid gap-200 p-600" }, h("mds-button", { variant: "dark", tone: "ghost" }, "Accedi"), h("mds-button", { icon: "mi/round/person" }, "Registrati"))))));
|
|
43
|
-
const TemplateLandingPage = args => (h("div", { class: "-m-600" }, h("div", { class: "bg-label-amaranth-06 text-tone-neutral flex text-center items-center justify-center h-[600px] flex-col pt-2000 select-none" }, h("mds-text", { typography: "h1" }, "Hey"), h("mds-text", { typography: "h1" }, "WelcomeTo"), h("mds-text", { typography: "h1" }, "ThisBeautiful"), h("mds-text", { typography: "h1" }, "AndIncrediblyNice"), h("mds-text", { typography: "h1" }, "FakeLandingPage"), h("mds-text", { typography: "h1" }, "ForYourJoy"), h("mds-text", { typography: "h1" }, "ByeBye"), h("mds-text", { typography: "h1" }, "Bro")), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 grid-cols-3 mobile:grid-cols-1 max-w-screen-desktop" }, Array(18)
|
|
43
|
+
const TemplateLandingPage = args => (h("div", { class: "-m-600" }, h("div", { class: "bg-label-amaranth-06 text-tone-neutral flex text-center items-center justify-center h-[600px] flex-col pt-2000 select-none" }, h("mds-text", { typography: "h1" }, "Hey"), h("mds-text", { typography: "h1" }, "WelcomeTo"), h("mds-text", { typography: "h1" }, "ThisBeautiful"), h("mds-text", { typography: "h1" }, "AndIncrediblyNice"), h("mds-text", { typography: "h1" }, "FakeLandingPage"), h("mds-text", { typography: "h1" }, "ForYourJoy"), h("mds-text", { typography: "h1" }, "ByeBye"), h("mds-text", { typography: "h1" }, "Bro")), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 grid-cols-3 max-mobile:grid-cols-1 max-w-screen-desktop" }, Array(18)
|
|
44
44
|
.fill(null)
|
|
45
45
|
.map(() => (h("div", { class: "grid gap-25" }, h("mds-text", { typography: "h5", tag: "h2" }, "This is a section title"), h("mds-text", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus iure, ratione beatae quam optio cumque rerum modi consectetur odit eligendi omnis veniam fuga non ipsam voluptatum a ut neque illum.")))))), h("mds-header", Object.assign({}, args), h("mds-header-bar", null, h("div", { class: "flex gap-400 items-center" }, h("mds-img", { class: "w-1000", src: "/logo-gruppo-maggioli.svg" }), h("div", { class: "mb-100" }, h("mds-text", { typography: "h6" }, "Mobile menu"), h("mds-text", { typography: "option", class: "text-tone-neutral-04" }, "Shows up under 1024px"))), h("mds-button", { slot: "nav", variant: "dark", tone: "ghost" }, "Accedi"), h("mds-button", { slot: "nav", icon: "mi/round/person" }, "Registrati")), h("div", { slot: "menu" }, h("div", { class: "flex gap-200 items-center p-600 border-b border-tone-neutral-09" }, h("mds-img", { class: "w-1000", src: "/logo-gruppo-maggioli.svg" }), h("div", { class: "mb-100" }, h("mds-text", { typography: "h6" }, "Gruppo Maggioli"), h("mds-text", { typography: "option", class: "text-tone-neutral-04" }, "Header by RD Team"))), h("div", { class: "grid gap-200 p-600" }, h("mds-button", { variant: "dark", tone: "ghost" }, "Accedi"), h("mds-button", { icon: "mi/round/person" }, "Registrati"))))));
|
|
46
46
|
export const Default = {
|
|
@@ -5,8 +5,8 @@ export default {
|
|
|
5
5
|
argTypes,
|
|
6
6
|
};
|
|
7
7
|
const Template = args => h("mds-img", Object.assign({}, args));
|
|
8
|
-
const TemplateConsumption = args => (h("div", { class: "grid gap-600 tablet:grid-cols-2 auto-rows-min" }, h("div", null, h("mds-img", Object.assign({}, args))), h("div", { class: "grid gap-600 mobile:grid-cols-1 tablet:grid-cols-1 grid-cols-3 auto-rows-min" }, h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption Low"), h("mds-text", { typography: "detail" }, "Image is not loaded by default, alt text attribute is displayed as content, if element is clicked the image is loaded.", ' '), h("mds-text", { typography: "detail" }, "It's recommended to load black and white image at 1X resolution to decrease CPU consumption and data bandwidth.")), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption Medium"), h("mds-text", { typography: "detail" }, "Image is loaded by default, loading attribute will be applied."), h("mds-text", { typography: "detail" }, "It's recommended to load an image at 1X resolution to decrease CPU consumption and data bandwidth.")), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption High"), h("mds-text", { typography: "detail" }, "Image is loaded by default, loading attribute will be applied.")))));
|
|
9
|
-
const TemplateBook = args => (h("div", { class: "grid gap-600" }, h("div", { class: "grid gap-600 mobile:grid-cols-1 tablet:grid-cols-1 grid-cols-3 auto-rows-min" }, h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption Low"), h("mds-text", { typography: "detail" }, "Set consumption to ", h("b", null, "low"), " in ", h("b", null, "Magma accessibility"), " tab in storybook."))), h("div", { class: "grid gap-600 grid-cols-fit-sm" }, h("mds-img", Object.assign({}, args)), h("mds-img", { class: "aspect-book rounded-md shadow", src: "./book-cover-11.webp", "srcset-consumption": "./book-cover-11.webp low", alt: "Concorso regione Valle d'Aosta 86 assistenti amministrativo contabili" }), h("mds-img", { class: "aspect-book rounded-md shadow", src: "./book-cover-10.webp", "srcset-consumption": "./book-cover-10.webp low", alt: "Il principio di rotazione e il regolamento degli appalti sotto soglia di lavori, forniture e servizi" }))));
|
|
8
|
+
const TemplateConsumption = args => (h("div", { class: "grid gap-600 tablet:grid-cols-2 auto-rows-min" }, h("div", null, h("mds-img", Object.assign({}, args))), h("div", { class: "grid gap-600 max-mobile:grid-cols-1 tablet:grid-cols-1 grid-cols-3 auto-rows-min" }, h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption Low"), h("mds-text", { typography: "detail" }, "Image is not loaded by default, alt text attribute is displayed as content, if element is clicked the image is loaded.", ' '), h("mds-text", { typography: "detail" }, "It's recommended to load black and white image at 1X resolution to decrease CPU consumption and data bandwidth.")), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption Medium"), h("mds-text", { typography: "detail" }, "Image is loaded by default, loading attribute will be applied."), h("mds-text", { typography: "detail" }, "It's recommended to load an image at 1X resolution to decrease CPU consumption and data bandwidth.")), h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption High"), h("mds-text", { typography: "detail" }, "Image is loaded by default, loading attribute will be applied.")))));
|
|
9
|
+
const TemplateBook = args => (h("div", { class: "grid gap-600" }, h("div", { class: "grid gap-600 max-mobile:grid-cols-1 tablet:grid-cols-1 grid-cols-3 auto-rows-min" }, h("div", { class: "grid gap-100 auto-rows-min" }, h("mds-text", { typography: "h6" }, "Consumption Low"), h("mds-text", { typography: "detail" }, "Set consumption to ", h("b", null, "low"), " in ", h("b", null, "Magma accessibility"), " tab in storybook."))), h("div", { class: "grid gap-600 grid-cols-fit-sm" }, h("mds-img", Object.assign({}, args)), h("mds-img", { class: "aspect-book rounded-md shadow", src: "./book-cover-11.webp", "srcset-consumption": "./book-cover-11.webp low", alt: "Concorso regione Valle d'Aosta 86 assistenti amministrativo contabili" }), h("mds-img", { class: "aspect-book rounded-md shadow", src: "./book-cover-10.webp", "srcset-consumption": "./book-cover-10.webp low", alt: "Il principio di rotazione e il regolamento degli appalti sotto soglia di lavori, forniture e servizi" }))));
|
|
10
10
|
export const Default = {
|
|
11
11
|
render: Template,
|
|
12
12
|
args: {
|
|
@@ -52,7 +52,7 @@ export const Variant = {
|
|
|
52
52
|
message: 'This is a field with a message',
|
|
53
53
|
},
|
|
54
54
|
};
|
|
55
|
-
const FormIntegrationTemplate = (args) => (h("div", { class: "grid gap-600" }, h("form", { class: "grid gap-400", id: "mds-icon-fi", name: "mds-icon-fi" }, h("mds-input-field", Object.assign({}, args), h("mds-input", { name: "fullName", placeholder: "Es: Mario Rossi", autofocus: true })), h("div", { class: "flex flex-wrap gap-400 items-baseline" }, h("mds-button", { class: "shrink-0 mobile:grow", type: "button", role: "submit", onClick: () => {
|
|
55
|
+
const FormIntegrationTemplate = (args) => (h("div", { class: "grid gap-600" }, h("form", { class: "grid gap-400", id: "mds-icon-fi", name: "mds-icon-fi" }, h("mds-input-field", Object.assign({}, args), h("mds-input", { name: "fullName", placeholder: "Es: Mario Rossi", autofocus: true })), h("div", { class: "flex flex-wrap gap-400 items-baseline" }, h("mds-button", { class: "shrink-0 max-mobile:grow", type: "button", role: "submit", onClick: () => {
|
|
56
56
|
const formEl = document.querySelector('form');
|
|
57
57
|
const spanEl = document.querySelector('span.input-value');
|
|
58
58
|
const inputEl = document.querySelector('mds-input');
|
|
@@ -134,7 +134,7 @@ export class MdsInputSwitch {
|
|
|
134
134
|
?
|
|
135
135
|
h("label", { htmlFor: "field", class: clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("div", { class: "switch" }, h("div", { class: "switch-toggle" }, this.explicit && h("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
|
|
136
136
|
:
|
|
137
|
-
h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '
|
|
137
|
+
h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, h("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
|
|
138
138
|
}
|
|
139
139
|
static get is() { return "mds-input-switch"; }
|
|
140
140
|
static get encapsulation() { return "shadow"; }
|
|
@@ -58,7 +58,7 @@ const Template = args => {
|
|
|
58
58
|
if (args.opened !== null) {
|
|
59
59
|
args.opened = null;
|
|
60
60
|
}
|
|
61
|
-
return (h("div", null, h("mds-button", { id: "action", onClick: () => setOpened(true) }, "Open modal"), h("mds-modal", Object.assign({ id: "modal" }, args, { opened: opened === true ? true : undefined }), h("header", { slot: "top", class: "p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09" }, h("mds-img", { class: "w-1600", src: "./logo-gruppo-maggioli-512w.webp" }), h("div", { class: "text-tone-neutral-02" }, h("mds-text", { typography: "h5", class: "truncate min-w-0" }, "Maggioli Editore"), h("mds-text", { typography: "detail", class: "truncate min-w-0" }, "Menu di servizio"))), h("div", { class: "p-800" }, h("mds-text", null, "As a multi-brand design syastem, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we\u2019re future-proofing our components as more brands adopt NewsKit.")), h("footer", { slot: "bottom", class: "p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09" }, h("mds-author", { class: "flex-grow" }, h("mds-avatar", { slot: "avatar", class: "w-1600 mobile:w-1200", src: "./avatar-01-200x200.jpeg" }), h("mds-text", { typography: "h6" }, fullName), h("mds-text", { typography: "caption", class: "text-tone-neutral-04" }, email)), h("mds-button", { icon: "mdi/dots-vertical", variant: "light" })))));
|
|
61
|
+
return (h("div", null, h("mds-button", { id: "action", onClick: () => setOpened(true) }, "Open modal"), h("mds-modal", Object.assign({ id: "modal" }, args, { opened: opened === true ? true : undefined }), h("header", { slot: "top", class: "p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09" }, h("mds-img", { class: "w-1600", src: "./logo-gruppo-maggioli-512w.webp" }), h("div", { class: "text-tone-neutral-02" }, h("mds-text", { typography: "h5", class: "truncate min-w-0" }, "Maggioli Editore"), h("mds-text", { typography: "detail", class: "truncate min-w-0" }, "Menu di servizio"))), h("div", { class: "p-800" }, h("mds-text", null, "As a multi-brand design syastem, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we\u2019re future-proofing our components as more brands adopt NewsKit.")), h("footer", { slot: "bottom", class: "p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09" }, h("mds-author", { class: "flex-grow" }, h("mds-avatar", { slot: "avatar", class: "w-1600 max-mobile:w-1200", src: "./avatar-01-200x200.jpeg" }), h("mds-text", { typography: "h6" }, fullName), h("mds-text", { typography: "caption", class: "text-tone-neutral-04" }, email)), h("mds-button", { icon: "mdi/dots-vertical", variant: "light" })))));
|
|
62
62
|
};
|
|
63
63
|
const TemplateStyle = args => {
|
|
64
64
|
const [opened, setOpened] = useState(false);
|
|
@@ -86,7 +86,7 @@ const TemplateStyle = args => {
|
|
|
86
86
|
'--mds-modal-window-overflow': 'hidden',
|
|
87
87
|
'--mds-modal-window-distance': '1rem',
|
|
88
88
|
'--mds-modal-window-radius': '1rem',
|
|
89
|
-
}, opened: opened === true ? true : undefined }), h("header", { slot: "top", class: "p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09" }, h("mds-img", { class: "w-1600", src: "./logo-gruppo-maggioli-512w.webp" }), h("div", { class: "text-tone-neutral-02" }, h("mds-text", { typography: "h5", class: "truncate min-w-0" }, "Maggioli Editore"), h("mds-text", { typography: "detail", class: "truncate min-w-0" }, "Menu di servizio"))), h("div", { class: "p-800" }, h("mds-text", null, "As a multi-brand design syastem, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we\u2019re future-proofing our components as more brands adopt NewsKit.")), h("footer", { slot: "bottom", class: "p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09" }, h("mds-author", { class: "flex-grow" }, h("mds-avatar", { slot: "avatar", class: "w-1600 mobile:w-1200", src: "./avatar-01-200x200.jpeg" }), h("mds-text", { typography: "h6" }, fullName), h("mds-text", { typography: "caption", class: "text-tone-neutral-04" }, email)), h("mds-button", { icon: "mdi/dots-vertical", variant: "light" })))));
|
|
89
|
+
}, opened: opened === true ? true : undefined }), h("header", { slot: "top", class: "p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09" }, h("mds-img", { class: "w-1600", src: "./logo-gruppo-maggioli-512w.webp" }), h("div", { class: "text-tone-neutral-02" }, h("mds-text", { typography: "h5", class: "truncate min-w-0" }, "Maggioli Editore"), h("mds-text", { typography: "detail", class: "truncate min-w-0" }, "Menu di servizio"))), h("div", { class: "p-800" }, h("mds-text", null, "As a multi-brand design syastem, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we\u2019re future-proofing our components as more brands adopt NewsKit.")), h("footer", { slot: "bottom", class: "p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09" }, h("mds-author", { class: "flex-grow" }, h("mds-avatar", { slot: "avatar", class: "w-1600 max-mobile:w-1200", src: "./avatar-01-200x200.jpeg" }), h("mds-text", { typography: "h6" }, fullName), h("mds-text", { typography: "caption", class: "text-tone-neutral-04" }, email)), h("mds-button", { icon: "mdi/dots-vertical", variant: "light" })))));
|
|
90
90
|
};
|
|
91
91
|
const TemplateOverflow = args => {
|
|
92
92
|
const [opened, setOpened] = useState(false);
|
|
@@ -112,7 +112,7 @@ const TemplateOverflow = args => {
|
|
|
112
112
|
}
|
|
113
113
|
return (h("div", { class: "relative" }, h("div", { class: "grid" }, Array(40)
|
|
114
114
|
.fill(null)
|
|
115
|
-
.map((_value, index) => (h("div", { key: index, class: "h-[100px] flex items-start justify-center text-center border-0 border-t border-solid border-t-tone-neutral-07" }, h("mds-text", { class: "px-200 py-100 rounded-b-lg bg-tone-neutral-10 border-t-0 border border-solid border-tone-neutral-07", typography: "snippet", tag: "div" }, index === 0 ? '0px' : index + '00px'))))), h("mds-button", { class: "fixed top-600 left-600", id: "action", onClick: () => setOpened(true) }, "Open modal"), h("mds-modal", Object.assign({ id: "modal" }, args, { opened: opened === true ? true : undefined }), h("header", { slot: "top", class: "p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09" }, h("mds-img", { class: "w-1600", src: "./logo-gruppo-maggioli-512w.webp" }), h("div", { class: "text-tone-neutral-02" }, h("mds-text", { typography: "h5", class: "truncate min-w-0" }, "Maggioli Editore"), h("mds-text", { typography: "detail", class: "truncate min-w-0" }, "Menu di servizio"))), h("div", { class: "p-800" }, h("mds-text", null, "As a multi-brand design syastem, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we\u2019re future-proofing our components as more brands adopt NewsKit.")), h("footer", { slot: "bottom", class: "p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09" }, h("mds-author", { class: "flex-grow" }, h("mds-avatar", { slot: "avatar", class: "w-1600 mobile:w-1200", src: "./avatar-01-200x200.jpeg" }), h("mds-text", { typography: "h6" }, fullName), h("mds-text", { typography: "caption", class: "text-tone-neutral-04" }, email)), h("mds-button", { icon: "mdi/dots-vertical", variant: "light" })))));
|
|
115
|
+
.map((_value, index) => (h("div", { key: index, class: "h-[100px] flex items-start justify-center text-center border-0 border-t border-solid border-t-tone-neutral-07" }, h("mds-text", { class: "px-200 py-100 rounded-b-lg bg-tone-neutral-10 border-t-0 border border-solid border-tone-neutral-07", typography: "snippet", tag: "div" }, index === 0 ? '0px' : index + '00px'))))), h("mds-button", { class: "fixed top-600 left-600", id: "action", onClick: () => setOpened(true) }, "Open modal"), h("mds-modal", Object.assign({ id: "modal" }, args, { opened: opened === true ? true : undefined }), h("header", { slot: "top", class: "p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09" }, h("mds-img", { class: "w-1600", src: "./logo-gruppo-maggioli-512w.webp" }), h("div", { class: "text-tone-neutral-02" }, h("mds-text", { typography: "h5", class: "truncate min-w-0" }, "Maggioli Editore"), h("mds-text", { typography: "detail", class: "truncate min-w-0" }, "Menu di servizio"))), h("div", { class: "p-800" }, h("mds-text", null, "As a multi-brand design syastem, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we\u2019re future-proofing our components as more brands adopt NewsKit.")), h("footer", { slot: "bottom", class: "p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09" }, h("mds-author", { class: "flex-grow" }, h("mds-avatar", { slot: "avatar", class: "w-1600 max-mobile:w-1200", src: "./avatar-01-200x200.jpeg" }), h("mds-text", { typography: "h6" }, fullName), h("mds-text", { typography: "caption", class: "text-tone-neutral-04" }, email)), h("mds-button", { icon: "mdi/dots-vertical", variant: "light" })))));
|
|
116
116
|
};
|
|
117
117
|
const CustomTemplate = args => {
|
|
118
118
|
const [opened, setOpened] = useState(false);
|
|
@@ -20,8 +20,8 @@ export default {
|
|
|
20
20
|
},
|
|
21
21
|
};
|
|
22
22
|
const Template = args => (h("mds-policy-ai", Object.assign({}, args, { class: "max-w-[400px]" })));
|
|
23
|
-
const TemplateCustomIcon = () => (h("div", { class: "grid gap-600 tablet:grid-cols-[200px_auto] p-600 bg-tone-neutral-10 rounded-xl max-w-[500px]" }, h("div", { class: "mobile:max-w-[200px] relative" }, h("mds-policy-ai", { variant: "icon", class: "absolute bottom-200 right-200 z-10" }), h("mds-img", { src: "./book-cover-06.webp", class: "rounded-md shadow-sm" })), h("div", { class: "grid gap-400 auto-rows-min" }, h("mds-text", { typography: "h5" }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"))));
|
|
24
|
-
const TemplateCustomChip = args => (h("div", { class: "grid gap-600 tablet:grid-cols-[200px_auto] p-600 bg-tone-neutral-10 rounded-xl max-w-[500px]" }, h("mds-img", { src: "./book-cover-02.webp", class: "rounded-md shadow-sm mobile:max-w-[200px]" }), h("div", { class: "grid gap-400 auto-rows-min" }, h("mds-text", { typography: "h5" }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"), h("mds-policy-ai", Object.assign({}, args, { class: "max-w-[400px]" })))));
|
|
23
|
+
const TemplateCustomIcon = () => (h("div", { class: "grid gap-600 tablet:grid-cols-[200px_auto] p-600 bg-tone-neutral-10 rounded-xl max-w-[500px]" }, h("div", { class: "max-mobile:max-w-[200px] relative" }, h("mds-policy-ai", { variant: "icon", class: "absolute bottom-200 right-200 z-10" }), h("mds-img", { src: "./book-cover-06.webp", class: "rounded-md shadow-sm" })), h("div", { class: "grid gap-400 auto-rows-min" }, h("mds-text", { typography: "h5" }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"))));
|
|
24
|
+
const TemplateCustomChip = args => (h("div", { class: "grid gap-600 tablet:grid-cols-[200px_auto] p-600 bg-tone-neutral-10 rounded-xl max-w-[500px]" }, h("mds-img", { src: "./book-cover-02.webp", class: "rounded-md shadow-sm max-mobile:max-w-[200px]" }), h("div", { class: "grid gap-400 auto-rows-min" }, h("mds-text", { typography: "h5" }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"), h("mds-policy-ai", Object.assign({}, args, { class: "max-w-[400px]" })))));
|
|
25
25
|
const TemplateCustomCard = args => (h("div", { class: "grid gap-600 bg-tone-neutral-10 rounded-xl p-600 max-w-[480px]" }, h("div", { class: "grid gap-600" }, h("mds-img", { src: "./book-cover-05.webp", class: "rounded-md shadow-sm max-w-[200px] self-start" }), h("div", { class: "grid gap-400 auto-rows-min" }, h("mds-text", { typography: "h5" }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"))), h("div", { class: "grid" }, h("mds-text", { typography: "h4" }, "FAQ"), h("mds-accordion", null, h("mds-accordion-item", { label: "Sapiente earum neque amet temporibus ipsam?" }, h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?")), h("mds-accordion-item", { label: "Inventore nulla quaerat eius?" }, h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?")), h("mds-accordion-item", { label: "Voluptatibus aliquam hic quam?" }, h("mds-text", { typography: "detail" }, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nesciunt id, perspiciatis quod exercitationem quis, asperiores maxime quasi dolore voluptatem distinctio doloribus totam natus ipsum aliquam. Voluptatibus aliquam hic quam."))), h("mds-policy-ai", Object.assign({}, args)))));
|
|
26
26
|
const TemplateCustomBanner = args => (h("div", { class: "grid gap-600 max-w-[728px] m-auto" }, h("div", { class: "grid gap-600 tablet:grid-cols-[200px_auto]" }, h("mds-img", { src: "./book-cover-05.webp", class: "rounded-md shadow-sm max-w-[200px] self-start" }), h("div", { class: "grid gap-400 auto-rows-min" }, h("mds-text", { typography: "h2" }, "Lorem ipsum dolor sit amet, consectetur adipisicing elit"), h("mds-text", { typography: "detail" }, "Rem nostrum alias, optio illum vel autem perspiciatis, sapiente earum neque amet temporibus ipsam voluptates eveniet distinctio totam, inventore nulla quaerat eius?"), h("mds-author", null, h("mds-avatar", { slot: "avatar", initials: "er", tone: "weak" }), h("mds-text", { typography: "h6" }, "Ettore Rossi"), h("mds-text", { typography: "caption" }, "Autore ed Architetto Ambientale")))), h("mds-hr", { class: "bg-tone-neutral-10" }), h("div", { class: "grid gap-400" }, h("mds-text", { typography: "h4" }, "Descrizione"), h("mds-text", { typography: "paragraph" }, "Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusamus, quae dolorum. In quas eaque sed numquam sapiente nesciunt perferendis, autem id ratione possimus ex harum? Accusantium officia nostrum illum a!"), h("mds-text", { typography: "paragraph" }, "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Facere et doloribus accusamus voluptatum accusantium distinctio eius culpa id quo perspiciatis facilis aut exercitationem neque, repellat vel delectus? Consectetur, eveniet tempora."), h("mds-text", { typography: "paragraph" }, "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptates modi voluptas saepe velit aut. Modi velit deleniti inventore, dolore est fugit delectus amet, doloribus, recusandae earum hic cupiditate iste impedit."), h("mds-policy-ai", Object.assign({}, args)))));
|
|
27
27
|
const TemplateBanner = args => h("mds-policy-ai", Object.assign({}, args));
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export default {
|
|
3
3
|
title: 'UI / Price table',
|
|
4
4
|
};
|
|
5
|
-
const Template = args => (h("div", { class: "grid gap-600" }, h("mds-text", { typography: "h1", tag: "h3", class: "desktop:hidden" }, "Choose the plan for you"), h("div", { class: "grid tablet:grid-cols-2 mobile:grid-cols-1 gap-600" }, h("mds-price-table", Object.assign({}, args, { class: "desktop:hidden" }), h("mds-price-table-list", null, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Basic plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "49\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-features", null, h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "10")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "10GB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "unsupported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "unsupported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "unsupported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "unsupported" })))), h("mds-price-table", Object.assign({}, args, { class: "desktop:hidden" }), h("mds-price-table-list", { class: "bg-label-amaranth-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Professional plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "99\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-features", null, h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "20")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "20GB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "unsupported" })))), h("mds-price-table", Object.assign({}, args, { class: "desktop:hidden" }), h("mds-price-table-list", { class: "bg-label-violet-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Enterprise plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "149\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-features", null, h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "Unlimited")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "1TB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "supported" }))))), h("mds-price-table", Object.assign({}, args, { class: "tablet-max:hidden" }), h("mds-price-table-header", Object.assign({}, args, { class: "mobile:grid-cols-1 tablet:grid-cols-3 desktop:grid-cols-4" }), h("mds-text", { typography: "h1", tag: "h3", class: "tablet:col-span-3 col-span-1 desktop:col-span-1 desktop:py-600" }, "Choose the plan for you"), h("mds-price-table-list", null, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Basic plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "49\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-amaranth-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Professional plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "99\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-violet-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Enterprise plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "149\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia"))), h("mds-price-table-features", Object.assign({}, args), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features", h("mds-help", null, "The base features are: Login, Logout and Register.")), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "10"), h("mds-price-table-features-cell", { type: "text" }, "20"), h("mds-price-table-features-cell", { type: "text" }, "Unlimited", h("mds-help", null, "Aw, c'mon... You know it's impossible."))), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "10GB"), h("mds-price-table-features-cell", { type: "text" }, "20GB"), h("mds-price-table-features-cell", { type: "text" }, "1TB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }))))));
|
|
5
|
+
const Template = args => (h("div", { class: "grid gap-600" }, h("mds-text", { typography: "h1", tag: "h3", class: "desktop:hidden" }, "Choose the plan for you"), h("div", { class: "grid tablet:grid-cols-2 max-mobile:grid-cols-1 gap-600" }, h("mds-price-table", Object.assign({}, args, { class: "desktop:hidden" }), h("mds-price-table-list", null, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Basic plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "49\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-features", null, h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "10")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "10GB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "unsupported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "unsupported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "unsupported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "unsupported" })))), h("mds-price-table", Object.assign({}, args, { class: "desktop:hidden" }), h("mds-price-table-list", { class: "bg-label-amaranth-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Professional plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "99\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-features", null, h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "20")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "20GB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "unsupported" })))), h("mds-price-table", Object.assign({}, args, { class: "desktop:hidden" }), h("mds-price-table-list", { class: "bg-label-violet-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Enterprise plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "149\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-features", null, h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "Unlimited")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "1TB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "supported" }))))), h("mds-price-table", Object.assign({}, args, { class: "tablet-max:hidden" }), h("mds-price-table-header", Object.assign({}, args, { class: "max-mobile:grid-cols-1 tablet:grid-cols-3 desktop:grid-cols-4" }), h("mds-text", { typography: "h1", tag: "h3", class: "tablet:col-span-3 col-span-1 desktop:col-span-1 desktop:py-600" }, "Choose the plan for you"), h("mds-price-table-list", null, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Basic plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "49\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-amaranth-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Professional plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "99\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-violet-10" }, h("mds-text", { typography: "h5", tag: "h4", slot: "header" }, "Enterprise plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", tag: "h4", slot: "price" }, "149\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia"))), h("mds-price-table-features", Object.assign({}, args), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Base features", h("mds-help", null, "The base features are: Login, Logout and Register.")), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Users"), h("mds-price-table-features-cell", { type: "text" }, "10"), h("mds-price-table-features-cell", { type: "text" }, "20"), h("mds-price-table-features-cell", { type: "text" }, "Unlimited", h("mds-help", null, "Aw, c'mon... You know it's impossible."))), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "User data"), h("mds-price-table-features-cell", { type: "text" }, "10GB"), h("mds-price-table-features-cell", { type: "text" }, "20GB"), h("mds-price-table-features-cell", { type: "text" }, "1TB")), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Customer support"), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Automated functionalities"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Analytics"), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Export reports"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Reports snapshots"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }), h("mds-price-table-features-cell", { type: "supported" })), h("mds-price-table-features-row", null, h("mds-price-table-features-cell", { type: "label" }, "Advanced reports"), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "unsupported" }), h("mds-price-table-features-cell", { type: "supported" }))))));
|
|
6
6
|
export const Default = {
|
|
7
7
|
render: Template,
|
|
8
8
|
args: {
|
package/dist/collection/components/mds-price-table-header/test/mds-price-table-header.stories.js
CHANGED
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export default {
|
|
3
3
|
title: 'UI / Price table / Price table header',
|
|
4
4
|
};
|
|
5
|
-
const Template = args => (h("mds-price-table-header", Object.assign({}, args, { class: "mobile:grid-cols-1 tablet:grid-cols-3 desktop:grid-cols-4" }), h("mds-text", { typography: "h1", class: "tablet:col-span-3 col-span-1 desktop:col-span-1 desktop:py-600" }, "Choose the plan for you"), h("mds-price-table-list", null, h("mds-text", { typography: "h5", slot: "header" }, "Basic plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", slot: "price" }, "49\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-amaranth-10" }, h("mds-text", { typography: "h5", slot: "header" }, "Professional plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", slot: "price" }, "99\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-violet-10" }, h("mds-text", { typography: "h5", slot: "header" }, "Enterprise plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", slot: "price" }, "149\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia"))));
|
|
5
|
+
const Template = args => (h("mds-price-table-header", Object.assign({}, args, { class: "max-mobile:grid-cols-1 tablet:grid-cols-3 desktop:grid-cols-4" }), h("mds-text", { typography: "h1", class: "tablet:col-span-3 col-span-1 desktop:col-span-1 desktop:py-600" }, "Choose the plan for you"), h("mds-price-table-list", null, h("mds-text", { typography: "h5", slot: "header" }, "Basic plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", slot: "price" }, "49\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-amaranth-10" }, h("mds-text", { typography: "h5", slot: "header" }, "Professional plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", slot: "price" }, "99\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia")), h("mds-price-table-list", { class: "bg-label-violet-10" }, h("mds-text", { typography: "h5", slot: "header" }, "Enterprise plan"), h("mds-text", { typography: "detail", slot: "header" }, "Piano adatto a liberi professionisti con studi di piccole dimensioni."), h("mds-text", { typography: "h2", slot: "price" }, "149\u20AC"), h("mds-button", { slot: "action", variant: "dark" }, "Inizia"))));
|
|
6
6
|
export const Default = {
|
|
7
7
|
render: Template,
|
|
8
8
|
};
|
package/dist/collection/components/mds-push-notification/test/mds-push-notification.stories.js
CHANGED
|
@@ -70,7 +70,7 @@ const Template = args => {
|
|
|
70
70
|
setNotifications([...notifications, n]);
|
|
71
71
|
// console.log(notifications)
|
|
72
72
|
}
|
|
73
|
-
return (h("div", { class: "-m-600" }, h("div", { class: "fixed top-600 left-600 flex gap-100" }, visible ? (h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(false), icon: "mdi/eye-off-outline", variant: "error" }, "Hide notifications")) : (h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(true), icon: "mi/baseline/remove-red-eye", variant: "primary" }, "Show notifications")), h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", variant: "success", onClick: pushN }, "Carica altre...")), h("mds-push-notification", { class: "mds-push-notification", visible: visible === false ? undefined : true, behavior: args.behavior }, h(GetNotifications, { notifications: notifications })), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 grid-cols-3 mobile:grid-cols-1 max-w-screen-desktop" }, Array(18)
|
|
73
|
+
return (h("div", { class: "-m-600" }, h("div", { class: "fixed top-600 left-600 flex gap-100" }, visible ? (h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(false), icon: "mdi/eye-off-outline", variant: "error" }, "Hide notifications")) : (h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", onClick: () => setVisible(true), icon: "mi/baseline/remove-red-eye", variant: "primary" }, "Show notifications")), h("mds-button", { class: "shadow-outline-50 shadow-tone-neutral", variant: "success", onClick: pushN }, "Carica altre...")), h("mds-push-notification", { class: "mds-push-notification", visible: visible === false ? undefined : true, behavior: args.behavior }, h(GetNotifications, { notifications: notifications })), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 grid-cols-3 max-mobile:grid-cols-1 max-w-screen-desktop" }, Array(18)
|
|
74
74
|
.fill(null)
|
|
75
75
|
.map((_item, index) => {
|
|
76
76
|
return (h("div", { class: "grid gap-25", key: index }, h("mds-text", { typography: "h5", tag: "h2" }, "This is a section title"), h("mds-text", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus iure, ratione beatae quam optio cumque rerum modi consectetur odit eligendi omnis veniam fuga non ipsam voluptatum a ut neque illum.")));
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export default {
|
|
3
3
|
title: 'UI / Zero',
|
|
4
4
|
};
|
|
5
|
-
const Template = args => (h("mds-zero", Object.assign({}, args), h("mds-img", { src: "./icon-newspaper-03.png", class: "w-full max-w-[280px]" }), h("mds-text", { typography: "h5", slot: "content" }, "Crea il tuo primo articolo"), h("mds-text", { typography: "detail", slot: "content" }, "Contribuisci alla creazione contenuti editoriali di riferimento per la pubblica amminstrazione in Italia."), h("mds-button", { slot: "action", size: "lg", class: "mobile:w-full" }, "Nuovo")));
|
|
5
|
+
const Template = args => (h("mds-zero", Object.assign({}, args), h("mds-img", { src: "./icon-newspaper-03.png", class: "w-full max-w-[280px]" }), h("mds-text", { typography: "h5", slot: "content" }, "Crea il tuo primo articolo"), h("mds-text", { typography: "detail", slot: "content" }, "Contribuisci alla creazione contenuti editoriali di riferimento per la pubblica amminstrazione in Italia."), h("mds-button", { slot: "action", size: "lg", class: "max-mobile:w-full" }, "Nuovo")));
|
|
6
6
|
export const Default = {
|
|
7
7
|
render: Template,
|
|
8
8
|
};
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export default {
|
|
3
3
|
title: 'Common tests',
|
|
4
4
|
};
|
|
5
|
-
const Template = () => (h("div", { class: "-m-600" }, h("div", { class: "bg-label-amaranth-06 text-tone-neutral flex text-center items-center justify-center h-dvh min-h-[500px] flex-col select-none" }, h("mds-text", { typography: "h1" }, "Hey"), h("mds-text", { typography: "h1" }, "WelcomeTo"), h("mds-text", { typography: "h1" }, "ThisBeautiful"), h("mds-text", { typography: "h1" }, "AndIncrediblyNice"), h("mds-text", { typography: "h1" }, "FakeLandingPage"), h("mds-text", { typography: "h1" }, "PleaseEnjoy"), h("mds-text", { typography: "h1" }, "WithJoy"), h("mds-text", { typography: "h1" }, "Bye")), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 grid-cols-3
|
|
5
|
+
const Template = () => (h("div", { class: "-m-600" }, h("div", { class: "bg-label-amaranth-06 text-tone-neutral flex text-center items-center justify-center h-dvh min-h-[500px] flex-col select-none" }, h("mds-text", { typography: "h1" }, "Hey"), h("mds-text", { typography: "h1" }, "WelcomeTo"), h("mds-text", { typography: "h1" }, "ThisBeautiful"), h("mds-text", { typography: "h1" }, "AndIncrediblyNice"), h("mds-text", { typography: "h1" }, "FakeLandingPage"), h("mds-text", { typography: "h1" }, "PleaseEnjoy"), h("mds-text", { typography: "h1" }, "WithJoy"), h("mds-text", { typography: "h1" }, "Bye")), h("div", { class: "p-1200 flex justify-center" }, h("div", { class: "grid gap-600 desktop:grid-cols-3 tablet:grid-cols-2 max-w-screen-desktop" }, Array(18)
|
|
6
6
|
.fill(null)
|
|
7
7
|
.map(() => (h("div", { class: "grid gap-25" }, h("mds-text", { typography: "h5", tag: "h2" }, "This is a section title"), h("mds-text", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus iure, ratione beatae quam optio cumque rerum modi consectetur odit eligendi omnis veniam fuga non ipsam voluptatum a ut neque illum."))))))));
|
|
8
8
|
export const ExamplePage = {
|
|
@@ -206,7 +206,7 @@ const MdsInputSwitch = /*@__PURE__*/ proxyCustomElement(class MdsInputSwitch ext
|
|
|
206
206
|
?
|
|
207
207
|
h("label", { htmlFor: "field", class: clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("div", { class: "switch" }, h("div", { class: "switch-toggle" }, this.explicit && h("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
|
|
208
208
|
:
|
|
209
|
-
h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '
|
|
209
|
+
h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, h("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
|
|
210
210
|
}
|
|
211
211
|
static get formAssociated() { return true; }
|
|
212
212
|
get host() { return this; }
|
package/dist/documentation.json
CHANGED
|
@@ -210,7 +210,7 @@ const MdsInputSwitch = class {
|
|
|
210
210
|
?
|
|
211
211
|
h("label", { htmlFor: "field", class: clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("div", { class: "switch" }, h("div", { class: "switch-toggle" }, this.explicit && h("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
|
|
212
212
|
:
|
|
213
|
-
h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '
|
|
213
|
+
h("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, h("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && h("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, h("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), h("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, h("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
|
|
214
214
|
}
|
|
215
215
|
static get formAssociated() { return true; }
|
|
216
216
|
get host() { return getElement(this); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function d(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function r(t){try{s(a.next(t))}catch(t){n(t)}}function o(t){try{s(a["throw"](t))}catch(t){n(t)}}function s(t){t.done?i(t.value):d(t.value).then(r,o)}s((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,d,n,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(e){return s([t,e])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(a=1,d&&(n=o[0]&2?d["return"]:o[0]?d["throw"]||((n=d["return"])&&n.call(d),0):d.next)&&!(n=n.call(d,o[1])).done)return n;if(d=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;d=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];d=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineRemove}from"./remove-777e39e1.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";import{L as Locale}from"./locale-2adad180.js";import{s as setAttributeIfEmpty}from"./aria-ed9d415d.js";import"./_commonjsHelpers-bdec4bbd.js";var miBaselineChecked='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>\n</svg>\n';var miBaselineCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';var miBaselineIndeterminateCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/></svg>';var miBaselineCheckboxOutlineBlank='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>';var miBaselineRadioButtonChecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var miBaselineRadioButtonUnchecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var inputSwitchIconVariant={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:miBaselineCheckbox,iconIndeterminate:miBaselineIndeterminateCheckbox,iconUnchecked:miBaselineCheckboxOutlineBlank},radio:{iconChecked:miBaselineRadioButtonChecked,iconIndeterminate:"",iconUnchecked:miBaselineRadioButtonUnchecked}};var hasSlotted=function(t,e){var i;var a=e?'slot[name="'.concat(e,'"]'):"slot:not([name])";var d=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(a);if(d){return d.assignedNodes().length>0||d.assignedElements().length>0}return false};var select$3="Επιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}";var unselect$3="Αποεπιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}";var localeEl={select:select$3,unselect:unselect$3};var select$2="Select {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}";var unselect$2="Deselect {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}";var localeEn={select:select$2,unselect:unselect$2};var select$1="Seleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var unselect$1="Deseleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var localeEs={select:select$1,unselect:unselect$1};var select="Seleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var unselect="Deseleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var localeIt={select:select,unselect:unselect};var mdsInputSwitchCss='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-box-padding-lg:0.25rem;--mds-input-switch-box-padding-md:0.25rem;--mds-input-switch-box-padding-sm:0.25rem;--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-duration:300ms;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked);--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2));--mds-input-switch-toggle-size-lg:2rem;--mds-input-switch-toggle-size-md:1.5rem;--mds-input-switch-toggle-size-sm:1rem;--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}.field{display:none}.label-icon{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-icon{-ms-flex-align:baseline;align-items:baseline;border-radius:0.25rem;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-property:outline-offset, opacity;transition-property:outline-offset, opacity}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-text{cursor:pointer;display:-ms-flexbox;display:flex}.label-text--empty{display:none}:host([type="switch"]) .label-text{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color);height:var(--mds-input-switch-toggle-size);width:var(--mds-input-switch-toggle-size)}.icon-typography-checked,.icon-typography-unchecked{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon-typography-checked{left:0rem;top:0rem;position:absolute}.switch-container{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch-container{border-radius:9999px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:width, outline-offset, opacity;transition-property:width, outline-offset, opacity;width:var(--mds-input-switch-toggle-container-size)}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-switch-box-color-enabled-unchecked);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:-moz-min-content;height:-webkit-min-content;height:min-content;padding:var(--mds-input-switch-box-padding);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration);-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-container-size)}.switch-toggle{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;-ms-flex-align:center;align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration) * 1.5);animation-duration:calc(var(--mds-input-switch-duration) * 1.5);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-enabled-checked);-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);display:-ms-flexbox;display:flex;height:var(--mds-input-switch-toggle-size);-ms-flex-pack:center;justify-content:center;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-size)}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-enabled-checked)}.field:checked+.switch-container .switch-toggle{-webkit-animation-name:check;animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-checked)}.field:not(:checked)+.dirty .switch-toggle{-webkit-animation-name:uncheck;animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-unchecked)}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked)}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked)}@-webkit-keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@-webkit-keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}@keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}:host([disabled]){pointer-events:none}.icon-checked,.icon-unchecked{font-weight:400;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-property:fill, -webkit-transform;transition-property:fill, -webkit-transform;transition-property:fill, transform;transition-property:fill, transform, -webkit-transform}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked);opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.field:disabled+.label-icon{cursor:default}.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.label-icon .icon-unchecked{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 2);transition-duration:calc(var(--mds-input-switch-duration) * 2)}.field:checked+.label-icon .icon-checked{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 1.5);transition-duration:calc(var(--mds-input-switch-duration) * 1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled)}.field:disabled:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled)}.field:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate);-webkit-transform:scale(1);transform:scale(1)}:host([explicit]:not([disabled]):not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked)}:host([explicit][checked]:not([disabled])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked)}:host([explicit][checked][disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled)}:host([explicit][disabled]:not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled)}:host-context(.pref-theme-dark){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06))}}:host([size="sm"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm) * 2) + calc(var(--mds-input-switch-box-padding-sm) * 2))}:host([size="md"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2))}:host([size="lg"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg) * 2) + calc(var(--mds-input-switch-box-padding-lg) * 2))}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var MdsInputSwitchStyle0=mdsInputSwitchCss;var MdsInputSwitch=function(){function t(t){var e=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputSwitchChange",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.km=new KeyboardManager;this.dirty=false;this.hasText=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.icon="";this.name="";this.size="md";this.type="switch";this.typography="detail";this.value="";this.uncheckSiblings=function(){var t=document.querySelectorAll('mds-input-switch[name="'.concat(e.name,'"]'));t.forEach((function(t){if(t!==e.host){t.checked=false}}))};this.handleInputOnChange=function(t){var i,a;var d=t.target.value;t.preventDefault();t.stopPropagation();var n=(i=e.host.shadowRoot)===null||i===void 0?void 0:i.getElementById("field");e.checked=n.checked;e.indeterminate=false;if(e.type==="radio"){e.uncheckSiblings()}e.changeEvent.emit({name:e.name,checked:e.checked,value:d});e.internals.setFormValue(e.checked?(a=e.value)!==null&&a!==void 0?a:null:null)};this.handleDirty=function(){e.dirty=true};this.checkFocusElement=function(){var t,i;switch(e.type){case"switch":e.km.removeElement("default");e.km.addElement((t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".switch-container"),"switch");e.km.attachClickBehavior("switch");break;default:e.km.removeElement("switch");e.km.addElement((i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".label-icon"),"default");e.km.attachClickBehavior("default")}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null);return}if(t===false){this.disabled=undefined}};t.prototype.checkedChanged=function(t){if(t===false){this.checked=undefined}};t.prototype.explicitChanged=function(t){if(t===false){this.explicit=undefined}};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentDidLoad=function(){var t,e;this.language=this.t.lang(this.host);this.label=(t=this.host.textContent)!==null&&t!==void 0?t:"";this.internals.setFormValue(this.checked?(e=this.value)!==null&&e!==void 0?e:null:null);this.checkFocusElement();this.hasText=hasSlotted(this.host)};t.prototype.render=function(){var t=this;var e;var i=inputSwitchIconVariant[this.type],a=i.iconChecked,d=i.iconUnchecked,n=i.iconIndeterminate;var r=this.icon!==""?this.icon:a;return h(Host,{key:"7f23da179de8195c1d4f3b29a7fdc70ef038ea3d",onClick:this.handleDirty},h("input",{key:"584d64ee6b6476783cc61fde4643707204d31f0e",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:function(e){return t.handleInputOnChange(e)},type:this.type==="switch"?"checkbox":this.type,value:(e=this.value)!==null&&e!==void 0?e:undefined}),this.type==="switch"?h("label",{htmlFor:"field",class:clsx("switch-container",this.dirty!==false&&"dirty"),tabindex:"0","aria-label":this.t.get(this.checked?"unselect":"select",{label:this.label})},h("div",{class:"switch"},h("div",{class:"switch-toggle"},this.explicit&&h("mds-icon",{class:"icon-explicit",name:this.checked?miBaselineChecked:miBaselineRemove})))):h("label",{htmlFor:"field",class:"label-icon",tabindex:"0","aria-label":this.t.get(this.checked?"unselect":"select",{label:this.label})},h("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-unchecked",name:clsx(this.indeterminate?n:d)})),h("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-checked",name:clsx(this.indeterminate?n:r)}))),h("label",{key:"f3303a33fd8a2f60e67ed443687ce8dedc0d3b0b",htmlFor:"field",class:clsx("label-text",!this.hasText&&"label-text--empty")},h("mds-text",{key:"334c449310e68258109da6983deb0e7aae5fc15b",typography:this.typography,variant:this.variant},h("slot",{key:"ffe72183468fc62aa9160bfbaa5f24cf60337a2f"}))))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledChanged"],checked:["checkedChanged"],explicit:["explicitChanged"]}},enumerable:false,configurable:true});return t}();MdsInputSwitch.style=MdsInputSwitchStyle0;var mdsTableCellCss=":host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt);--mds-table-cell-color-alt:var(--mds-table-row-color-alt);--mds-table-cell-color:var(--mds-table-row-color);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);background-color:var(--mds-table-cell-background);border-bottom:var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;border-top:var(--mds-table-cell-border-width) solid transparent !important;color:var(--mds-table-cell-color);display:table-cell;padding:var(--mds-table-cell-padding);-webkit-transition-property:background-color, border-color, color;transition-property:background-color, border-color, color}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt);--mds-table-cell-color:var(--mds-table-cell-color-alt)}:host([sorted]){--mds-table-cell-background:var(--mds-table-background);--mds-table-cell-color:var(--mds-table-color)}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsTableCellStyle0=mdsTableCellCss;var MdsTableCell=function(){function t(t){registerInstance(this,t)}t.prototype.componentWillLoad=function(){setAttributeIfEmpty(this.host,"role","cell")};t.prototype.render=function(){return h(Host,{key:"e55a206ea01d0ffd28063339b2590b860e373800"},h("slot",{key:"d7d15eb91ee8e0d0045a658b05c9963de4b7bd72"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsTableCell.style=MdsTableCellStyle0;export{MdsInputSwitch as mds_input_switch,MdsTableCell as mds_table_cell};
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,a){function d(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,n){function r(t){try{s(a.next(t))}catch(t){n(t)}}function o(t){try{s(a["throw"](t))}catch(t){n(t)}}function s(t){t.done?i(t.value):d(t.value).then(r,o)}s((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},a,d,n,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(e){return s([t,e])}}function s(o){if(a)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(a=1,d&&(n=o[0]&2?d["return"]:o[0]?d["throw"]||((n=d["return"])&&n.call(d),0):d.next)&&!(n=n.call(d,o[1])).done)return n;if(d=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;d=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];d=0}finally{a=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-7f153b9b.js";import{c as clsx}from"./clsx-297c1ffe.js";import{m as miBaselineRemove}from"./remove-777e39e1.js";import{K as KeyboardManager}from"./keyboard-manager-f2f2f64c.js";import{L as Locale}from"./locale-2adad180.js";import{s as setAttributeIfEmpty}from"./aria-ed9d415d.js";import"./_commonjsHelpers-bdec4bbd.js";var miBaselineChecked='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>\n</svg>\n';var miBaselineCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2zm-9 14l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>';var miBaselineIndeterminateCheckbox='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/></svg>';var miBaselineCheckboxOutlineBlank='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/></svg>';var miBaselineRadioButtonChecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5s-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var miBaselineRadioButtonUnchecked='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8z"/></svg>';var inputSwitchIconVariant={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:miBaselineCheckbox,iconIndeterminate:miBaselineIndeterminateCheckbox,iconUnchecked:miBaselineCheckboxOutlineBlank},radio:{iconChecked:miBaselineRadioButtonChecked,iconIndeterminate:"",iconUnchecked:miBaselineRadioButtonUnchecked}};var hasSlotted=function(t,e){var i;var a=e?'slot[name="'.concat(e,'"]'):"slot:not([name])";var d=(i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(a);if(d){return d.assignedNodes().length>0||d.assignedElements().length>0}return false};var select$3="Επιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}";var unselect$3="Αποεπιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}";var localeEl={select:select$3,unselect:unselect$3};var select$2="Select {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}";var unselect$2="Deselect {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}";var localeEn={select:select$2,unselect:unselect$2};var select$1="Seleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var unselect$1="Deseleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var localeEs={select:select$1,unselect:unselect$1};var select="Seleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var unselect="Deseleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";var localeIt={select:select,unselect:unselect};var mdsInputSwitchCss='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-box-padding-lg:0.25rem;--mds-input-switch-box-padding-md:0.25rem;--mds-input-switch-box-padding-sm:0.25rem;--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-duration:300ms;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked);--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2));--mds-input-switch-toggle-size-lg:2rem;--mds-input-switch-toggle-size-md:1.5rem;--mds-input-switch-toggle-size-sm:1rem;--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);gap:0.5rem;-ms-flex-align:start;align-items:flex-start;display:-ms-inline-flexbox;display:inline-flex}.field{display:none}.label-icon{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-icon{-ms-flex-align:baseline;align-items:baseline;border-radius:0.25rem;cursor:pointer;display:-ms-flexbox;display:flex;position:relative;-webkit-transition-property:outline-offset, opacity;transition-property:outline-offset, opacity}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.label-text{cursor:pointer;display:-ms-flexbox;display:flex}.label-text--empty{display:none}:host([type="switch"]) .label-text{-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color);height:var(--mds-input-switch-toggle-size);width:var(--mds-input-switch-toggle-size)}.icon-typography-checked,.icon-typography-unchecked{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex}.icon-typography-checked{left:0rem;top:0rem;position:absolute}.switch-container{-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch-container{border-radius:9999px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-transition-property:width, outline-offset, opacity;transition-property:width, outline-offset, opacity;width:var(--mds-input-switch-toggle-container-size)}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}.switch{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-input-switch-box-color-enabled-unchecked);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:-moz-min-content;height:-webkit-min-content;height:min-content;padding:var(--mds-input-switch-box-padding);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration);-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-container-size)}.switch-toggle{border-radius:9999px;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:linear;transition-timing-function:linear;-ms-flex-align:center;align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration) * 1.5);animation-duration:calc(var(--mds-input-switch-duration) * 1.5);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:none;animation-name:none;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:var(--mds-input-switch-animation-timing-function);animation-timing-function:var(--mds-input-switch-animation-timing-function);background-color:var(--mds-input-switch-toggle-color-enabled-checked);-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);box-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);display:-ms-flexbox;display:flex;height:var(--mds-input-switch-toggle-size);-ms-flex-pack:center;justify-content:center;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;width:var(--mds-input-switch-toggle-size)}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-enabled-checked)}.field:checked+.switch-container .switch-toggle{-webkit-animation-name:check;animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-checked)}.field:not(:checked)+.dirty .switch-toggle{-webkit-animation-name:uncheck;animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-unchecked)}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked)}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked)}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked)}@-webkit-keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@keyframes check{0%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}}@-webkit-keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}@keyframes uncheck{0%{-webkit-transform:translateX(100%);transform:translateX(100%);width:var(--mds-input-switch-toggle-size)}50%{-webkit-transform:translateX(0);transform:translateX(0);width:calc(var(--mds-input-switch-toggle-size) * var(--mds-input-switch-animation-timing-adjust))}100%{-webkit-transform:translateX(0);transform:translateX(0);width:var(--mds-input-switch-toggle-size)}}:host([disabled]){pointer-events:none}.icon-checked,.icon-unchecked{font-weight:400;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-property:fill, -webkit-transform;transition-property:fill, -webkit-transform;transition-property:fill, transform;transition-property:fill, transform, -webkit-transform}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked);opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked);-webkit-transform:scale(0);transform:scale(0);-webkit-transition-duration:var(--mds-input-switch-duration);transition-duration:var(--mds-input-switch-duration)}.field:disabled+.label-icon{cursor:default}.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.label-icon .icon-unchecked{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 2);transition-duration:calc(var(--mds-input-switch-duration) * 2)}.field:checked+.label-icon .icon-checked{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration) * 1.5);transition-duration:calc(var(--mds-input-switch-duration) * 1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled)}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled)}.field:disabled:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled)}.field:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate);-webkit-transform:scale(1);transform:scale(1)}:host([explicit]:not([disabled]):not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked)}:host([explicit][checked]:not([disabled])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked)}:host([explicit][checked][disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled)}:host([explicit][disabled]:not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled)}:host-context(.pref-theme-dark){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06))}}:host([size="sm"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm) * 2) + calc(var(--mds-input-switch-box-padding-sm) * 2))}:host([size="md"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md) * 2) + calc(var(--mds-input-switch-box-padding-md) * 2))}:host([size="lg"]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg);--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg) * 2) + calc(var(--mds-input-switch-box-padding-lg) * 2))}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var MdsInputSwitchStyle0=mdsInputSwitchCss;var MdsInputSwitch=function(){function t(t){var e=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputSwitchChange",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.km=new KeyboardManager;this.dirty=false;this.hasText=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.icon="";this.name="";this.size="md";this.type="switch";this.typography="detail";this.value="";this.uncheckSiblings=function(){var t=document.querySelectorAll('mds-input-switch[name="'.concat(e.name,'"]'));t.forEach((function(t){if(t!==e.host){t.checked=false}}))};this.handleInputOnChange=function(t){var i,a;var d=t.target.value;t.preventDefault();t.stopPropagation();var n=(i=e.host.shadowRoot)===null||i===void 0?void 0:i.getElementById("field");e.checked=n.checked;e.indeterminate=false;if(e.type==="radio"){e.uncheckSiblings()}e.changeEvent.emit({name:e.name,checked:e.checked,value:d});e.internals.setFormValue(e.checked?(a=e.value)!==null&&a!==void 0?a:null:null)};this.handleDirty=function(){e.dirty=true};this.checkFocusElement=function(){var t,i;switch(e.type){case"switch":e.km.removeElement("default");e.km.addElement((t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".switch-container"),"switch");e.km.attachClickBehavior("switch");break;default:e.km.removeElement("switch");e.km.addElement((i=e.host.shadowRoot)===null||i===void 0?void 0:i.querySelector(".label-icon"),"default");e.km.attachClickBehavior("default")}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);return[2]}))}))};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null);return}if(t===false){this.disabled=undefined}};t.prototype.checkedChanged=function(t){if(t===false){this.checked=undefined}};t.prototype.explicitChanged=function(t){if(t===false){this.explicit=undefined}};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.componentDidLoad=function(){var t,e;this.language=this.t.lang(this.host);this.label=(t=this.host.textContent)!==null&&t!==void 0?t:"";this.internals.setFormValue(this.checked?(e=this.value)!==null&&e!==void 0?e:null:null);this.checkFocusElement();this.hasText=hasSlotted(this.host)};t.prototype.render=function(){var t=this;var e;var i=inputSwitchIconVariant[this.type],a=i.iconChecked,d=i.iconUnchecked,n=i.iconIndeterminate;var r=this.icon!==""?this.icon:a;return h(Host,{key:"7f23da179de8195c1d4f3b29a7fdc70ef038ea3d",onClick:this.handleDirty},h("input",{key:"584d64ee6b6476783cc61fde4643707204d31f0e",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:function(e){return t.handleInputOnChange(e)},type:this.type==="switch"?"checkbox":this.type,value:(e=this.value)!==null&&e!==void 0?e:undefined}),this.type==="switch"?h("label",{htmlFor:"field",class:clsx("switch-container",this.dirty!==false&&"dirty"),tabindex:"0","aria-label":this.t.get(this.checked?"unselect":"select",{label:this.label})},h("div",{class:"switch"},h("div",{class:"switch-toggle"},this.explicit&&h("mds-icon",{class:"icon-explicit",name:this.checked?miBaselineChecked:miBaselineRemove})))):h("label",{htmlFor:"field",class:"label-icon",tabindex:"0","aria-label":this.t.get(this.checked?"unselect":"select",{label:this.label})},h("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-unchecked",name:clsx(this.indeterminate?n:d)})),this.checked&&h("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},h("mds-icon",{class:"icon-checked",name:clsx(this.indeterminate?n:r)}))),h("label",{key:"845557dcf1038196b6dad0b899c79c911eb38314",htmlFor:"field",class:clsx("label-text",!this.hasText&&"label-text--empty")},h("mds-text",{key:"81da81c72be83a16c7262e78ca8ee84a73bbea75",typography:this.typography,variant:this.variant},h("slot",{key:"71ff96d3083dfac376d9508e23d49ccfc836cba5"}))))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["disabledChanged"],checked:["checkedChanged"],explicit:["explicitChanged"]}},enumerable:false,configurable:true});return t}();MdsInputSwitch.style=MdsInputSwitchStyle0;var mdsTableCellCss=":host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt);--mds-table-cell-color-alt:var(--mds-table-row-color-alt);--mds-table-cell-color:var(--mds-table-row-color);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);background-color:var(--mds-table-cell-background);border-bottom:var(--mds-table-cell-border-width) solid var(--mds-table-cell-border-color) !important;border-top:var(--mds-table-cell-border-width) solid transparent !important;color:var(--mds-table-cell-color);display:table-cell;padding:var(--mds-table-cell-padding);-webkit-transition-property:background-color, border-color, color;transition-property:background-color, border-color, color}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt);--mds-table-cell-color:var(--mds-table-cell-color-alt)}:host([sorted]){--mds-table-cell-background:var(--mds-table-background);--mds-table-cell-color:var(--mds-table-color)}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";var MdsTableCellStyle0=mdsTableCellCss;var MdsTableCell=function(){function t(t){registerInstance(this,t)}t.prototype.componentWillLoad=function(){setAttributeIfEmpty(this.host,"role","cell")};t.prototype.render=function(){return h(Host,{key:"e55a206ea01d0ffd28063339b2590b860e373800"},h("slot",{key:"d7d15eb91ee8e0d0045a658b05c9963de4b7bd72"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsTableCell.style=MdsTableCellStyle0;export{MdsInputSwitch as mds_input_switch,MdsTableCell as mds_table_cell};
|
package/dist/hydrate/index.js
CHANGED
|
@@ -35445,7 +35445,7 @@ class MdsInputSwitch {
|
|
|
35445
35445
|
?
|
|
35446
35446
|
hAsync("label", { htmlFor: "field", class: clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("div", { class: "switch" }, hAsync("div", { class: "switch-toggle" }, this.explicit && hAsync("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
|
|
35447
35447
|
:
|
|
35448
|
-
hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: '
|
|
35448
|
+
hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, hAsync("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, hAsync("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
|
|
35449
35449
|
}
|
|
35450
35450
|
static get formAssociated() { return true; }
|
|
35451
35451
|
get host() { return getElement(this); }
|
package/dist/hydrate/index.mjs
CHANGED
|
@@ -35441,7 +35441,7 @@ class MdsInputSwitch {
|
|
|
35441
35441
|
?
|
|
35442
35442
|
hAsync("label", { htmlFor: "field", class: clsx('switch-container', this.dirty !== false && 'dirty'), tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("div", { class: "switch" }, hAsync("div", { class: "switch-toggle" }, this.explicit && hAsync("mds-icon", { class: "icon-explicit", name: this.checked ? miBaselineChecked : miBaselineRemove }))))
|
|
35443
35443
|
:
|
|
35444
|
-
hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: '
|
|
35444
|
+
hAsync("label", { htmlFor: "field", class: "label-icon", tabindex: "0", "aria-label": this.t.get(this.checked ? 'unselect' : 'select', { label: this.label }) }, hAsync("mds-text", { class: "icon-typography-unchecked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-unchecked", name: clsx(this.indeterminate ? iconIndeterminate : iconUnchecked) })), this.checked && hAsync("mds-text", { class: "icon-typography-checked", tag: "div", typography: this.typography, variant: this.variant }, hAsync("mds-icon", { class: "icon-checked", name: clsx(this.indeterminate ? iconIndeterminate : iconCheckedUser) }))), hAsync("label", { key: '845557dcf1038196b6dad0b899c79c911eb38314', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, hAsync("mds-text", { key: '81da81c72be83a16c7262e78ca8ee84a73bbea75', typography: this.typography, variant: this.variant }, hAsync("slot", { key: '71ff96d3083dfac376d9508e23d49ccfc836cba5' })))));
|
|
35445
35445
|
}
|
|
35446
35446
|
static get formAssociated() { return true; }
|
|
35447
35447
|
get host() { return getElement(this); }
|