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

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

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as r,createEvent as o,h as e,Host as a,transformTag as i}from"@stencil/core/internal/client";import{L as n}from"./locale.js";import{m as s}from"./keyboard-arrow-down.js";import{d as c}from"./mds-input-tip2.js";import{d as l}from"./mds-input-tip-item2.js";import{d as u}from"./mds-text2.js";const d=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=o(this,"mdsInputSelectChange",7),this.internals=this.attachInternals(),this.hasFocus=!1,this.t=new n,this.disabled=!1,this.required=!1,this.multiple=!1,this.size=0,this.value="",this.onInput=t=>{const r=t.target;r&&(this.value=r.value)},this.onBlur=()=>{this.hasFocus=!1},this.onFocus=()=>{this.hasFocus=!0},this.emptyOptions=()=>{var t;const r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("select"),o=null==r?void 0:r.querySelectorAll("option");o&&o.forEach(((t,r)=>{this.placeholder||t.remove(),this.placeholder&&r>0&&t.remove()}))},this.onSlotChangeHandler=()=>{var t,r,o;const e=null===(r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")[0])||void 0===r?void 0:r.assignedNodes(),a=null===(o=this.selectEl)||void 0===o?void 0:o.querySelectorAll("option");a&&(!this.placeholder&&a.length>0&&this.emptyOptions(),this.placeholder&&a.length>1&&this.emptyOptions(),null==e||e.forEach((t=>{var r;null===(r=this.selectEl)||void 0===r||r.appendChild(t.cloneNode(!0))})),this.setCurrentValue())},this.setCurrentValue=()=>{var t;this.selectEl&&(this.value?this.selectEl.querySelectorAll("option").forEach((t=>{t.selected=t.value===this.value})):this.placeholder||(this.value=null===(t=this.selectEl)||void 0===t?void 0:t.querySelectorAll("option")[0].value))}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}async setValue(t){return this.value=t,Promise.resolve()}valueChanged(){var t,r,o;this.changeEvent.emit({value:null===(t=this.value)||void 0===t?void 0:""+t}),this.setCurrentValue(),this.internals.setFormValue(null!==(o=null===(r=this.value)||void 0===r?void 0:""+r)&&void 0!==o?o:null)}disabledChanged(t){t&&this.internals.setFormValue(null)}placeholderChanged(t,r){if(t&&!r){let r=document.querySelector(".placeholder-option");r&&r.remove(),r=document.createElement("option"),this.selectEl.insertBefore(r,this.selectEl.firstChild),r.value="",r.text=t,this.defaultValue||(r.selected=!0,this.value=void 0),this.required&&(r.disabled=!0)}}formResetCallback(){this.internals.setFormValue("")}componentWillLoad(){this.language=this.t.lang(this.host),this.defaultValue&&(this.value=this.defaultValue)}componentDidLoad(){this.value&&this.internals.setFormValue(""+this.value)}render(){return e(a,{key:"e24aa54e808ee37cb277a22859a54d93e23c5283"},e("select",{key:"f172e0a7e94c57dc1b847a816266c1f970b1aa69",class:"input",onInput:this.onInput.bind(this),onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select",ref:t=>this.selectEl=t},e("option",{key:"fe749c05df52318b427c0053c122071dbd29edb9",class:"placeholder-option",value:"",disabled:!!this.required||void 0,selected:!this.defaultValue||void 0},this.placeholder)),e("div",{key:"3fcbf72764e5ba5f61f974abb3c0fd2ffa182d3c",class:"icon-container"},e("i",{key:"0545e3600c92ec1a40cab4a7c95d4a4c30af007c",class:"icon",innerHTML:s})),e("div",{key:"fad2e3518edecc638f507a186a74af503265fcaf",class:"option-container"},e("slot",{key:"f1cd07b2d41c75ecdbc911c180d245751ae1632e",onSlotchange:this.onSlotChangeHandler})),e("mds-input-tip",{key:"531dbe2be8117e17ab5158fdd64430948a44b5a4",position:"top",lang:this.language,active:this.hasFocus,part:"tip-top"},this.disabled&&e("mds-input-tip-item",{key:"2337cd67e9b88605e2795afdfebafa09ab72ba9e",expanded:!0,variant:"disabled"}),this.required&&e("mds-input-tip-item",{key:"e419f3266be106b5b405da2a36a1283d6eff9f7f",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],placeholder:[{placeholderChanged: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 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-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-tip,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}:host{--mds-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 1px 2px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative;-webkit-user-select:none;user-select:none;--mds-input-select-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-select-variant-color-rgb:0 0 0;--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-08,0 83 239));--mds-input-select-arrow-icon-blur-color:rgb(var(--variant-primary-06,90 147 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-04,184 208 255))}:host([required]:not([required=false]):focus-within) .icon{-webkit-transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150));transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150))}:host(:focus-within),:host(:hover){--mds-input-select-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 2px 4px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-hover-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-hover-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))));--mds-input-select-variant-color-rgb:var(--variant-primary-04,184 208 255)}.input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;appearance:none;background-color:rgb(var(--tone-neutral,0 0 0));border:0;border-radius:var(--radius-xs,8px);-webkit-box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));cursor:pointer;margin:0;min-height:calc(var(--spacing,.0025rem)*1200);overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;transition-property:background-color,border-color,box-shadow,color,fill;width:100%}.input,.input:focus,.input:hover{-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-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))}.input:focus,.input:hover{--tw-outline-style:none;color:rgb(var(--tone-neutral-03,233 233 233));outline-style:none}:host([value]:not([value=""])) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host([required]:not([required=false])) .input{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled{background-color:rgb(var(--tone-neutral-09,76 76 76));opacity:1}:host([disabled]:not([disabled=false])),:host([disabled]:not([disabled=false])) .input{pointer-events:none}:host([disabled]:not([disabled=false])) .icon{fill:rgb(var(--tone-neutral-06,158 158 158));-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}.icon-container{align-items:center;color:inherit;display:flex;height:calc(var(--spacing,.0025rem)*1200);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*400)}.icon{background-color:var(--mds-input-select-arrow-icon-background-color,var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0)));border-radius:var(--radius-full,1000px);display:flex;fill:var(--mds-input-select-arrow-icon-color,var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.option-container{display:none}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}@container (max-width:210px){:host .tip__content,:host(:focus-within) .tip__content{grid-template-columns:0fr;opacity:0}:host .tip{padding-left:0;padding-right:0}:host{--mds-input-select-background:rgb(var(--variant-primary-07,44 117 255))}}:host([variant=info]){--mds-input-select-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-select-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-info-09,0 73 116));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-info-08,0 107 151));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-info-06,0 161 208));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=info]:focus-within),:host([variant=info]:hover){--mds-input-select-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:var(--status-info-05,112 198 234)}:host([variant=success]){--mds-input-select-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-select-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-success-09,0 82 9));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-success-08,0 116 46));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-success-06,0 171 97));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=success]:focus-within),:host([variant=success]:hover){--mds-input-select-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:var(--status-success-05,107 206 147)}:host([variant=warning]){--mds-input-select-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-select-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-warning-09,90 67 0));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-warning-08,129 96 0));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-warning-06,190 142 0));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within),:host([variant=warning]:hover){--mds-input-select-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:var(--status-warning-05,237 177 0)}:host([variant=error]){--mds-input-select-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-select-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-error-09,135 0 14));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-error-08,182 50 54));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-error-06,239 108 105));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=error]:focus-within),:host([variant=error]:hover){--mds-input-select-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:var(--status-error-05,250 165 160)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:hover{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:focus{transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-input-select-ring:var(--shadow-outline-strong-50)}:host-context(:root.pref-contrast-more) .input{color:rgb(var(--tone-neutral-01,255 255 255))}@media (forced-colors:active){.input:focus,.input:hover{outline:2px solid #0000;outline-offset:2px}}@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]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:focus,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:hover{transition-duration:0s}}@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-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-select-ring:var(--shadow-outline-strong-50)}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[321,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],defaultValue:[520,"default-value"],variant:[513],hasFocus:[32],language:[32],updateLang:[64],setValue:[64]},void 0,{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],placeholder:[{placeholderChanged:0}]}]),p=d,m=function(){"undefined"!=typeof customElements&&["mds-input-select","mds-input-tip","mds-input-tip-item","mds-text"].forEach((t=>{switch(t){case"mds-input-select":customElements.get(i(t))||customElements.define(i(t),d);break;case"mds-input-tip":customElements.get(i(t))||c();break;case"mds-input-tip-item":customElements.get(i(t))||l();break;case"mds-text":customElements.get(i(t))||u()}}))};export{p as MdsInputSelect,m as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as r,createEvent as o,h as e,Host as i,transformTag as a}from"@stencil/core/internal/client";import{L as n}from"./locale.js";import{m as s}from"./keyboard-arrow-down.js";import{d as c}from"./mds-input-tip2.js";import{d as l}from"./mds-input-tip-item2.js";import{d as u}from"./mds-text2.js";const d=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=o(this,"mdsInputSelectChange",7),this.internals=this.attachInternals(),this.hasFocus=!1,this.t=new n,this.disabled=!1,this.required=!1,this.multiple=!1,this.size=0,this.value="",this.onInput=t=>{const r=t.target;r&&(this.value=r.value)},this.onBlur=()=>{this.hasFocus=!1},this.onFocus=()=>{this.hasFocus=!0},this.emptyOptions=()=>{var t;const r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector("select"),o=null==r?void 0:r.querySelectorAll("option");o&&o.forEach(((t,r)=>{void 0!==this.placeholder&&""!==this.placeholder||t.remove(),void 0!==this.placeholder&&""!==this.placeholder&&r>0&&t.remove()}))},this.onSlotChangeHandler=()=>{var t,r,o;const e=null===(r=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")[0])||void 0===r?void 0:r.assignedNodes(),i=null===(o=this.selectEl)||void 0===o?void 0:o.querySelectorAll("option");null!=i&&((void 0===this.placeholder||""===this.placeholder)&&i.length>0&&this.emptyOptions(),void 0!==this.placeholder&&""!==this.placeholder&&i.length>1&&this.emptyOptions(),null==e||e.forEach((t=>{var r;null===(r=this.selectEl)||void 0===r||r.appendChild(t.cloneNode(!0))})),this.setCurrentValue())},this.setCurrentValue=()=>{var t;null!=this.selectEl&&(null==this.value||""===this.value||0===this.value||Number.isNaN(this.value)?void 0!==this.placeholder&&""!==this.placeholder||(this.value=null===(t=this.selectEl)||void 0===t?void 0:t.querySelectorAll("option")[0].value):this.selectEl.querySelectorAll("option").forEach((t=>{t.selected=t.value===this.value})))}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}async setValue(t){return this.value=t,Promise.resolve()}valueChanged(){var t,r,o;this.changeEvent.emit({value:null===(t=this.value)||void 0===t?void 0:""+t}),this.setCurrentValue(),this.internals.setFormValue(null!==(o=null===(r=this.value)||void 0===r?void 0:""+r)&&void 0!==o?o:null)}disabledChanged(t){t&&this.internals.setFormValue(null)}placeholderChanged(t,r){if(void 0!==t&&""!==t&&(void 0===r||""===r)){let r=document.querySelector(".placeholder-option");r&&r.remove(),r=document.createElement("option"),this.selectEl.insertBefore(r,this.selectEl.firstChild),r.value="",r.text=t,(null==this.defaultValue||""===this.defaultValue||0===this.defaultValue||Number.isNaN(this.defaultValue))&&(r.selected=!0,this.value=void 0),this.required&&(r.disabled=!0)}}formResetCallback(){this.internals.setFormValue("")}componentWillLoad(){this.language=this.t.lang(this.host),null==this.defaultValue||""===this.defaultValue||0===this.defaultValue||Number.isNaN(this.defaultValue)||(this.value=this.defaultValue)}componentDidLoad(){null==this.value||""===this.value||0===this.value||Number.isNaN(this.value)||this.internals.setFormValue(""+this.value)}render(){return e(i,{key:"464b7c512e49866bfeb174c68feb33eca3f85bce"},e("select",{key:"fbf891a0e4bc63ea509252bbbb7c5c0de9a04c4a",class:"input",onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,name:this.name,required:this.required,disabled:this.disabled,multiple:this.multiple,size:this.size,part:"select",ref:t=>this.selectEl=t},e("option",{key:"b5b46a1fee6ba457b47c79123051bf5976bfa7fc",class:"placeholder-option",value:"",disabled:!!this.required||void 0,selected:!(null!=this.defaultValue&&""!==this.defaultValue&&0!==this.defaultValue&&!Number.isNaN(this.defaultValue))||void 0},this.placeholder)),e("div",{key:"e3101de2d9c66aee324ef4dfc332b560e6c561bf",class:"icon-container"},e("i",{key:"f191aadd1e565a1182e9bb7ac956a6149b170d1e",class:"icon",innerHTML:s})),e("div",{key:"ae377495ebb30aed7580ebd67d4d2bd0080cc1bf",class:"option-container"},e("slot",{key:"77c743369dbed2bfd1c86f2b9803a3055cc7e7f5",onSlotchange:this.onSlotChangeHandler})),e("mds-input-tip",{key:"31e000f584381fa7c7324f99ccfa9b068eb35af8",position:"top",lang:this.language,active:this.hasFocus,part:"tip-top"},this.disabled&&e("mds-input-tip-item",{key:"456fa339c96db8e85d4d6df4cf61bb880c467d78",expanded:!0,variant:"disabled"}),this.required&&e("mds-input-tip-item",{key:"3778f2888a7d3bca817edcbf31d77b30a73fdd77",expanded:this.hasFocus,variant:""===this.value?"required":"required-success"})))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],placeholder:[{placeholderChanged: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 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-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233))}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-tip,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}:host{--mds-input-select-variant-color-rgb:var(--tone-neutral-01,255 255 255);--mds-input-select-ring:0 0 0 1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1);--mds-input-select-shadow:0 1px 3px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 1px 2px 0 rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0);--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5);--mds-input-select-arrow-icon-hover-color:rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255)));--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*1000);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:rgb(var(--tone-neutral-02,244 244 244));display:flex;position:relative;-webkit-user-select:none;user-select:none;--mds-input-select-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-select-variant-color-rgb:0 0 0;--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-09,0 58 168));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-08,0 83 239));--mds-input-select-arrow-icon-blur-color:rgb(var(--variant-primary-06,90 147 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-04,184 208 255))}:host([required]:not([required=false]):focus-within) .icon{-webkit-transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150));transform:translate(calc(var(--spacing,.0025rem)*150),calc(var(--spacing,.0025rem)*150))}:host(:focus-within),:host(:hover){--mds-input-select-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-select-ring:0 0 0 3px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/1);--mds-input-select-shadow:0 4px 6px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.1),0 2px 4px -1px rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.06);--mds-input-select-arrow-icon-background-color:var(--mds-input-select-arrow-icon-hover-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5));--mds-input-select-arrow-icon-color:var(--mds-input-select-arrow-icon-hover-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))));--mds-input-select-variant-color-rgb:var(--variant-primary-04,184 208 255)}.input{font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:var(--text-size-info-detail,1rem);font-weight:var(--tw-font-weight,var(--text-size-info-detail--font-weight,400));line-height:var(--tw-leading,var(--text-size-info-detail--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;appearance:none;background-color:rgb(var(--tone-neutral,0 0 0));border:0;border-radius:var(--radius-xs,8px);-webkit-box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-shadow:var(--mds-input-select-ring),var(--mds-input-select-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));cursor:pointer;margin:0;min-height:calc(var(--spacing,.0025rem)*1200);overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*1200);text-overflow:ellipsis;transition-property:background-color,border-color,box-shadow,color,fill;width:100%}.input,.input:focus,.input:hover{-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);-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))}.input:focus,.input:hover{--tw-outline-style:none;color:rgb(var(--tone-neutral-03,233 233 233));outline-style:none}:host([value]:not([value=""])) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host([required]:not([required=false])) .input{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled{background-color:rgb(var(--tone-neutral-09,76 76 76));opacity:1}:host([disabled]:not([disabled=false])),:host([disabled]:not([disabled=false])) .input{pointer-events:none}:host([disabled]:not([disabled=false])) .icon{fill:rgb(var(--tone-neutral-06,158 158 158));-webkit-transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200));transform:translate(calc(var(--spacing,.0025rem)*250),calc(var(--spacing,.0025rem)*200))}.icon-container{align-items:center;color:inherit;display:flex;height:calc(var(--spacing,.0025rem)*1200);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*400)}.icon{background-color:var(--mds-input-select-arrow-icon-background-color,var(--mds-input-select-arrow-icon-blur-background-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/0)));border-radius:var(--radius-full,1000px);display:flex;fill:var(--mds-input-select-arrow-icon-color,var(--mds-input-select-arrow-icon-blur-color,rgb(var(--mds-input-select-variant-color-rgb,var(--tone-neutral-01,255 255 255))/.5)));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,fill}.icon svg{aspect-ratio:var(--aspect-square,1/1);height:100%;width:100%}.option-container{display:none}mds-input-tip{--mds-input-tip-horizontal-offset:inherit;--mds-input-tip-horizontal-offset-focused:inherit;--mds-input-tip-vertical-offset:inherit;--mds-input-tip-background:inherit}@container (max-width:210px){:host .tip__content,:host(:focus-within) .tip__content{grid-template-columns:0fr;opacity:0}:host .tip{padding-left:0;padding-right:0}:host{--mds-input-select-background:rgb(var(--variant-primary-07,44 117 255))}}:host([variant=info]){--mds-input-select-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-select-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-info-09,0 73 116));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-info-08,0 107 151));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-info-06,0 161 208));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=info]:focus-within),:host([variant=info]:hover){--mds-input-select-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-select-variant-color-rgb:var(--status-info-05,112 198 234)}:host([variant=success]){--mds-input-select-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-select-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-success-09,0 82 9));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-success-08,0 116 46));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-success-06,0 171 97));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=success]:focus-within),:host([variant=success]:hover){--mds-input-select-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-select-variant-color-rgb:var(--status-success-05,107 206 147)}:host([variant=warning]){--mds-input-select-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-select-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-warning-09,90 67 0));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-warning-08,129 96 0));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-warning-06,190 142 0));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=warning]:focus-within),:host([variant=warning]:hover){--mds-input-select-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-select-variant-color-rgb:var(--status-warning-05,237 177 0)}:host([variant=error]){--mds-input-select-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-select-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-select-arrow-icon-blur-background-color:rgb(var(--status-error-09,135 0 14));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--status-error-08,182 50 54));--mds-input-select-arrow-icon-blur-color:rgb(var(--status-error-06,239 108 105));--mds-input-select-arrow-icon-hover-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:0 0 0}:host([variant=error]:focus-within),:host([variant=error]:hover){--mds-input-select-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-select-variant-color-rgb:var(--status-error-05,250 165 160)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:hover{transition-duration:0s}:host-context(:root.pref-animation-reduce) .input:focus{transition-duration:0s}:host-context(:root.pref-animation-reduce) .icon{transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .input{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-input-select-ring:var(--shadow-outline-strong-50)}:host-context(:root.pref-contrast-more) .input{color:rgb(var(--tone-neutral-01,255 255 255))}@media (forced-colors:active){.input:focus,.input:hover{outline:2px solid #0000;outline-offset:2px}}@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]))) .icon,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:focus,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .input:hover{transition-duration:0s}}@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-select-ring:var(--shadow-outline-50);--mds-input-select-arrow-icon-blur-background-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-select-arrow-icon-blur-color:rgb(var(--mds-input-select-variant-color));--mds-input-select-arrow-icon-hover-background-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-select-arrow-icon-hover-color:rgb(var(--variant-primary-08,0 83 239))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-03,233 233 233))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-select-ring:var(--shadow-outline-strong-50)}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input{color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[321,"mds-input-select",{autocomplete:[513],autoFocus:[516,"auto-focus"],placeholder:[513],name:[513],disabled:[516],required:[516],multiple:[516],size:[514],value:[520],defaultValue:[520,"default-value"],variant:[513],hasFocus:[32],language:[32],updateLang:[64],setValue:[64]},void 0,{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],placeholder:[{placeholderChanged:0}]}]),p=d,m=function(){"undefined"!=typeof customElements&&["mds-input-select","mds-input-tip","mds-input-tip-item","mds-text"].forEach((t=>{switch(t){case"mds-input-select":customElements.get(a(t))||customElements.define(a(t),d);break;case"mds-input-tip":customElements.get(a(t))||c();break;case"mds-input-tip-item":customElements.get(a(t))||l();break;case"mds-text":customElements.get(a(t))||u()}}))};export{p as MdsInputSelect,m as defineCustomElement}

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

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as n,Host as a,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:n}=i.target;i.preventDefault(),i.stopPropagation();const a=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.getElementById("field");this.checked=a.checked,this.indeterminate=!1,"radio"===this.type&&this.uncheckSiblings(),this.changeEvent.emit({name:this.name,checked:this.checked,value:n}),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 n(a,{key:"d3c6da7fba310943e3a1f24df69d2a1e04b6eefa",onClick:this.handleDirty},n("input",{key:"adb7c6c931241829749874984c1c898fece35089",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?n("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})},n("div",{class:"switch"},n("div",{class:"switch-toggle"},this.explicit&&n("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})))):n("label",{htmlFor:"field",class:"label-icon",tabindex:"0","aria-label":this.t.get(this.checked?"unselect":"select",{label:this.label})},n("mds-text",{class:"icon-typography-unchecked",tag:"div",typography:this.typography,variant:this.variant},n("mds-icon",{class:"icon-unchecked",name:c(this.indeterminate?s:e)})),this.checked&&n("mds-text",{class:"icon-typography-checked",tag:"div",typography:this.typography,variant:this.variant},n("mds-icon",{class:"icon-checked",name:c(this.indeterminate?s:r)}))),n("label",{key:"5e10e085510602e2ae9e43aee81d574f1268d4c7",htmlFor:"field",class:c("label-text",!this.hasText&&"label-text--empty")},n("mds-text",{key:"50818ea7f5ed302dee65bd4dc0b4d6eb49f25c56",tag:"p",typography:this.typography,variant:this.variant},n("slot",{key:"91ecda691ca9c3292abb9c3ca9b0c7ebcfb61876"}))))}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}
+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-item2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as r,Host as s,transformTag as o}from"@stencil/core/internal/client";import{m as i}from"./done.js";import{L as a}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 a({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:"4dd4ed72924effe9b5f5534cb816a798cd269347"},r("div",{key:"dc47324bc331499a5b3679504d43787b12a0ff44",class:"content"},"text"===this.variant&&r("mds-text",{key:"d4506303f3f0773320a63a50813d58ad1839e1b7",typography:"option",truncate:"word"},r("span",{key:"88bf426fe2564c68266cb2f8aa4819fd8a3a5bbf",class:"text"},r("slot",{key:"f47524696669a972816b1106aba5ffe4accefd18"}))),"readonly"===this.variant&&r("mds-text",{key:"80e885f005dc41752ddfc3ea079fc7a46560f039",typography:"option",truncate:"word"},r("span",{key:"a1c64be41eb0bf165994a8fa624de9cfa2bf44d9",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"disabled"===this.variant&&r("mds-text",{key:"87d01577d975e3ec93fe4c3c3c0f2376aaebef4b",typography:"option",truncate:"word"},r("span",{key:"23ea4da977190d0e52c300eadd69e568a8155f43",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"required"===this.variant&&r("mds-text",{key:"53336d1221ec500b35adeef9464b44cd3c6d1e6d",typography:"option",truncate:"word"},r("span",{key:"87b047b6ce08337d7605d1f11ffc9d37a1aadd8c",class:"text"},this.variant&&this.t.get(this.variant.toString()))),"required-success"===this.variant&&r("span",{key:"ef1961067756a22613e6acbd42955fb525c6fb8f",class:"icon",innerHTML:i}),("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:"c924f8f9d8e3fca6b76c4aaf4f99bc3f88fe3c8e",typography:"option",truncate:"word"},r("span",{key:"abd99ef5f15a90739700498aca759962eb417b8a",class:"text"},r("slot",{key:"5e509982d7bee8599f224e9e0b54232c8d998f11"})))))}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}
+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-tip2.js

@@ -1 +1 @@
-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:"77a6d9fcf9ef9b82c9baeb906bbf0aa0b194cf2d"},i("slot",{key:"c330a5f7bee0a98be75bcd934c36f414cb5b82d3"}))}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}
+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}