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

package/dist/components/mds-input-switch2.js

@@ -1,253 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-import { m as miBaselineRemove } from './remove.js';
-import { K as KeyboardManager } from './keyboard-manager.js';
-import { h as hasSlotted } from './slot.js';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$2 } from './mds-icon2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-var miBaselineChecked = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path d="M16.59 7.58 10 14.17l-2.59-2.58L6 13l4 4 8-8z"/>
-</svg>
-`;
-
-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>`;
-
-const inputSwitchIconVariant = {
-    switch: {
-        iconChecked: '',
-        iconIndeterminate: '',
-        iconUnchecked: '',
-    },
-    checkbox: {
-        iconChecked: miBaselineCheckbox,
-        iconIndeterminate: miBaselineIndeterminateCheckbox,
-        iconUnchecked: miBaselineCheckboxOutlineBlank,
-    },
-    radio: {
-        iconChecked: miBaselineRadioButtonChecked,
-        iconIndeterminate: '',
-        iconUnchecked: miBaselineRadioButtonUnchecked,
-    },
-};
-
-const select$3 = "Επιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}";
-const unselect$3 = "Αποεπιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}";
-var localeEl = {
-	select: select$3,
-	unselect: unselect$3
-};
-
-const select$2 = "Select {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}";
-const unselect$2 = "Deselect {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}";
-var localeEn = {
-	select: select$2,
-	unselect: unselect$2
-};
-
-const select$1 = "Seleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";
-const unselect$1 = "Deseleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";
-var localeEs = {
-	select: select$1,
-	unselect: unselect$1
-};
-
-const select = "Seleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";
-const unselect = "Deseleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}";
-var localeIt = {
-	select: select,
-	unselect: unselect
-};
-
-const mdsInputSwitchCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-switch-animation-timing-adjust{syntax:\"<number>\";inherits:false;initial-value:1.4}@property --mds-input-switch-duration{syntax:\"<time>\";inherits:false;initial-value:.3s}:host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));align-items:flex-start;display:inline-flex;gap:calc(var(--spacing,.0025rem)*200)}.field{display:none}.label-icon{align-items:baseline;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius);cursor:pointer;display:flex;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));position:relative;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:outline-offset,opacity;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.label-text{cursor:pointer;display:flex}.label-text--empty{display:none}:host([type=switch]) .label-text{align-items:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color,var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255))));height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.icon-typography-checked,.icon-typography-unchecked{align-items:center;display:inline-flex}.icon-typography-checked{left:0;position:absolute;top:0}.switch-container{align-self:stretch;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-full,1000px);box-sizing:border-box;display:flex;flex-shrink:0;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:width,outline-offset,opacity;transition-timing-function:ease-in-out;width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2)))}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.switch{background-color:var(--mds-input-switch-box-color-enabled-unchecked,rgb(var(--tone-neutral-06,158 158 158)));box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:min-content;padding:var(--mds-input-switch-box-padding,var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100)));-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2)))}.switch,.switch-toggle{border-radius:var(--radius-full,1000px)}.switch-toggle{align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:none;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,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);display:flex;height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));justify-content:center;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-linear);transition-timing-function:var(--ease-linear);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-enabled-checked,rgb(var(--variant-primary-04,184 208 255)))}.field:checked+.switch-container .switch-toggle{animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-checked,rgb(var(--tone-neutral,0 0 0)))}.field:not(:checked)+.dirty .switch-toggle{animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-unchecked,rgb(var(--tone-neutral-10,60 60 60)))}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked,rgb(var(--tone-neutral-08,107 107 107)))}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked,rgb(var(--tone-neutral-08,107 107 107)))}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked,rgb(var(--tone-neutral,0 0 0)))}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked,rgb(var(--tone-neutral,0 0 0)))}@keyframes check{0%{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))*var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}@keyframes uncheck{0%{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))*var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}:host([disabled]){pointer-events:none}.icon-checked,.icon-unchecked{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)));opacity:1;transform:scale(1)}.icon-checked,.icon-unchecked{-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));transform:scale(0)}.field:disabled+.label-icon,.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.label-icon .icon-unchecked{opacity:0;transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*2);transition-duration:calc(var(--mds-input-switch-duration,.3s)*2)}.field:checked+.label-icon .icon-checked{transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled,rgb(var(--tone-neutral-05,197 197 197)))}.field:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate,rgb(var(--tone-neutral-05,197 197 197)));transform:scale(1)}:host([explicit]:not([disabled]):not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][checked]:not([disabled])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)))}:host([explicit][checked][disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][disabled]:not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}:host([size=sm]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem)*400));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem)*400))*2) + calc(var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem)*100))*2))}:host([size=md]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600))*2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100))*2))}:host([size=lg]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem)*800));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem)*800))*2) + calc(var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem)*100))*2))}@property --tw-font-weight{syntax:\"*\";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}}";
-
-const MdsInputSwitch = /*@__PURE__*/ proxyCustomElement(class MdsInputSwitch extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.changeEvent = createEvent(this, "mdsInputSwitchChange", 7);
-        this.internals = this.attachInternals();
-        this.km = new KeyboardManager();
-        this.dirty = false;
-        this.hasText = false;
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * The checked icon displayed
-         */
-        this.icon = '';
-        /**
-         * Specifies the name of an <input> element
-         */
-        this.name = '';
-        /**
-         * Specifies the size for the switch toggle, it works only if attribute 'type' is set to 'switch'
-         */
-        this.size = 'md';
-        /**
-         * Specifies switch type: switch (default), checkbox and radio
-         */
-        this.type = 'switch';
-        /**
-         * Specifies the font typography of the element
-         */
-        this.typography = 'detail';
-        /**
-         * Specifies the value of the input element
-         */
-        this.value = '';
-        this.uncheckSiblings = () => {
-            const elements = document.querySelectorAll(`mds-input-switch[name="${this.name}"]`);
-            elements.forEach((element) => {
-                if (element !== this.host) {
-                    element.checked = false;
-                }
-            });
-        };
-        this.handleInputOnChange = (e) => {
-            var _a, _b;
-            const { value } = e.target;
-            e.preventDefault();
-            e.stopPropagation();
-            const input = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('field');
-            this.checked = input.checked;
-            this.indeterminate = false;
-            if (this.type === 'radio') {
-                this.uncheckSiblings();
-            }
-            this.changeEvent.emit({ name: this.name, checked: this.checked, value });
-            this.internals.setFormValue(this.checked ? ((_b = this.value) !== null && _b !== void 0 ? _b : null) : null);
-        };
-        this.handleDirty = () => {
-            this.dirty = true;
-        };
-        this.checkFocusElement = () => {
-            var _a, _b;
-            switch (this.type) {
-                case 'switch':
-                    this.km.removeElement('default');
-                    this.km.addElement((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.switch-container'), 'switch');
-                    this.km.attachClickBehavior('switch');
-                    break;
-                default:
-                    this.km.removeElement('switch');
-                    this.km.addElement((_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.label-icon'), 'default');
-                    this.km.attachClickBehavior('default');
-            }
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-    }
-    disabledChanged(newValue) {
-        /**
-         * This is related to ALL disabled attributes set on Magma input components
-         * if solved, please check mds-button, mds-input, mds-input-*
-         * https://github.com/ionic-team/stencil/issues/5461
-         */
-        if (newValue) {
-            this.internals.setFormValue(null);
-            return;
-        }
-        if (newValue === false) {
-            this.disabled = undefined;
-        }
-    }
-    checkedChanged(newValue) {
-        if (newValue === false) {
-            this.checked = undefined;
-        }
-    }
-    explicitChanged(newValue) {
-        if (newValue === false) {
-            this.explicit = undefined;
-        }
-    }
-    formResetCallback() {
-        this.internals.setFormValue('');
-    }
-    componentDidLoad() {
-        var _a, _b;
-        this.language = this.t.lang(this.host);
-        this.label = (_a = this.host.textContent) !== null && _a !== void 0 ? _a : '';
-        this.internals.setFormValue(this.checked ? ((_b = this.value) !== null && _b !== void 0 ? _b : null) : null);
-        this.checkFocusElement();
-        this.hasText = hasSlotted(this.host);
-    }
-    render() {
-        var _a;
-        const { iconChecked, iconUnchecked, iconIndeterminate } = inputSwitchIconVariant[this.type];
-        const iconCheckedUser = this.icon !== '' ? this.icon : iconChecked;
-        return (h(Host, { key: 'd3c6da7fba310943e3a1f24df69d2a1e04b6eefa', onClick: this.handleDirty }, h("input", { key: 'adb7c6c931241829749874984c1c898fece35089', autoFocus: this.autofocus, checked: this.checked, class: "field", disabled: this.disabled, id: "field", indeterminate: this.indeterminate, name: this.name, onChange: (event) => this.handleInputOnChange(event), type: this.type === 'switch' ? 'checkbox' : this.type, value: (_a = this.value) !== null && _a !== void 0 ? _a : 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 ? 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: '5e10e085510602e2ae9e43aee81d574f1268d4c7', htmlFor: "field", class: clsx('label-text', !this.hasText && 'label-text--empty') }, h("mds-text", { key: '50818ea7f5ed302dee65bd4dc0b4d6eb49f25c56', tag: "p", typography: this.typography, variant: this.variant }, h("slot", { key: '91ecda691ca9c3292abb9c3ca9b0c7ebcfb61876' })))));
-    }
-    static get formAssociated() { return true; }
-    get host() { return this; }
-    static get watchers() { return {
-        "disabled": ["disabledChanged"],
-        "checked": ["checkedChanged"],
-        "explicit": ["explicitChanged"]
-    }; }
-    static get style() { return mdsInputSwitchCss; }
-}, [321, "mds-input-switch", {
-        "autofocus": [516],
-        "checked": [1540],
-        "disabled": [1540],
-        "explicit": [516],
-        "icon": [513],
-        "indeterminate": [1540],
-        "name": [513],
-        "size": [513],
-        "type": [513],
-        "typography": [513],
-        "variant": [513],
-        "value": [1537],
-        "dirty": [32],
-        "hasText": [32],
-        "language": [32],
-        "updateLang": [64]
-    }, undefined, {
-        "disabled": ["disabledChanged"],
-        "checked": ["checkedChanged"],
-        "explicit": ["explicitChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-input-switch", "mds-icon", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-input-switch":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsInputSwitch);
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsInputSwitch as M, defineCustomElement as d };
+import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as a,Host as n,transformTag as s}from"@stencil/core/internal/client";import{c}from"./clsx.js";import{m as o}from"./remove.js";import{K as r}from"./keyboard-manager.js";import{h as l}from"./slot.js";import{L as d}from"./locale.js";import{d as h}from"./mds-icon2.js";import{d as m}from"./mds-text2.js";const u={switch:{iconChecked:"",iconIndeterminate:"",iconUnchecked:""},checkbox:{iconChecked:'<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>',iconIndeterminate:'<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>',iconUnchecked:'<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>'},radio:{iconChecked:'<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>',iconIndeterminate:"",iconUnchecked:'<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 g={select:"Επιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}",unselect:"Αποεπιλογή {{#label}}{{label}}{{/label}}{{^label}}στοιχείο{{/label}}"},p={select:"Select {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}",unselect:"Deselect {{#label}}{{label}}{{/label}}{{^label}}element{{/label}}"},b={select:"Seleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}",unselect:"Deseleccionar {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}"},v={select:"Seleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}",unselect:"Deseleziona {{#label}}{{label}}{{/label}}{{^label}}elemento{{/label}}"};const w=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.changeEvent=e(this,"mdsInputSwitchChange",7),this.internals=this.attachInternals(),this.km=new r,this.dirty=!1,this.hasText=!1,this.t=new d({el:g,en:p,es:b,it:v}),this.icon="",this.name="",this.size="md",this.type="switch",this.typography="detail",this.value="",this.uncheckSiblings=()=>{document.querySelectorAll(`mds-input-switch[name="${this.name}"]`).forEach((i=>{i!==this.host&&(i.checked=!1)}))},this.handleInputOnChange=i=>{var t,e;const{value:a}=i.target;i.preventDefault(),i.stopPropagation();const n=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.getElementById("field");this.checked=n.checked,this.indeterminate=!1,"radio"===this.type&&this.uncheckSiblings(),this.changeEvent.emit({name:this.name,checked:this.checked,value:a}),this.internals.setFormValue(this.checked&&null!==(e=this.value)&&void 0!==e?e:null)},this.handleDirty=()=>{this.dirty=!0},this.checkFocusElement=()=>{var i,t;"switch"===this.type?(this.km.removeElement("default"),this.km.addElement(null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector(".switch-container"),"switch"),this.km.attachClickBehavior("switch")):(this.km.removeElement("switch"),this.km.addElement(null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".label-icon"),"default"),this.km.attachClickBehavior("default"))}}async updateLang(){this.language=this.t.lang(this.host)}disabledChanged(i){i?this.internals.setFormValue(null):!1===i&&(this.disabled=void 0)}checkedChanged(i){!1===i&&(this.checked=void 0)}explicitChanged(i){!1===i&&(this.explicit=void 0)}formResetCallback(){this.internals.setFormValue("")}componentDidLoad(){var i,t;this.language=this.t.lang(this.host),this.label=null!==(i=this.host.textContent)&&void 0!==i?i:"",this.internals.setFormValue(this.checked&&null!==(t=this.value)&&void 0!==t?t:null),this.checkFocusElement(),this.hasText=l(this.host)}render(){var i;const{iconChecked:t,iconUnchecked:e,iconIndeterminate:s}=u[this.type],r=""!==this.icon?this.icon:t;return a(n,{key:"2567f5e3e7e467b8e631ea7811d57006c4b1c5d3",onClick:this.handleDirty},a("input",{key:"b33e197bed24584b0f1a1f795a699f8d4c2ba1ea",autoFocus:this.autofocus,checked:this.checked,class:"field",disabled:this.disabled,id:"field",indeterminate:this.indeterminate,name:this.name,onChange:i=>this.handleInputOnChange(i),type:"switch"===this.type?"checkbox":this.type,value:null!==(i=this.value)&&void 0!==i?i:void 0}),"switch"===this.type?a("label",{htmlFor:"field",class:c("switch-container",!1!==this.dirty&&"dirty"),tabindex:"0","aria-label":this.t.get(this.checked?"unselect":"select",{label:this.label})},a("div",{class:"switch"},a("div",{class:"switch-toggle"},this.explicit&&a("mds-icon",{class:"icon-explicit",name:this.checked?'<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':o})))):a("label",{htmlFor:"field",class:"label-icon",tabindex:"0","aria-label":this.t.get(this.checked?"unselect":"select",{label:this.label})},a("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},a("mds-icon",{class:"icon-unchecked",name:c(this.indeterminate?s:e)})),this.checked&&a("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},a("mds-icon",{class:"icon-checked",name:c(this.indeterminate?s:r)}))),a("label",{key:"1972a79c1db097026c9833f47da6eb96a7d95d6d",htmlFor:"field",class:c("label-text",!this.hasText&&"label-text--empty")},a("mds-text",{key:"041a88fbb8a21a4a5eb810947c29dbce24665651",tag:"p",typography:this.typography,variant:this.variant},a("slot",{key:"ea04ede1e08f07893d941eb2426a7cb0d9005a3d"}))))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],checked:[{checkedChanged:0}],explicit:[{explicitChanged:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-switch-animation-timing-adjust{syntax:"<number>";inherits:false;initial-value:1.4}@property --mds-input-switch-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-input-switch-animation-timing-adjust:1.4;--mds-input-switch-animation-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-padding-lg:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-md:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding-sm:calc(var(--spacing,.0025rem)*100);--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-duration:.3s;--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2));--mds-input-switch-toggle-size-lg:calc(var(--spacing,.0025rem)*800);--mds-input-switch-toggle-size-md:calc(var(--spacing,.0025rem)*600);--mds-input-switch-toggle-size-sm:calc(var(--spacing,.0025rem)*400);--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));align-items:flex-start;display:inline-flex;gap:calc(var(--spacing,.0025rem)*200)}.field{display:none}.label-icon{align-items:baseline;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius);cursor:pointer;display:flex;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));position:relative;transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:outline-offset,opacity;transition-timing-function:ease-in-out}.label-icon:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.label-text{cursor:pointer;display:flex}.label-text--empty{display:none}:host([type=switch]) .label-text{align-items:center;align-self:center}.icon-explicit{fill:var(--mds-input-switch-icon-explicit-color,var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255))));height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.icon-typography-checked,.icon-typography-unchecked{align-items:center;display:inline-flex}.icon-typography-checked{left:0;position:absolute;top:0}.switch-container{align-self:stretch;animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));border-radius:var(--radius-full,1000px);box-sizing:border-box;display:flex;flex-shrink:0;outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:width,outline-offset,opacity;transition-timing-function:ease-in-out;width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2)))}.switch-container:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}.switch{background-color:var(--mds-input-switch-box-color-enabled-unchecked,rgb(var(--tone-neutral-06,158 158 158)));box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;height:min-content;padding:var(--mds-input-switch-box-padding,var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100)));-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-in-out);transition-timing-function:var(--ease-in-out);width:var(--mds-input-switch-toggle-container-size,calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2)))}.switch,.switch-toggle{border-radius:var(--radius-full,1000px)}.switch-toggle{align-items:center;-webkit-animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:none;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,rgb(var(--tone-neutral,0 0 0)));-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);display:flex;height:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)));justify-content:center;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,height,margin,opacity,padding,transform,width;-webkit-transition-timing-function:var(--ease-linear);transition-timing-function:var(--ease-linear);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}.field:checked+.switch-container .switch{background-color:var(--mds-input-switch-box-color-enabled-checked,rgb(var(--variant-primary-04,184 208 255)))}.field:checked+.switch-container .switch-toggle{animation-name:check;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-checked,rgb(var(--tone-neutral,0 0 0)))}.field:not(:checked)+.dirty .switch-toggle{animation-name:uncheck;-webkit-animation-play-state:initial;animation-play-state:initial;background-color:var(--mds-input-switch-toggle-color-enabled-unchecked,rgb(var(--tone-neutral-10,60 60 60)))}.field:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-unchecked,rgb(var(--tone-neutral-08,107 107 107)))}.field:checked:disabled+.switch-container .switch{background-color:var(--mds-input-switch-box-color-disabled-checked,rgb(var(--tone-neutral-08,107 107 107)))}.field:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-unchecked,rgb(var(--tone-neutral,0 0 0)))}.field:checked:disabled+.switch-container .switch-toggle{background-color:var(--mds-input-switch-toggle-color-disabled-checked,rgb(var(--tone-neutral,0 0 0)))}@keyframes check{0%{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600))) * var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}@keyframes uncheck{0%{transform:translate(100%);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}50%{transform:translate(0);width:calc(var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600))) * var(--mds-input-switch-animation-timing-adjust,1.4))}to{transform:translate(0);width:var(--mds-input-switch-toggle-size,var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600)))}}:host([disabled]){pointer-events:none}.icon-checked,.icon-unchecked{--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:fill,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)));opacity:1;transform:scale(1)}.icon-checked,.icon-unchecked{-webkit-transition-duration:var(--mds-input-switch-duration,.3s);transition-duration:var(--mds-input-switch-duration,.3s)}.icon-checked{fill:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)));transform:scale(0)}.field:disabled+.label-icon,.field:disabled+.label-icon+.label-text{cursor:default}.field:checked+.label-icon .icon-unchecked{opacity:0;transform:scale(1.5);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*2);transition-duration:calc(var(--mds-input-switch-duration,.3s)*2)}.field:checked+.label-icon .icon-checked{transform:scale(1);-webkit-transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5);transition-duration:calc(var(--mds-input-switch-duration,.3s)*1.5)}.field:disabled+.label-icon .icon-unchecked{fill:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}.field:disabled:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate-disabled,rgb(var(--tone-neutral-05,197 197 197)))}.field:indeterminate+.label-icon .icon-checked{fill:var(--mds-input-switch-icon-color-indeterminate,rgb(var(--tone-neutral-05,197 197 197)));transform:scale(1)}:host([explicit]:not([disabled]):not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][checked]:not([disabled])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked,rgb(var(--variant-primary-04,184 208 255)))}:host([explicit][checked][disabled]){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-checked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host([explicit][disabled]:not([checked])){--mds-input-switch-icon-explicit-color:var(--mds-input-switch-icon-color-unchecked-disabled,rgb(var(--tone-neutral-06,158 158 158)))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}:host([size=sm]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem)*400));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-sm,calc(var(--spacing,.0025rem) * 400)) * 2) + calc(var(--mds-input-switch-box-padding-sm,calc(var(--spacing,.0025rem) * 100)) * 2))}:host([size=md]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem)*600));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-md,calc(var(--spacing,.0025rem) * 600)) * 2) + calc(var(--mds-input-switch-box-padding-md,calc(var(--spacing,.0025rem) * 100)) * 2))}:host([size=lg]){--mds-input-switch-box-padding:var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem)*100));--mds-input-switch-toggle-size:var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem)*800));--mds-input-switch-toggle-container-size:calc(calc(var(--mds-input-switch-toggle-size-lg,calc(var(--spacing,.0025rem) * 800)) * 2) + calc(var(--mds-input-switch-box-padding-lg,calc(var(--spacing,.0025rem) * 100)) * 2))}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-input-switch-box-color-enabled-checked:rgb(var(--variant-primary-04,184 208 255));--mds-input-switch-box-color-enabled-unchecked:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-box-color-disabled-checked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-box-color-disabled-unchecked:rgb(var(--tone-neutral-08,107 107 107));--mds-input-switch-toggle-color-enabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-enabled-unchecked:rgb(var(--tone-neutral-10,60 60 60));--mds-input-switch-toggle-color-disabled-checked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-toggle-color-disabled-unchecked:rgb(var(--tone-neutral,0 0 0));--mds-input-switch-icon-color-checked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-checked:rgb(var(--variant-primary-06,90 147 255));--mds-input-switch-icon-color-indeterminate-disabled:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-indeterminate:rgb(var(--tone-neutral-05,197 197 197));--mds-input-switch-icon-color-unchecked-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-input-switch-icon-color-unchecked:rgb(var(--tone-neutral-06,158 158 158))}}'}},[321,"mds-input-switch",{autofocus:[516],checked:[1540],disabled:[1540],explicit:[516],icon:[513],indeterminate:[1540],name:[513],size:[513],type:[513],typography:[513],variant:[513],value:[1537],dirty:[32],hasText:[32],language:[32],updateLang:[64]},void 0,{disabled:[{disabledChanged:0}],checked:[{checkedChanged:0}],explicit:[{explicitChanged:0}]}]);function k(){"undefined"!=typeof customElements&&["mds-input-switch","mds-icon","mds-text"].forEach((i=>{switch(i){case"mds-input-switch":customElements.get(s(i))||customElements.define(s(i),w);break;case"mds-icon":customElements.get(s(i))||h();break;case"mds-text":customElements.get(s(i))||m()}}))}export{w as M,k as d}

package/dist/components/mds-input-tip-item.js

@@ -1,6 +1 @@
-import { M as MdsInputTipItem$1, d as defineCustomElement$1 } from './mds-input-tip-item2.js';
-
-const MdsInputTipItem = MdsInputTipItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsInputTipItem, defineCustomElement };
+import{M as t,d as s}from"./mds-input-tip-item2.js";const i=t,m=s;export{i as MdsInputTipItem,m as defineCustomElement}

package/dist/components/mds-input-tip-item2.js

@@ -1,112 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { m as miBaselineDone } from './done.js';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-const required$3 = "Απαιτείται";
-const disabled$3 = "Απενεργοποιημένο";
-const readonly$3 = "Μόνο για ανάγνωση";
-var localeEl = {
-	required: required$3,
-	disabled: disabled$3,
-	readonly: readonly$3
-};
-
-const required$2 = "Required";
-const disabled$2 = "Disabled";
-const readonly$2 = "Read only";
-var localeEn = {
-	required: required$2,
-	disabled: disabled$2,
-	readonly: readonly$2
-};
-
-const required$1 = "Requerido";
-const disabled$1 = "Deshabilitado";
-const readonly$1 = "Solo lectura";
-var localeEs = {
-	required: required$1,
-	disabled: disabled$1,
-	readonly: readonly$1
-};
-
-const required = "Obbligatorio";
-const disabled = "Disattivato";
-const readonly = "Sola lettura";
-var localeIt = {
-	required: required,
-	disabled: disabled,
-	readonly: readonly
-};
-
-const mdsInputTipItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-tip-item-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-item-color:rgb(var(--tone-neutral,0 0 0));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral,0 0 0))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-tip-item-background:var(--mds-input-tip-background,rgb(var(--tone-neutral-03,233 233 233)));--mds-input-tip-item-color:rgb(var(--tone-neutral,0 0 0));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral,0 0 0));align-items:center;background-color:var(--mds-input-tip-item-background,rgb(var(--tone-neutral-03,233 233 233)));border-radius:var(--radius-2xs,6px);color:var(--mds-input-tip-item-color,rgb(var(--tone-neutral,0 0 0)));display:flex;height:calc(var(--spacing,.0025rem)*300);justify-content:center;min-width:calc(var(--spacing,.0025rem)*300);padding:0;pointer-events:none;position:static;text-align:center;transform:translate(0);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-radius,color,padding-left,padding-right,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));-webkit-user-select:none;user-select:none}mds-text{display:flex;place-self:center}.content{display:grid;grid-template-columns:0fr;opacity:0;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:grid-template-columns,opacity,-ms-grid-columns;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.content,.icon{height:calc(var(--spacing,.0025rem)*300)}.icon{display:flex;fill:var(--mds-input-tip-item-icon-color,rgb(var(--tone-neutral,0 0 0)));transform:translateY(-1px);width:calc(var(--spacing,.0025rem)*300)}.icon svg{aspect-ratio:1;aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:not([expanded])){color:#0000}:host([expanded]){--mds-input-tip-item-color:rgb(var(--tone-neutral,0 0 0));padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host([expanded]) .content{grid-template-columns:1fr;opacity:1}:host([variant=required]){--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}:host([variant=required-success]){--mds-input-tip-item-background:rgb(var(--status-success-05,107 206 147))}:host([variant=readonly]){--mds-input-tip-item-background:rgb(var(--status-info-05,112 198 234))}:host([variant=disabled]){--mds-input-tip-item-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=count-empty]){--mds-input-tip-item-color:rgb(var(--status-info-02,222 242 250));--mds-input-tip-item-background:rgb(var(--status-info-08,0 107 151))}:host([variant=count-incomplete]){--mds-input-tip-item-color:rgb(var(--status-success-02,222 244 228));--mds-input-tip-item-background:rgb(var(--status-success-08,0 116 46))}:host([variant=count-almost]){--mds-input-tip-item-color:rgb(var(--status-warning-02,255 237 185));--mds-input-tip-item-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=count-almost-full]){--mds-input-tip-item-color:rgb(var(--status-error-02,255 234 231));--mds-input-tip-item-background:rgb(var(--status-error-08,182 50 54))}:host([variant=count-full]){--mds-input-tip-item-color:rgb(var(--status-error-09,135 0 14));--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .content{transition-duration:0s}:host-context(:root.pref-contrast-more):host([variant=count-empty]){--mds-input-tip-item-color:rgb(var(--status-info-10,0 61 103));--mds-input-tip-item-background:rgb(var(--status-info-05,112 198 234))}:host-context(:root.pref-contrast-more):host([variant=count-incomplete]){--mds-input-tip-item-color:rgb(var(--status-success-10,0 69 0));--mds-input-tip-item-background:rgb(var(--status-success-05,107 206 147))}:host-context(:root.pref-contrast-more):host([variant=count-almost]){--mds-input-tip-item-color:rgb(var(--status-warning-10,77 57 0));--mds-input-tip-item-background:rgb(var(--status-warning-05,237 177 0))}:host-context(:root.pref-contrast-more):host([variant=count-almost-full]){--mds-input-tip-item-color:rgb(var(--status-error-10,115 0 0));--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .content{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-empty]){--mds-input-tip-item-color:rgb(var(--status-info-10,0 61 103));--mds-input-tip-item-background:rgb(var(--status-info-05,112 198 234))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-incomplete]){--mds-input-tip-item-color:rgb(var(--status-success-10,0 69 0));--mds-input-tip-item-background:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-almost]){--mds-input-tip-item-color:rgb(var(--status-warning-10,77 57 0));--mds-input-tip-item-background:rgb(var(--status-warning-05,237 177 0))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-almost-full]){--mds-input-tip-item-color:rgb(var(--status-error-10,115 0 0));--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}}";
-
-const MdsInputTipItem = /*@__PURE__*/ proxyCustomElement(class MdsInputTipItem extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.t = new Locale({
-            en: localeEn,
-            el: localeEl,
-            es: localeEs,
-            it: localeIt,
-        });
-        /**
-         * Specifies the variant of the element
-         */
-        this.variant = 'required';
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.element);
-    }
-    componentWillRender() {
-        this.t.lang(this.element);
-    }
-    handleEcpandedChanged(newValue) {
-        if (newValue === false) {
-            this.expanded = undefined;
-        }
-    }
-    render() {
-        return (h(Host, { key: '4dd4ed72924effe9b5f5534cb816a798cd269347' }, h("div", { key: 'dc47324bc331499a5b3679504d43787b12a0ff44', class: "content" }, this.variant === 'text' && (h("mds-text", { key: 'd4506303f3f0773320a63a50813d58ad1839e1b7', typography: "option", truncate: "word" }, h("span", { key: '88bf426fe2564c68266cb2f8aa4819fd8a3a5bbf', class: "text" }, h("slot", { key: 'f47524696669a972816b1106aba5ffe4accefd18' })))), this.variant === 'readonly' && (h("mds-text", { key: '80e885f005dc41752ddfc3ea079fc7a46560f039', typography: "option", truncate: "word" }, h("span", { key: 'a1c64be41eb0bf165994a8fa624de9cfa2bf44d9', class: "text" }, this.variant && this.t.get(this.variant.toString())))), this.variant === 'disabled' && (h("mds-text", { key: '87d01577d975e3ec93fe4c3c3c0f2376aaebef4b', typography: "option", truncate: "word" }, h("span", { key: '23ea4da977190d0e52c300eadd69e568a8155f43', class: "text" }, this.variant && this.t.get(this.variant.toString())))), this.variant === 'required' && (h("mds-text", { key: '53336d1221ec500b35adeef9464b44cd3c6d1e6d', typography: "option", truncate: "word" }, h("span", { key: '87b047b6ce08337d7605d1f11ffc9d37a1aadd8c', class: "text" }, this.variant && this.t.get(this.variant.toString())))), this.variant === 'required-success' && (h("span", { key: 'ef1961067756a22613e6acbd42955fb525c6fb8f', class: "icon", innerHTML: miBaselineDone })), (this.variant === 'count-almost' ||
-            this.variant === 'count-almost-full' ||
-            this.variant === 'count-empty' ||
-            this.variant === 'count-full' ||
-            this.variant === 'count-incomplete') && (h("mds-text", { key: 'c924f8f9d8e3fca6b76c4aaf4f99bc3f88fe3c8e', typography: "option", truncate: "word" }, h("span", { key: 'abd99ef5f15a90739700498aca759962eb417b8a', class: "text" }, h("slot", { key: '5e509982d7bee8599f224e9e0b54232c8d998f11' })))))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "expanded": ["handleEcpandedChanged"]
-    }; }
-    static get style() { return mdsInputTipItemCss; }
-}, [257, "mds-input-tip-item", {
-        "variant": [513],
-        "expanded": [1540],
-        "language": [32],
-        "updateLang": [64]
-    }, undefined, {
-        "expanded": ["handleEcpandedChanged"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-input-tip-item", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-input-tip-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsInputTipItem);
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsInputTipItem as M, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,h as r,Host as s,transformTag as o}from"@stencil/core/internal/client";import{m as a}from"./done.js";import{L as i}from"./locale.js";import{d as n}from"./mds-text2.js";var d={required:"Απαιτείται",disabled:"Απενεργοποιημένο",readonly:"Μόνο για ανάγνωση"},c={required:"Required",disabled:"Disabled",readonly:"Read only"},m={required:"Requerido",disabled:"Deshabilitado",readonly:"Solo lectura"},u={required:"Obbligatorio",disabled:"Disattivato",readonly:"Sola lettura"};const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.t=new i({en:c,el:d,es:m,it:u}),this.variant="required"}async updateLang(){this.language=this.t.lang(this.element)}componentWillRender(){this.t.lang(this.element)}handleEcpandedChanged(t){!1===t&&(this.expanded=void 0)}render(){return r(s,{key:"ae50f25e0d68a10b9404fa1541472e47f90a8169"},r("div",{key:"5afdef4bd449b5e682f531c380380c1750d815b5",class:"content"},"text"===this.variant&&r("mds-text",{key:"8f9323c1472bb4b4e7dd53c6aef286988dd5dd0a",typography:"option",truncate:"word"},r("span",{key:"61308db5680808b83d2500b0cb2a7de0d149b54f",class:"text"},r("slot",{key:"e0e748d323186ad4eebeacff1250a1bcbe8f38f2"}))),"readonly"===this.variant&&r("mds-text",{key:"6ddb55f4f80428589fdd73f6fcc1640f6bd5c491",typography:"option",truncate:"word"},r("span",{key:"32a81ac4bcc3738214704936dc4c28cd7857bbcb",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"disabled"===this.variant&&r("mds-text",{key:"24b75746aaa4a4ed2f20a6abf03de25229846016",typography:"option",truncate:"word"},r("span",{key:"51be2f75381a4f0c04ab1b73b5be0bcde1e72266",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"required"===this.variant&&r("mds-text",{key:"1517bb6da94c864a1feb5a01fde4c6db8781d279",typography:"option",truncate:"word"},r("span",{key:"e855ebba3eb6d70a45e6315da892b7a0f3348d1f",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"required-success"===this.variant&&r("span",{key:"a63c9ee2d3aa739a7ba14c12b235793cea1a11a6",class:"icon",innerHTML:a}),("count-almost"===this.variant||"count-almost-full"===this.variant||"count-empty"===this.variant||"count-full"===this.variant||"count-incomplete"===this.variant)&&r("mds-text",{key:"c61077c3c8f0b18b61c8c067950d052d6845072a",typography:"option",truncate:"word"},r("span",{key:"1e2daa4c1576e591dde261964a8414ffe7b26310",class:"text"},r("slot",{key:"444a0b42e115b0dec9f9c800400a17d9a36ff036"})))))}get element(){return this}static get watchers(){return{expanded:[{handleEcpandedChanged:0}]}}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-tip-item-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-item-color:rgb(var(--tone-neutral,0 0 0));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral,0 0 0))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-input-tip-item-background:var(--mds-input-tip-background,rgb(var(--tone-neutral-03,233 233 233)));--mds-input-tip-item-color:rgb(var(--tone-neutral,0 0 0));--mds-input-tip-item-icon-color:rgb(var(--tone-neutral,0 0 0));align-items:center;background-color:var(--mds-input-tip-item-background,rgb(var(--tone-neutral-03,233 233 233)));border-radius:var(--radius-2xs,6px);color:var(--mds-input-tip-item-color,rgb(var(--tone-neutral,0 0 0)));display:flex;height:calc(var(--spacing,.0025rem)*300);justify-content:center;min-width:calc(var(--spacing,.0025rem)*300);padding:0;pointer-events:none;position:static;text-align:center;transform:translate(0);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-radius,color,padding-left,padding-right,transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));-webkit-user-select:none;user-select:none}mds-text{display:flex;place-self:center}.content{display:grid;grid-template-columns:0fr;opacity:0;overflow:hidden;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:grid-template-columns,opacity,-ms-grid-columns;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.content,.icon{height:calc(var(--spacing,.0025rem)*300)}.icon{display:flex;fill:var(--mds-input-tip-item-icon-color,rgb(var(--tone-neutral,0 0 0)));transform:translateY(-1px);width:calc(var(--spacing,.0025rem)*300)}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}:host(:not([expanded])){color:#0000}:host([expanded]){--mds-input-tip-item-color:rgb(var(--tone-neutral,0 0 0));padding-left:calc(var(--spacing,.0025rem)*200);padding-right:calc(var(--spacing,.0025rem)*200)}:host([expanded]) .content{grid-template-columns:1fr;opacity:1}:host([variant=required]){--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}:host([variant=required-success]){--mds-input-tip-item-background:rgb(var(--status-success-05,107 206 147))}:host([variant=readonly]){--mds-input-tip-item-background:rgb(var(--status-info-05,112 198 234))}:host([variant=disabled]){--mds-input-tip-item-background:rgb(var(--tone-neutral-05,197 197 197))}:host([variant=count-empty]){--mds-input-tip-item-color:rgb(var(--status-info-02,222 242 250));--mds-input-tip-item-background:rgb(var(--status-info-08,0 107 151))}:host([variant=count-incomplete]){--mds-input-tip-item-color:rgb(var(--status-success-02,222 244 228));--mds-input-tip-item-background:rgb(var(--status-success-08,0 116 46))}:host([variant=count-almost]){--mds-input-tip-item-color:rgb(var(--status-warning-02,255 237 185));--mds-input-tip-item-background:rgb(var(--status-warning-08,129 96 0))}:host([variant=count-almost-full]){--mds-input-tip-item-color:rgb(var(--status-error-02,255 234 231));--mds-input-tip-item-background:rgb(var(--status-error-08,182 50 54))}:host([variant=count-full]){--mds-input-tip-item-color:rgb(var(--status-error-09,135 0 14));--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .content{transition-duration:0s}:host-context(:root.pref-contrast-more):host([variant=count-empty]){--mds-input-tip-item-color:rgb(var(--status-info-10,0 61 103));--mds-input-tip-item-background:rgb(var(--status-info-05,112 198 234))}:host-context(:root.pref-contrast-more):host([variant=count-incomplete]){--mds-input-tip-item-color:rgb(var(--status-success-10,0 69 0));--mds-input-tip-item-background:rgb(var(--status-success-05,107 206 147))}:host-context(:root.pref-contrast-more):host([variant=count-almost]){--mds-input-tip-item-color:rgb(var(--status-warning-10,77 57 0));--mds-input-tip-item-background:rgb(var(--status-warning-05,237 177 0))}:host-context(:root.pref-contrast-more):host([variant=count-almost-full]){--mds-input-tip-item-color:rgb(var(--status-error-10,115 0 0));--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .content{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-empty]){--mds-input-tip-item-color:rgb(var(--status-info-10,0 61 103));--mds-input-tip-item-background:rgb(var(--status-info-05,112 198 234))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-incomplete]){--mds-input-tip-item-color:rgb(var(--status-success-10,0 69 0));--mds-input-tip-item-background:rgb(var(--status-success-05,107 206 147))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-almost]){--mds-input-tip-item-color:rgb(var(--status-warning-10,77 57 0));--mds-input-tip-item-background:rgb(var(--status-warning-05,237 177 0))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))):host([variant=count-almost-full]){--mds-input-tip-item-color:rgb(var(--status-error-10,115 0 0));--mds-input-tip-item-background:rgb(var(--status-error-05,250 165 160))}}"}},[257,"mds-input-tip-item",{variant:[513],expanded:[1540],language:[32],updateLang:[64]},void 0,{expanded:[{handleEcpandedChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["mds-input-tip-item","mds-text"].forEach((t=>{switch(t){case"mds-input-tip-item":customElements.get(o(t))||customElements.define(o(t),p);break;case"mds-text":customElements.get(o(t))||n()}}))}export{p as M,l as d}

package/dist/components/mds-input-tip.js

@@ -1,6 +1 @@
-import { M as MdsInputTip$1, d as defineCustomElement$1 } from './mds-input-tip2.js';
-
-const MdsInputTip = MdsInputTip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsInputTip, defineCustomElement };
+import{M as s,d as t}from"./mds-input-tip2.js";const o=s,p=t;export{o as MdsInputTip,p as defineCustomElement}

package/dist/components/mds-input-tip2.js

@@ -1,43 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsInputTipCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-tip-active-translate:translate(0,0);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:0px;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*400);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-input-tip-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-tip-active-translate{syntax:\"<transform-function>\";inherits:false;initial-value:translate(0)}@property --mds-input-tip-horizontal-offset-focused{syntax:\"<length>\";inherits:false;initial-value:0}:host{--mds-input-tip-active-translate:translate(0,0);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:0px;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*400);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);display:flex;gap:calc(var(--spacing,.0025rem)*100);justify-content:flex-end;left:var(--mds-input-tip-horizontal-offset,calc(var(--spacing,.0025rem)*400));pointer-events:none;position:absolute;right:var(--mds-input-tip-horizontal-offset,calc(var(--spacing,.0025rem)*400));-webkit-transform:var(--mds-input-tip-active-translate,translate(0,0));transform:var(--mds-input-tip-active-translate,translate(0,0));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:empty){display:none}:host([position=top]){top:var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem)*100))}:host([position=bottom]){bottom:var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem)*100))}:host([position=top][active]:not([active=false])){--mds-input-tip-active-translate:translate(calc(var(--mds-input-tip-horizontal-offset-focused,0px)*-1),calc(var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem)*100))*-1))}:host([position=top][active]:not([active=false])) ::slotted(mds-input-tip-item){border-top-left-radius:0;border-top-right-radius:0}:host([position=bottom][active]:not([active=false])){--mds-input-tip-active-translate:translate(calc(var(--mds-input-tip-horizontal-offset-focused,0px)*-1),var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem)*100)))}:host([position=bottom][active]:not([active=false])) ::slotted(mds-input-tip-item){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(:root.pref-animation-reduce){transition-duration:0s}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
-
-const MdsInputTip = /*@__PURE__*/ proxyCustomElement(class MdsInputTip extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Specifies if the component is active and shows expanded children or not
-         */
-        this.active = false;
-        /**
-         * Specifies the position of the element relative to its container
-         */
-        this.position = 'top';
-    }
-    render() {
-        return (h(Host, { key: '77a6d9fcf9ef9b82c9baeb906bbf0aa0b194cf2d' }, h("slot", { key: 'c330a5f7bee0a98be75bcd934c36f414cb5b82d3' })));
-    }
-    static get style() { return mdsInputTipCss; }
-}, [257, "mds-input-tip", {
-        "active": [516],
-        "position": [513]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-input-tip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-input-tip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsInputTip);
-            }
-            break;
-    } });
-}
-
-export { MdsInputTip as M, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as o}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!1,this.position="top"}render(){return i(s,{key:"8d15fab2deec49cb23836bd8e0f931b312d38271"},i("slot",{key:"24a4377f0eb1825000fc380f7d96255d9233853e"}))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-input-tip-active-translate:translate(0,0);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:0px;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*400);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100)}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-input-tip-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-input-tip-active-translate{syntax:"<transform-function>";inherits:false;initial-value:translate(0)}@property --mds-input-tip-horizontal-offset-focused{syntax:"<length>";inherits:false;initial-value:0}:host{--mds-input-tip-active-translate:translate(0,0);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:0px;--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*400);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);display:flex;gap:calc(var(--spacing,.0025rem)*100);justify-content:flex-end;left:var(--mds-input-tip-horizontal-offset,calc(var(--spacing,.0025rem)*400));pointer-events:none;position:absolute;right:var(--mds-input-tip-horizontal-offset,calc(var(--spacing,.0025rem)*400));-webkit-transform:var(--mds-input-tip-active-translate,translate(0,0));transform:var(--mds-input-tip-active-translate,translate(0,0));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}:host(:empty){display:none}:host([position=top]){top:var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem)*100))}:host([position=bottom]){bottom:var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem)*100))}:host([position=top][active]:not([active=false])){--mds-input-tip-active-translate:translate(calc(var(--mds-input-tip-horizontal-offset-focused,0px) * -1),calc(var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem) * 100)) * -1))}:host([position=top][active]:not([active=false])) ::slotted(mds-input-tip-item){border-top-left-radius:0;border-top-right-radius:0}:host([position=bottom][active]:not([active=false])){--mds-input-tip-active-translate:translate(calc(var(--mds-input-tip-horizontal-offset-focused,0px)*-1),var(--mds-input-tip-vertical-offset,calc(var(--spacing,.0025rem)*100)))}:host([position=bottom][active]:not([active=false])) ::slotted(mds-input-tip-item){border-bottom-left-radius:0;border-bottom-right-radius:0}:host-context(:root.pref-animation-reduce){transition-duration:0s}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-input-tip",{active:[516],position:[513]}]);function r(){"undefined"!=typeof customElements&&["mds-input-tip"].forEach((t=>{"mds-input-tip"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))}export{n as M,r as d}