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

package/dist/components/mds-input2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as a}from"./clsx.js";import{m as n}from"./keyboard-arrow-down.js";import{m as c}from"./keyboard-arrow-up.js";import{m as d}from"./remove.js";import{m as l}from"./done.js";import{L as h}from"./locale.js";import{h as u}from"./aria.js";import{d as p}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as g}from"./mds-input-tip2.js";import{d as v}from"./mds-input-tip-item2.js";import{d as b}from"./mds-spinner2.js";import{d as f}from"./mds-text2.js";var x='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>',w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"/><path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/></svg>',y={decrease:"Μείωση",hidePassword:"Απόκρυψη κωδικού",increase:"Αύξηση",showPassword:"Εμφάνιση κωδικού",speechToTextError:"Η φωνητική υπαγόρευση δεν υποστηρίζεται από αυτό το πρόγραμμα περιήγησης",speechToTextOff:"Διακοπή φωνητικής υπαγόρευσης",speechToTextOn:"Έναρξη φωνητικής υπαγόρευσης"},k={decrease:"Decrease",hidePassword:"Hide password",increase:"Increase",showPassword:"Show password",speechToTextError:"Voice dictation is not supported by this browser",speechToTextOff:"Stop voice dictation",speechToTextOn:"Start voice dictation"},z={decrease:"Disminuir",hidePassword:"Ocultar contraseña",increase:"Aumentar",showPassword:"Mostrar contraseña",speechToTextError:"El dictado por voz no es compatible con este navegador",speechToTextOff:"Detener dictado por voz",speechToTextOn:"Iniciar dictado por voz"},M={decrease:"Diminuisci",hidePassword:"Nascondi password",increase:"Aumenta",showPassword:"Visualizza password",speechToTextError:"Dettatura vocale non supportata da questo browser",speechToTextOff:"Ferma dettatura vocale",speechToTextOn:"Inizia dettatura vocale"};const L=()=>null,T=t=>t.length>0?null:{required:""},V=t=>{if(""===t)return null;if(Number.isNaN(t.slice(0,-1))||10!==t.length&&13!==t.length)return{"isbn-error":"formato isbn non correto"};const e=t.split("").map((t=>"X"===t?10:Number(t)));let i=0;return i=10===t.length?e.reduce(((t,e,i)=>t+(10-i)*e),0)%11:e.reduce(((t,e,i)=>t+e*(i%2==0?1:3)),0)%10,0===i?null:{"isbn-error":"codice isbn non valido"}};class C{constructor(){this._validators=[],this._errors=null,this.isValid=!0}addValidator(t){Array.isArray(t)?this._validators.push(...t):this._validators.push(t)}_hasValidator(t,e){return Array.isArray(t)?t.includes(e):t===e}hasValidator(t){return t?this._hasValidator(this._validators,t):this._validators.length>0}removeValidator(t){this._validators=this._validators.filter((e=>!this._hasValidator(t,e)))}validate(t){const e=this._validators.map((e=>e(t))).reduce(((t,e)=>Object.assign(Object.assign({},t),e)),L);this._errors=0===Object.keys(e).length?null:e,this.isValid=!this._errors}get errors(){return this._errors}}class A{}A.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i,A.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A",A.CC_MASK="9999-9999-9999-9999";class P{constructor(t){this.validator=new C,this.pattern=t}mask(t){if(!this.pattern)throw new Error("no pattern found, set pattern before mask")}isValid(t){return this.validator.validate(t),this.validator.isValid}}const N=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=i(this,"mdsInputChange",7),this.keyDownEvent=i(this,"mdsInputKeydown",7),this.blurEvent=i(this,"mdsInputBlur",7),this.focusEvent=i(this,"mdsInputFocus",7),this.speechEvent=i(this,"mdsInputSpeechEnd",7),this.validationEvent=i(this,"mdsInputValidation",7),this.internals=this.attachInternals(),this.speechToTextIcon=w,this.hasFocus=!1,this.isRecording=!1,this.countVariant="count-empty",this.isPasswordVisible=!1,this.t=new h({el:y,en:k,es:z,it:M}),this.autocomplete="off",this.autofocus=!1,this.await=!1,this.controlsLayout="vertical",this.controlsIcon="arrow",this.disabled=!1,this.readonly=!1,this.required=!1,this.variant="primary",this.type="text",this.typography="detail",this.value="",this.countMaxLength=()=>{var t,e,i;if(!this.maxlength)return;if(void 0===this.value)return;this.currentLengthLabel=`${null!==(e=null===(t=this.value)||void 0===t?void 0:t.length)&&void 0!==e?e:0} / ${this.maxlength}`;const r=Math.round(100*this.value.length/this.maxlength);this.countVariant=(null===(i=this.value)||void 0===i?void 0:i.length)!==this.maxlength?r>=100?"count-full":r>=75?"count-almost-full":r>=50?"count-almost":r>=25?"count-incomplete":"count-empty":"count-full"},this.onInput=t=>{const e=t.target;e&&(this.value=e.value,this.internals.setFormValue(this.value)),this.keyDownEvent.emit(t)},this.onBlur=()=>{this.hasFocus=!1,this.validateInput(),this.blurEvent.emit()},this.onFocus=t=>{const e=t.target;this.hasFocus=!0,this.focusEvent.emit(),this.readonly&&setTimeout((()=>{e.select()}),10)},this.stepUp=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepUp(),this.value=this.nativeInput.value)},this.stepDown=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepDown(),this.value=this.nativeInput.value)},this.toggleTextRecognition=()=>{if(this.isRecording=!this.isRecording,!this.isRecording)return this.speechToTextLabel=this.t.get("speechToTextOn"),this.speechToTextIcon=w,void this.stopRecognition();this.speechToTextLabel=this.t.get("speechToTextOff"),this.speechToTextIcon=l,this.startRecognition()},this.onSpeechRecognitionError=()=>{console.error("SpeechRecognition API may not work properly on Chrome based browsers."),this.speechButton.classList.remove("mic-toggle-button--recording"),this.speechButton.classList.add("toggle-button--error"),this.isRecording=!1,this.speechToTextLabel=this.t.get("speechToTextError"),this.speechToTextIcon='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3c-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3c.23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52c-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28a7.13 7.13 0 0 0 2.55-.9l4.2 4.2l1.41-1.41L4.41 2.86z"/></svg>'},this.startRecognition=()=>{var t,e,i;this.speechButton||(this.speechButton=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(".mic-toggle-button"));const r=null!==(i=window.SpeechRecognition)&&void 0!==i?i:window.webkitSpeechRecognition;if(this.value="",!r)return void this.onSpeechRecognitionError();this.recognition=new r,this.recognition.continuous=!0,this.recognition.lang=navigator.language||"it-IT",this.recognition.interimResults=!0,this.recognition.maxAlternatives=1;let o="",s=0;this.recognition.onresult=t=>{const e=t.results[s];if(e.isFinal)return o+=e[0].transcript,this.value=o,void(s+=1);this.value=o+e[0].transcript},this.recognition.onerror=t=>{console.error("SpeechRecognition API error:",t.error),this.onSpeechRecognitionError()},this.recognition.start()},this.stopRecognition=()=>{this.recognition&&(this.recognition.stop(),this.speechEvent.emit())}}async updateLang(){this.language=this.t.lang(this.el),this.t.update()}formResetCallback(){this.internals.setFormValue("")}connectedCallback(){this.datalistId=`datalist-${u()}`}componentWillLoad(){var t;if(this.language=this.t.lang(this.el),this.speechToTextLabel=this.t.get("speechToTextOn"),this.el.hasAttribute("tabindex")){const t=this.el.getAttribute("tabindex");this.tabindex=null!==t?parseInt(t):void 0,this.el.removeAttribute("tabindex")}this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),this.maxLengthChanged(this.maxlength),this.isValid=!(this.required&&!this.value)}componentDidLoad(){var t,e,i;this.inputValidation=function(t){let e;switch(t){case"tel":case"url":case"piva":default:e=new P("");break;case"cc":e=new P(A.CC_MASK);break;case"cf":e=new P(A.CF_MASK),e.validator.addValidator((t=>""===t||A.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"})),e.validator.addValidator((t=>""===t||16===t.length?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}));break;case"isbn":e=new P,e.validator.addValidator(V)}return e}(this.type),this.setValidators(),null===(t=this.nativeInput)||void 0===t||t.setAttribute("pattern",String(this.inputValidation.pattern)),this.autofocus&&(null===(e=this.nativeInput)||void 0===e||e.focus()),this.variantChanged(null!==(i=this.variant)&&void 0!==i?i:"primary")}setValidators(){var t,e,i;this.required&&this.inputValidation.validator.addValidator(T),""!==this.max&&Number(this.max)&&this.inputValidation.validator.addValidator((t=Number(this.max),e=>{if(""===e||null===t)return null;const i=parseFloat(e);return!isNaN(i)&&i>t?{max:`valore massimo ${t}`}:null})),""!==this.min&&Number(this.min)&&this.inputValidation.validator.addValidator((e=Number(this.max),t=>{if(""===t||null===e)return null;const i=parseFloat(t);return!isNaN(i)&&i<e?{min:`valore minimo ${e}`}:null})),this.maxlength&&this.inputValidation.validator.addValidator((i=this.maxlength,t=>""===t||null===i?null:t.length>i?{minLenght:`La lunghezza massima accettata è ${i}`}:null)),this.minlength&&this.inputValidation.validator.addValidator((t=>e=>""===e||null===t?null:e.length<t?{minLenght:`La lunghezza minima accettata è ${t}`}:null)(this.minlength))}valueChanged(){var t;this.changeEvent.emit({value:this.value}),this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),void 0!==this.maxlength&&this.countMaxLength(),""!==this.value&&(this.isValid||this.validateInput())}variantChanged(t){"ai"===t&&void 0===this.icon&&(this.icon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M10 11H8V8h2zM16 11h-2V8h2z"/>\n  <path fill-rule="evenodd" d="M21.544 10.436a3 3 0 0 1 0 3.128l-3.667 6A3 3 0 0 1 15.317 21H8.683a3 3 0 0 1-2.56-1.436l-3.666-6a3 3 0 0 1 0-3.128l3.667-6A3 3 0 0 1 8.683 3h6.635a3 3 0 0 1 2.56 1.436zM4.162 11.479a1 1 0 0 0 0 1.043l3.668 6a1 1 0 0 0 .853.478h6.634a1 1 0 0 0 .853-.479l3.667-6a1 1 0 0 0 0-1.042l-3.667-6A1 1 0 0 0 15.317 5H8.683a1 1 0 0 0-.853.479z" clip-rule="evenodd"/>\n  <path d="M16.707 14.707C15.477 15.937 13.698 16.5 12 16.5s-3.477-.563-4.707-1.793l1.414-1.414c.77.77 1.991 1.207 3.293 1.207s2.523-.437 3.293-1.207z"/>\n</svg>\n')}maxLengthChanged(t){void 0!==t&&(t<=0?this.maxlength=void 0:this.countMaxLength())}async addValidator(t){return this.inputValidation.validator.addValidator(t),Promise.resolve()}async removeValidator(t){this.inputValidation.validator.removeValidator(t)}async hasValidator(t){return this.inputValidation.validator.hasValidator(t)}async getErrors(){return Promise.resolve(this.inputValidation.validator.errors)}validateInput(){return this.inputValidation.validator.hasValidator()&&(this.isValid=this.inputValidation.isValid(this.value),this.variant=""!==this.value||this.required?this.isValid?"success":"error":"primary",this.validationEvent.emit(this.isValid)),this.isValid}disabledChanged(t){t&&this.internals.setFormValue(null)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}componentWillRender(){this.t.lang(this.el)}render(){var t,e,i;return r(o,{key:"63efd28d71e55c73c829a0dd566f62e735bb6736"},"number"===this.type&&"horizontal"===this.controlsLayout&&r("mds-button",{key:"c7730f2bb6457570a922004478025712bbe0569c",class:"counter-button counter-button--horizontal counter-button--decrease",icon:"arrow"===this.controlsIcon?n:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",tone:"text",part:"counter-button-decrease"}),"textarea"===this.type?r("textarea",{class:a("input",(null!==(t=this.icon)&&void 0!==t?t:this.await)&&"has-icon",this.mic&&"has-right-icon"),autoFocus:this.autofocus,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,tabIndex:this.tabindex,value:this.value}):r("input",{class:a("input",(null!==(e=this.icon)&&void 0!==e?e:this.await)&&"has-icon",this.mic&&"has-right-icon"),autoComplete:this.autocomplete,autoFocus:this.autofocus,disabled:this.disabled,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,list:this.datalistId,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,step:this.step,tabIndex:this.tabindex,type:"password"===this.type&&this.isPasswordVisible?"text":this.type,value:this.value}),"number"===this.type&&"vertical"===this.controlsLayout&&r("div",{key:"a11a1cdf049cfdbed17dc25b3d361d61e65fbfa3",class:"counter counter--vertical"},r("mds-button",{key:"9456eac1d48a91187911f429f321a30a9f303b82",class:"counter-button",icon:"arrow"===this.controlsIcon?c:x,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),variant:"dark",size:"sm",tone:"text",part:"counter-button-increase"}),r("mds-button",{key:"c29f7bdd570957db6055898dd0af0dd1525d98b0",class:"counter-button",icon:"arrow"===this.controlsIcon?n:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",size:"sm",tone:"text",part:"counter-button-decrease"})),"number"===this.type&&"horizontal"===this.controlsLayout&&r("mds-button",{key:"3d755f49f8464bfe4f6f7ca9e85157db825c3905",class:"counter-button counter-button--horizontal counter-button--increase",variant:"dark",tone:"text",icon:"arrow"===this.controlsIcon?c:x,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),"password"===this.type&&r("mds-button",{key:"6641194c7b448b1d27f806c52c7cd011c0ae3ad5",class:"password-toggle-button",variant:"dark",tone:"text",icon:this.isPasswordVisible?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5c0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28l.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22L21 20.73L3.27 3L2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65c0 1.66 1.34 3 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53c-2.76 0-5-2.24-5-5c0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15l.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/></svg>',onClick:()=>this.isPasswordVisible=!this.isPasswordVisible,tabindex:"0",title:this.t.get(this.isPasswordVisible?"hidePassword":"showPassword"),part:"password-toggle-button"}),"password"===this.type&&!this.isPasswordVisible&&(null===(i=this.value)||void 0===i?void 0:i.length)>0&&r("div",{key:"be0a893b00483e43582ebe1cbdf2de78ea9fdd1b",class:"password-mask"},r("div",{key:"7ac73065205c17a04132d2076e768387f25c9164",class:"password-mask-items",part:"password-mask-items"},Array.from({length:this.value.length}).map(((t,e)=>r("div",{key:e,class:"password-mask-item",part:"password-mask-item"}))))),this.mic&&r("mds-button",{key:"6fdca5aca12eb56670883c2fa414802f9c6eb32f",class:a("mic-toggle-button",this.isRecording&&"mic-toggle-button--recording"),icon:this.speechToTextIcon,onClick:()=>this.toggleTextRecognition(),tabindex:"0",title:this.speechToTextLabel,variant:"dark",tone:"text",part:"mic-toggle-button"}),r("mds-input-tip",{key:"ab202ab518990cb89eeaf6e2aaf0d51f0b701f05",lang:this.language,position:"top",active:this.hasFocus,part:"tip-top"},this.disabled&&r("mds-input-tip-item",{key:"76011dab3a8cf3fb65329be96e53748a86e17246",expanded:!0,variant:"disabled"}),this.readonly&&r("mds-input-tip-item",{key:"97a9d42fe7b76c4da7cc58c8cbb1135e635004e5",expanded:!0,variant:"readonly"}),this.required&&r("mds-input-tip-item",{key:"ccd9e6849514e7b6b8d556fffd5c0d8d2289ad08",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),r("mds-input-tip",{key:"db35b767d1030dfbea345de28279770e9b1e8293",lang:this.language,position:"bottom",active:this.hasFocus,part:"tip-bottom"},this.tip&&r("mds-input-tip-item",{key:"31d65280cbd8b23e61e485c5afef05c00134d00e",expanded:!0,variant:"text"},this.tip),this.maxlength&&r("mds-input-tip-item",{key:"3da21c408e5a10820ab5f3ee2ec0513546e58bd7",part:"tip-count",expanded:!0,variant:this.countVariant},this.currentLengthLabel)),this.datalist&&r("datalist",{key:"7aaf629292a7f31c54c260367e5ee3ca66dce889",id:this.datalistId,class:"datalist"},this.datalist.map(((t,e)=>r("option",{key:e,value:t})))),this.icon&&!this.await&&r("mds-icon",{key:"237c929482c18f7a52fdf7b9e82c5bce509f73b0",class:a("icon",this.variant),name:this.icon}),r("mds-spinner",{key:"33902197107e138f7eed71b59f05d46f077762a3",running:this.await,class:a("await",this.variant)}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged: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 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-background:rgb(var(--tone-neutral,0 0 0));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-icon-color:var(--mds-input-variant-color-rgb,0 0 0);--mds-input-variant-color-rgb:0 0 0;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-textarea-field-sizing:content}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-input-tip,mds-input-tip-item,mds-spinner):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-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}@property --mds-input-textarea-resize{syntax:"none|vertical";inherits:false;initial-value:none}@property --mds-input-textarea-field-sizing{syntax:"content|fixed";inherits:false;initial-value:content}:host{--mds-input-background:rgb(var(--tone-neutral,0 0 0));--mds-input-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-ring:0 0 0 1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1);--mds-input-shadow:0 1px 3px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06);--mds-input-textarea-field-sizing:content;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-border-radius:var(--radius-xl,20px);--mds-input-controls-border:2px solid rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-color:rgb(var(--tone-neutral-03,233 233 233));border-radius:var(--mds-input-border-radius);corner-shape:var(--magma-corner-shape,round);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));gap:calc(var(--spacing,.0025rem)*200);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;container-type:inline-size;display:flex;position:relative;--mds-input-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-variant-color-rgb:0 0 0}:host([typography=detail]) .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}:host([typography=snippet]) .input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:inherit;border:0;margin:0;max-width:100%;min-height:3rem;overflow:hidden;padding:calc(var(--spacing,.0025rem)*300) calc(var(--spacing,.0025rem)*400);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,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));width:100%}.input::-webkit-input-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-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:-ms-placeholder-shown{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::-moz-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-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:hover::placeholder{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:hover:-ms-placeholder-shown{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:focus::placeholder{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input:focus:-ms-placeholder-shown{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}:host textarea.input,:host([typography]) textarea.input{border-radius:var(--radius-xs,8px);field-sizing:var(--mds-input-textarea-field-sizing,content);max-height:var(--mds-input-textarea-max-height,calc(var(--spacing,.0025rem)*6400));min-height:var(--mds-input-textarea-min-height,calc(var(--spacing,.0025rem)*2400));overflow:auto;resize:var(--mds-input-textarea-resize,none)}@container style(--mds-input-textarea-resize:none){:host textarea.input,:host([typography]) textarea.input{border-bottom-right-radius:0}}.input:focus{--tw-outline-style:none;outline-style:none;--mds-input-ring:0 0 0 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/1);--mds-input-shadow:0 4px 6px 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06)}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input.has-icon{padding-left:calc(var(--spacing,.0025rem)*1100)}.input.has-right-icon{padding-right:calc(var(--spacing,.0025rem)*1100)}.await,.icon{fill:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));left:calc(var(--spacing,.0025rem)*300);position:absolute;top:calc(var(--spacing,.0025rem)*300)}.await{color:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));height:24px;width:24px}.counter{border-left:var(--mds-input-controls-border);display:flex;flex-direction:column;gap:0;position:absolute;right:0}.counter-button{aspect-ratio:unset;border:0;border-radius:var(--mds-input-border-radius);fill:var(--mds-input-controls-color);height:calc(var(--spacing,.0025rem)*600);min-height:0;width:calc(var(--spacing,.0025rem)*700)}.counter .counter-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:var(--mds-input-border-radius)}.counter .counter-button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:var(--mds-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}.counter-button--horizontal{bottom:0;height:calc(var(--spacing,.0025rem)*1200);position:absolute;top:0;width:calc(var(--spacing,.0025rem)*1200)}.counter-button--decrease{border-bottom-right-radius:0;border-right:var(--mds-input-controls-border);border-top-right-radius:0;left:0}.counter-button--increase{border-bottom-left-radius:0;border-left:var(--mds-input-controls-border);border-top-left-radius:0;right:0}.mic-toggle-button,.password-toggle-button{fill:var(--mds-input-controls-color);position:absolute;right:calc(var(--spacing,.0025rem)*150);top:calc(var(--spacing,.0025rem)*150)}.toggle-button--error{cursor:help;fill:rgb(var(--tone-neutral-06,158 158 158))}.mic-toggle-button--recording{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1) infinite)}:host([type=number]) .input{-moz-appearance:textfield;padding-right:calc(var(--spacing,.0025rem)*800)}:host([type=number][controls-layout=horizontal]) .input{padding-left:calc(var(--spacing,.0025rem)*1400);padding-right:calc(var(--spacing,.0025rem)*1400);text-align:center}:host([type=number][controls-layout=horizontal][icon]) .input{padding-left:calc(var(--spacing,.0025rem)*2400);text-align:left}:host([type=number][controls-layout=horizontal]) .icon{left:calc(var(--spacing,.0025rem)*1500)}:host([type=password]) .input{padding-right:calc(var(--spacing,.0025rem)*1000)}:host([type=password]) .input[type=text]:not(:-moz-placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:-ms-placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=cf]) .input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase}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}:host(:focus){--mds-input-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(mds-input-field[variant=info]):host{--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=info]):host(:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host-context(mds-input-field[variant=warning]):host{--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=warning]):host(:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host-context(mds-input-field[variant=success]):host{--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=success]):host(:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host-context(mds-input-field[variant=error]):host{--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=error]):host(:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}.password-mask{align-items:center;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-xs,8px);bottom:0;display:flex;gap:calc(var(--spacing,.0025rem)*50);height:100%;justify-content:start;left:0;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*500);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*1200);top:0}.password-mask:before{background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)))));background-image:linear-gradient(to right,transparent,var(--mds-input-background,rgb(var(--tone-neutral,0 0 0))));bottom:0;content:"";display:inline-flex;position:absolute;right:0;top:0;width:calc(var(--spacing,.0025rem)*600)}.password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107)/0);display:inline-flex;gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*100)}.password-mask-item,.password-mask-items{border-radius:1000px;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;-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))}.password-mask-item{background-color:rgb(var(--tone-neutral-03,233 233 233));height:calc(var(--spacing,.0025rem)*200);width:calc(var(--spacing,.0025rem)*200)}:host(:focus-within) .password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107))}@keyframes pulse{50%{opacity:.5}}@media (forced-colors:active){.input:focus{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]))) .input{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}@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-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}'}},[65,"mds-input",{autocomplete:[513],autofocus:[516],await:[516],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],datalist:[16],disabled:[516],icon:[1537],max:[520],maxlength:[1538],mic:[516],min:[520],minlength:[514],name:[513],pattern:[513],placeholder:[513],readonly:[516],required:[516],variant:[1537],tip:[513],step:[513],type:[513],typography:[513],value:[1537],hasFocus:[32],language:[32],isRecording:[32],currentLengthLabel:[32],countVariant:[32],isPasswordVisible:[32],updateLang:[64],addValidator:[64],removeValidator:[64],hasValidator:[64],getErrors:[64],setFocus:[64],getInputElement:[64]},void 0,{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged:0}]}]);function E(){"undefined"!=typeof customElements&&["mds-input","mds-button","mds-icon","mds-input-tip","mds-input-tip-item","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input":customElements.get(s(t))||customElements.define(s(t),N);break;case"mds-button":customElements.get(s(t))||p();break;case"mds-icon":customElements.get(s(t))||m();break;case"mds-input-tip":customElements.get(s(t))||g();break;case"mds-input-tip-item":customElements.get(s(t))||v();break;case"mds-spinner":customElements.get(s(t))||b();break;case"mds-text":customElements.get(s(t))||f()}}))}export{N as M,E as d}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as a}from"./clsx.js";import{m as n}from"./keyboard-arrow-down.js";import{m as c}from"./keyboard-arrow-up.js";import{m as d}from"./remove.js";import{m as l}from"./done.js";import{L as h}from"./locale.js";import{h as u}from"./aria.js";import{d as p}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as g}from"./mds-input-tip2.js";import{d as v}from"./mds-input-tip-item2.js";import{d as b}from"./mds-spinner2.js";import{d as f}from"./mds-text2.js";var x='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>',w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"/><path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/></svg>',y={decrease:"Μείωση",hidePassword:"Απόκρυψη κωδικού",increase:"Αύξηση",showPassword:"Εμφάνιση κωδικού",speechToTextError:"Η φωνητική υπαγόρευση δεν υποστηρίζεται από αυτό το πρόγραμμα περιήγησης",speechToTextOff:"Διακοπή φωνητικής υπαγόρευσης",speechToTextOn:"Έναρξη φωνητικής υπαγόρευσης"},k={decrease:"Decrease",hidePassword:"Hide password",increase:"Increase",showPassword:"Show password",speechToTextError:"Voice dictation is not supported by this browser",speechToTextOff:"Stop voice dictation",speechToTextOn:"Start voice dictation"},z={decrease:"Disminuir",hidePassword:"Ocultar contraseña",increase:"Aumentar",showPassword:"Mostrar contraseña",speechToTextError:"El dictado por voz no es compatible con este navegador",speechToTextOff:"Detener dictado por voz",speechToTextOn:"Iniciar dictado por voz"},M={decrease:"Diminuisci",hidePassword:"Nascondi password",increase:"Aumenta",showPassword:"Visualizza password",speechToTextError:"Dettatura vocale non supportata da questo browser",speechToTextOff:"Ferma dettatura vocale",speechToTextOn:"Inizia dettatura vocale"};const L=()=>null,T=t=>t.length>0?null:{required:""},N=t=>{if(""===t)return null;if(Number.isNaN(t.slice(0,-1))||10!==t.length&&13!==t.length)return{"isbn-error":"formato isbn non correto"};const e=t.split("").map((t=>"X"===t?10:Number(t)));let i=0;return i=10===t.length?e.reduce(((t,e,i)=>t+(10-i)*e),0)%11:e.reduce(((t,e,i)=>t+e*(i%2==0?1:3)),0)%10,0===i?null:{"isbn-error":"codice isbn non valido"}};class V{constructor(){this._validators=[],this._errors=null,this.isValid=!0}addValidator(t){Array.isArray(t)?this._validators.push(...t):this._validators.push(t)}_hasValidator(t,e){return Array.isArray(t)?t.includes(e):t===e}hasValidator(t){return t?this._hasValidator(this._validators,t):this._validators.length>0}removeValidator(t){this._validators=this._validators.filter((e=>!this._hasValidator(t,e)))}validate(t){const e=this._validators.map((e=>e(t))).reduce(((t,e)=>Object.assign(Object.assign({},t),e)),L);this._errors=0===Object.keys(e).length?null:e,this.isValid=!this._errors}get errors(){return this._errors}}class C{}C.CF_Regex=/^(?:[A-Z][AEIOU][AEIOUX]|[AEIOU]X{2}|[B-DF-HJ-NP-TV-Z]{2}[A-Z]){2}(?:[\dLMNP-V]{2}(?:[A-EHLMPR-T](?:[04LQ][1-9MNP-V]|[15MR][\dLMNP-V]|[26NS][0-8LMNP-U])|[DHPS][37PT][0L]|[ACELMRT][37PT][01LM]|[AC-EHLMPR-T][26NS][9V])|(?:[02468LNQSU][048LQU]|[13579MPRTV][26NS])B[26NS][9V])(?:[A-MZ][1-9MNP-V][\dLMNP-V]{2}|[A-M][0L](?:[1-9MNP-V][\dLMNP-V]|[0L][1-9MNP-V]))[A-Z]$/i,C.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A",C.CC_MASK="9999-9999-9999-9999";class A{constructor(t){this.validator=new V,this.pattern=t}mask(t){if(!this.pattern)throw new Error("no pattern found, set pattern before mask")}isValid(t){return this.validator.validate(t),this.validator.isValid}}const P=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changeEvent=i(this,"mdsInputChange",7),this.keyDownEvent=i(this,"mdsInputKeydown",7),this.blurEvent=i(this,"mdsInputBlur",7),this.focusEvent=i(this,"mdsInputFocus",7),this.speechEvent=i(this,"mdsInputSpeechEnd",7),this.validationEvent=i(this,"mdsInputValidation",7),this.internals=this.attachInternals(),this.speechToTextIcon=w,this.hasFocus=!1,this.isRecording=!1,this.countVariant="count-empty",this.isPasswordVisible=!1,this.t=new h({el:y,en:k,es:z,it:M}),this.autocomplete="off",this.autofocus=!1,this.await=!1,this.controlsLayout="vertical",this.controlsIcon="arrow",this.disabled=!1,this.readonly=!1,this.required=!1,this.variant="primary",this.type="text",this.typography="detail",this.value="",this.countMaxLength=()=>{var t,e,i;if(void 0===this.maxlength||0===this.maxlength||Number.isNaN(this.maxlength))return;if(void 0===this.value)return;this.currentLengthLabel=`${null!==(e=null===(t=this.value)||void 0===t?void 0:t.length)&&void 0!==e?e:0} / ${this.maxlength}`;const r=Math.round(100*this.value.length/this.maxlength);this.countVariant=(null===(i=this.value)||void 0===i?void 0:i.length)!==this.maxlength?r>=100?"count-full":r>=75?"count-almost-full":r>=50?"count-almost":r>=25?"count-incomplete":"count-empty":"count-full"},this.onInput=t=>{const e=t.target;e&&(this.value=e.value,this.internals.setFormValue(this.value)),this.keyDownEvent.emit(t)},this.onBlur=()=>{this.hasFocus=!1,this.validateInput(),this.blurEvent.emit()},this.onFocus=t=>{const e=t.target;this.hasFocus=!0,this.focusEvent.emit(),this.readonly&&setTimeout((()=>{e.select()}),10)},this.stepUp=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepUp(),this.value=this.nativeInput.value)},this.stepDown=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepDown(),this.value=this.nativeInput.value)},this.toggleTextRecognition=()=>{if(this.isRecording=!this.isRecording,!this.isRecording)return this.speechToTextLabel=this.t.get("speechToTextOn"),this.speechToTextIcon=w,void this.stopRecognition();this.speechToTextLabel=this.t.get("speechToTextOff"),this.speechToTextIcon=l,this.startRecognition()},this.onSpeechRecognitionError=()=>{console.error("SpeechRecognition API may not work properly on Chrome based browsers."),this.speechButton.classList.remove("mic-toggle-button--recording"),this.speechButton.classList.add("toggle-button--error"),this.isRecording=!1,this.speechToTextLabel=this.t.get("speechToTextError"),this.speechToTextIcon='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3c-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3c.23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52c-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28a7.13 7.13 0 0 0 2.55-.9l4.2 4.2l1.41-1.41L4.41 2.86z"/></svg>'},this.startRecognition=()=>{var t,e,i;null==this.speechButton&&(this.speechButton=null===(e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===e?void 0:e.querySelector(".mic-toggle-button"));const r=null!==(i=window.SpeechRecognition)&&void 0!==i?i:window.webkitSpeechRecognition;if(this.value="",!r)return void this.onSpeechRecognitionError();this.recognition=new r,this.recognition.continuous=!0,this.recognition.lang=navigator.language||"it-IT",this.recognition.interimResults=!0,this.recognition.maxAlternatives=1;let o="",s=0;this.recognition.onresult=t=>{const e=t.results[s];if(e.isFinal)return o+=e[0].transcript,this.value=o,void(s+=1);this.value=o+e[0].transcript},this.recognition.onerror=t=>{console.error("SpeechRecognition API error:",t.error),this.onSpeechRecognitionError()},this.recognition.start()},this.stopRecognition=()=>{this.recognition&&(this.recognition.stop(),this.speechEvent.emit())}}async updateLang(){this.language=this.t.lang(this.el),this.t.update()}formResetCallback(){this.internals.setFormValue("")}connectedCallback(){this.datalistId=`datalist-${u()}`}componentWillLoad(){var t;if(this.language=this.t.lang(this.el),this.speechToTextLabel=this.t.get("speechToTextOn"),this.el.hasAttribute("tabindex")){const t=this.el.getAttribute("tabindex");this.tabindex=null!==t?parseInt(t):void 0,this.el.removeAttribute("tabindex")}this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),this.maxLengthChanged(this.maxlength),this.isValid=!(this.required&&""===this.value)}componentDidLoad(){var t,e,i;this.inputValidation=function(t){let e;switch(t){case"tel":case"url":case"piva":default:e=new A("");break;case"cc":e=new A(C.CC_MASK);break;case"cf":e=new A(C.CF_MASK),e.validator.addValidator((t=>""===t||C.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"})),e.validator.addValidator((t=>""===t||16===t.length?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}));break;case"isbn":e=new A,e.validator.addValidator(N)}return e}(this.type),this.setValidators(),null===(t=this.nativeInput)||void 0===t||t.setAttribute("pattern",String(this.inputValidation.pattern)),this.autofocus&&(null===(e=this.nativeInput)||void 0===e||e.focus()),this.variantChanged(null!==(i=this.variant)&&void 0!==i?i:"primary")}setValidators(){var t,e,i;this.required&&this.inputValidation.validator.addValidator(T),""===this.max||0===Number(this.max)||Number.isNaN(Number(this.max))||this.inputValidation.validator.addValidator((t=Number(this.max),e=>{if(""===e||null===t)return null;const i=parseFloat(e);return!isNaN(i)&&i>t?{max:`valore massimo ${t}`}:null})),""===this.min||0===Number(this.min)||Number.isNaN(Number(this.min))||this.inputValidation.validator.addValidator((e=Number(this.max),t=>{if(""===t||null===e)return null;const i=parseFloat(t);return!isNaN(i)&&i<e?{min:`valore minimo ${e}`}:null})),void 0===this.maxlength||0===this.maxlength||Number.isNaN(this.maxlength)||this.inputValidation.validator.addValidator((i=this.maxlength,t=>""===t||null===i?null:t.length>i?{minLenght:`La lunghezza massima accettata è ${i}`}:null)),void 0===this.minlength||0===this.minlength||Number.isNaN(this.minlength)||this.inputValidation.validator.addValidator((t=>e=>""===e||null===t?null:e.length<t?{minLenght:`La lunghezza minima accettata è ${t}`}:null)(this.minlength))}valueChanged(){var t;this.changeEvent.emit({value:this.value}),this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),void 0!==this.maxlength&&this.countMaxLength(),""!==this.value&&(this.isValid||this.validateInput())}variantChanged(t){"ai"===t&&void 0===this.icon&&(this.icon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M10 11H8V8h2zM16 11h-2V8h2z"/>\n  <path fill-rule="evenodd" d="M21.544 10.436a3 3 0 0 1 0 3.128l-3.667 6A3 3 0 0 1 15.317 21H8.683a3 3 0 0 1-2.56-1.436l-3.666-6a3 3 0 0 1 0-3.128l3.667-6A3 3 0 0 1 8.683 3h6.635a3 3 0 0 1 2.56 1.436zM4.162 11.479a1 1 0 0 0 0 1.043l3.668 6a1 1 0 0 0 .853.478h6.634a1 1 0 0 0 .853-.479l3.667-6a1 1 0 0 0 0-1.042l-3.667-6A1 1 0 0 0 15.317 5H8.683a1 1 0 0 0-.853.479z" clip-rule="evenodd"/>\n  <path d="M16.707 14.707C15.477 15.937 13.698 16.5 12 16.5s-3.477-.563-4.707-1.793l1.414-1.414c.77.77 1.991 1.207 3.293 1.207s2.523-.437 3.293-1.207z"/>\n</svg>\n')}maxLengthChanged(t){void 0!==t&&(t<=0?this.maxlength=void 0:this.countMaxLength())}async addValidator(t){return this.inputValidation.validator.addValidator(t),Promise.resolve()}async removeValidator(t){this.inputValidation.validator.removeValidator(t)}async hasValidator(t){return this.inputValidation.validator.hasValidator(t)}async getErrors(){return Promise.resolve(this.inputValidation.validator.errors)}validateInput(){return this.inputValidation.validator.hasValidator()&&(this.isValid=this.inputValidation.isValid(this.value),this.variant=""!==this.value||this.required?this.isValid?"success":"error":"primary",this.validationEvent.emit(this.isValid)),this.isValid}disabledChanged(t){t&&this.internals.setFormValue(null)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}componentWillRender(){this.t.lang(this.el)}render(){var t,e,i;return r(o,{key:"ad6a22b8162d976d62a9991054934c71c218c500"},"number"===this.type&&"horizontal"===this.controlsLayout&&r("mds-button",{key:"68c91a11f6c37cea5e21c9695522e45213050d45",class:"counter-button counter-button--horizontal counter-button--decrease",icon:"arrow"===this.controlsIcon?n:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",tone:"text",part:"counter-button-decrease"}),"textarea"===this.type?r("textarea",{class:a("input",(null!==(t=this.icon)&&void 0!==t?t:this.await)&&"has-icon",this.mic&&"has-right-icon"),autoFocus:this.autofocus,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,tabIndex:this.tabindex,value:this.value}):r("input",{class:a("input",(null!==(e=this.icon)&&void 0!==e?e:this.await)&&"has-icon",this.mic&&"has-right-icon"),autoComplete:this.autocomplete,autoFocus:this.autofocus,disabled:this.disabled,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,list:this.datalistId,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,step:this.step,tabIndex:this.tabindex,type:"password"===this.type&&this.isPasswordVisible?"text":this.type,value:this.value}),"number"===this.type&&"vertical"===this.controlsLayout&&r("div",{key:"fd2b20e2a3ed42a61b6728fcadfd305f34c6a446",class:"counter counter--vertical"},r("mds-button",{key:"48a253a2ca7e4ee58228c0a6df600ef366e984cc",class:"counter-button",icon:"arrow"===this.controlsIcon?c:x,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),variant:"dark",size:"sm",tone:"text",part:"counter-button-increase"}),r("mds-button",{key:"0a6b850aae842b24dc4f7ef8988a75990de136aa",class:"counter-button",icon:"arrow"===this.controlsIcon?n:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",size:"sm",tone:"text",part:"counter-button-decrease"})),"number"===this.type&&"horizontal"===this.controlsLayout&&r("mds-button",{key:"ea3e0594d7a31601bbe20cc4e38afd4bec6cdff7",class:"counter-button counter-button--horizontal counter-button--increase",variant:"dark",tone:"text",icon:"arrow"===this.controlsIcon?c:x,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),"password"===this.type&&r("mds-button",{key:"bf34d6df82fc3e960fbcbc3067d92b433b42accd",class:"password-toggle-button",variant:"dark",tone:"text",icon:this.isPasswordVisible?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5c0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28l.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22L21 20.73L3.27 3L2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65c0 1.66 1.34 3 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53c-2.76 0-5-2.24-5-5c0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15l.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/></svg>',onClick:()=>this.isPasswordVisible=!this.isPasswordVisible,tabindex:"0",title:this.t.get(this.isPasswordVisible?"hidePassword":"showPassword"),part:"password-toggle-button"}),"password"===this.type&&!this.isPasswordVisible&&(null===(i=this.value)||void 0===i?void 0:i.length)>0&&r("div",{key:"99ec0f020348a5de910ab91fd42e1bd4484e4aff",class:"password-mask"},r("div",{key:"3551407dcbde2547391f940c3a010a7c0855ef85",class:"password-mask-items",part:"password-mask-items"},Array.from({length:this.value.length}).map(((t,e)=>r("div",{key:e,class:"password-mask-item",part:"password-mask-item"}))))),this.mic&&r("mds-button",{key:"49dbb6cffac109437ac5de7357a1a995d9c9d22f",class:a("mic-toggle-button",this.isRecording&&"mic-toggle-button--recording"),icon:this.speechToTextIcon,onClick:()=>this.toggleTextRecognition(),tabindex:"0",title:this.speechToTextLabel,variant:"dark",tone:"text",part:"mic-toggle-button"}),r("mds-input-tip",{key:"a81de1242c891bc7a82d6a213e854af3b7f7e6b6",lang:this.language,position:"top",active:this.hasFocus,part:"tip-top"},this.disabled&&r("mds-input-tip-item",{key:"b6ec44b88905eded511cf192504853c5e7eaa287",expanded:!0,variant:"disabled"}),this.readonly&&r("mds-input-tip-item",{key:"ce523b25baf2300715d12b5bef5c0842d2a19fd9",expanded:!0,variant:"readonly"}),this.required&&r("mds-input-tip-item",{key:"7aa2b62701797678d32bdb43f7c0d3c0da47443c",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),r("mds-input-tip",{key:"17cf961c116164a7266e5541693dc00435b72e16",lang:this.language,position:"bottom",active:this.hasFocus,part:"tip-bottom"},this.tip&&r("mds-input-tip-item",{key:"e604b97d70fd47ee4a9681272a1a95f1aafc3a82",expanded:!0,variant:"text"},this.tip),this.maxlength&&r("mds-input-tip-item",{key:"572470935113d9182e9d96c0ef743d4c30ffbf22",part:"tip-count",expanded:!0,variant:this.countVariant},this.currentLengthLabel)),this.datalist&&r("datalist",{key:"1501e7a01bc73103691be34570420ab8f2601e75",id:this.datalistId,class:"datalist"},this.datalist.map(((t,e)=>r("option",{key:e,value:t})))),this.icon&&!this.await&&r("mds-icon",{key:"5e3eb451e9d1bbc2d1c2c253c8baa80b5ba8a9ed",class:a("icon",this.variant),name:this.icon}),r("mds-spinner",{key:"f0606534fb2a0b698a28548d48352e5429302d1b",running:this.await,class:a("await",this.variant)}))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged: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 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-background:rgb(var(--tone-neutral,0 0 0));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-icon-color:var(--mds-input-variant-color-rgb,0 0 0);--mds-input-variant-color-rgb:0 0 0;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-textarea-field-sizing:content}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-icon,mds-input-tip,mds-input-tip-item,mds-spinner):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-variant-color-rgb{syntax:"<integer>+";inherits:false;initial-value:0 0 0}@property --mds-input-textarea-resize{syntax:"none|vertical";inherits:false;initial-value:none}@property --mds-input-textarea-field-sizing{syntax:"content|fixed";inherits:false;initial-value:content}:host{--mds-input-background:rgb(var(--tone-neutral,0 0 0));--mds-input-icon-color:rgb(var(--variant-primary-03,211 226 255));--mds-input-placeholder-default-color:rgb(var(--tone-neutral-06,158 158 158));--mds-input-placeholder-focus-color:rgb(var(--tone-neutral-07,134 134 134));--mds-input-placeholder-hover-color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));--mds-input-ring:0 0 0 1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1);--mds-input-shadow:0 1px 3px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 1px 2px 0 rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06);--mds-input-textarea-field-sizing:content;--mds-input-textarea-resize:none;--mds-input-textarea-max-height:calc(var(--spacing,.0025rem)*6400);--mds-input-textarea-min-height:calc(var(--spacing,.0025rem)*2400);--mds-input-tip-background:rgb(var(--tone-neutral-03,233 233 233));--mds-input-tip-horizontal-offset-focused:calc(var(--spacing,.0025rem)*100);--mds-input-tip-horizontal-offset:calc(var(--spacing,.0025rem)*100);--mds-input-tip-vertical-offset:calc(var(--spacing,.0025rem)*100);--mds-input-variant-color-rgb:var(--variant-primary-03,211 226 255);--mds-input-border-radius:var(--radius-xl,20px);--mds-input-controls-border:2px solid rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-color:rgb(var(--tone-neutral-03,233 233 233));border-radius:var(--mds-input-border-radius);corner-shape:var(--magma-corner-shape,round);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));gap:calc(var(--spacing,.0025rem)*200);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;container-type:inline-size;display:flex;position:relative;--mds-input-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-input-variant-color-rgb:0 0 0}:host([typography=detail]) .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}:host([typography=snippet]) .input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:inherit;-webkit-box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-shadow:var(--mds-input-ring),var(--mds-input-shadow);box-sizing:border-box;color:rgb(var(--tone-neutral-02,244 244 244));corner-shape:inherit;border:0;margin:0;max-width:100%;min-height:3rem;overflow:hidden;padding:calc(var(--spacing,.0025rem)*300) calc(var(--spacing,.0025rem)*400);text-overflow:ellipsis;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color,border-color,box-shadow,color,fill,margin,opacity,padding,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));width:100%}.input::-webkit-input-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-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:-ms-placeholder-shown{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::-moz-placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));transition-duration:var(--duration-300,.3s);transition-property:color;transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1))}.input::placeholder{color:var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158)));-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:color;-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:hover::placeholder{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:hover:-ms-placeholder-shown{color:var(--mds-input-placeholder-hover-color,var(--mds-input-placeholder-default-color,rgb(var(--tone-neutral-06,158 158 158))))}.input:focus::placeholder{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input:focus:-ms-placeholder-shown{color:var(--mds-input-placeholder-focus-color,rgb(var(--tone-neutral-07,134 134 134)))}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{appearance:none;display:none;margin:0}:host textarea.input,:host([typography]) textarea.input{border-radius:var(--radius-xs,8px);field-sizing:var(--mds-input-textarea-field-sizing,content);max-height:var(--mds-input-textarea-max-height,calc(var(--spacing,.0025rem)*6400));min-height:var(--mds-input-textarea-min-height,calc(var(--spacing,.0025rem)*2400));overflow:auto;resize:var(--mds-input-textarea-resize,none)}@container style(--mds-input-textarea-resize:none){:host textarea.input,:host([typography]) textarea.input{border-bottom-right-radius:0}}.input:focus{--tw-outline-style:none;outline-style:none;--mds-input-ring:0 0 0 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/1);--mds-input-shadow:0 4px 6px 3px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.1),0 2px 4px -1px rgb(var(--mds-input-variant-color-rgb,0 0 0)/.06)}.input:disabled{background-color:rgb(var(--tone-neutral-10,60 60 60))}.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled:-ms-placeholder-shown{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled::-moz-placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input:disabled,.input:disabled::placeholder{color:rgb(var(--tone-neutral-05,197 197 197))}.input.has-icon{padding-left:calc(var(--spacing,.0025rem)*1100)}.input.has-right-icon{padding-right:calc(var(--spacing,.0025rem)*1100)}.await,.icon{fill:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));left:calc(var(--spacing,.0025rem)*300);position:absolute;top:calc(var(--spacing,.0025rem)*300)}.await{color:var(--mds-input-icon-color,var(--mds-input-variant-color-rgb,0 0 0));height:24px;width:24px}.counter{border-left:var(--mds-input-controls-border);display:flex;flex-direction:column;gap:0;position:absolute;right:0}.counter-button{aspect-ratio:unset;border:0;border-radius:var(--mds-input-border-radius);fill:var(--mds-input-controls-color);height:calc(var(--spacing,.0025rem)*600);min-height:0;width:calc(var(--spacing,.0025rem)*700)}.counter .counter-button:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:var(--mds-input-border-radius)}.counter .counter-button:last-child{border-bottom-left-radius:0;border-bottom-right-radius:var(--mds-input-border-radius);border-top-left-radius:0;border-top-right-radius:0}.counter-button--horizontal{bottom:0;height:calc(var(--spacing,.0025rem)*1200);position:absolute;top:0;width:calc(var(--spacing,.0025rem)*1200)}.counter-button--decrease{border-bottom-right-radius:0;border-right:var(--mds-input-controls-border);border-top-right-radius:0;left:0}.counter-button--increase{border-bottom-left-radius:0;border-left:var(--mds-input-controls-border);border-top-left-radius:0;right:0}.mic-toggle-button,.password-toggle-button{fill:var(--mds-input-controls-color);position:absolute;right:calc(var(--spacing,.0025rem)*150);top:calc(var(--spacing,.0025rem)*150)}.toggle-button--error{cursor:help;fill:rgb(var(--tone-neutral-06,158 158 158))}.mic-toggle-button--recording{animation:var(--animate-pulse,pulse 2s cubic-bezier(.4,0,.6,1) infinite)}:host([type=number]) .input{-moz-appearance:textfield;padding-right:calc(var(--spacing,.0025rem)*800)}:host([type=number][controls-layout=horizontal]) .input{padding-left:calc(var(--spacing,.0025rem)*1400);padding-right:calc(var(--spacing,.0025rem)*1400);text-align:center}:host([type=number][controls-layout=horizontal][icon]) .input{padding-left:calc(var(--spacing,.0025rem)*2400);text-align:left}:host([type=number][controls-layout=horizontal]) .icon{left:calc(var(--spacing,.0025rem)*1500)}:host([type=password]) .input{padding-right:calc(var(--spacing,.0025rem)*1000)}:host([type=password]) .input[type=text]:not(:-moz-placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:-ms-placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=password]) .input[type=text]:not(:placeholder-shown){font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([type=cf]) .input{font-family:var(--font-code,"Roboto Mono","Courier New",monospace);font-size:var(--text-size-code-snippet,1rem);font-weight:var(--tw-font-weight,var(--text-size-code-snippet--font-weight,400));line-height:var(--tw-leading,var(--text-size-code-snippet--line-height,1.5rem));min-height:auto;text-box:trim-both text;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase}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}:host(:focus){--mds-input-icon-color:rgb(var(--variant-primary-05,152 188 255));--mds-input-variant-color-rgb:var(--variant-primary-04,184 208 255)}:host([variant=ai]){--mds-input-icon-color:rgb(var(--variant-ai-04,218 199 253));--mds-input-tip-background:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:0 0 0}:host([variant=ai]:focus){--mds-input-icon-color:rgb(var(--variant-ai-05,202 174 251));--mds-input-variant-color-rgb:var(--variant-ai-04,218 199 253)}:host([variant=info]){--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host([variant=info]:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host([variant=success]){--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host([variant=success]:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host([variant=warning]){--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host([variant=warning]:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=error]){--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host([variant=error]:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(mds-input-field[variant=info]):host{--mds-input-icon-color:rgb(var(--status-info-04,159 216 241));--mds-input-tip-background:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=info]):host(:focus){--mds-input-icon-color:rgb(var(--status-info-05,112 198 234));--mds-input-variant-color-rgb:var(--status-info-04,159 216 241)}:host-context(mds-input-field[variant=warning]):host{--mds-input-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-input-tip-background:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=warning]):host(:focus){--mds-input-icon-color:rgb(var(--status-warning-05,237 177 0));--mds-input-variant-color-rgb:var(--status-warning-04,255 200 33)}:host-context(mds-input-field[variant=success]):host{--mds-input-icon-color:rgb(var(--status-success-04,158 222 181));--mds-input-tip-background:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=success]):host(:focus){--mds-input-icon-color:rgb(var(--status-success-05,107 206 147));--mds-input-variant-color-rgb:var(--status-success-04,158 222 181)}:host-context(mds-input-field[variant=error]):host{--mds-input-icon-color:rgb(var(--status-error-04,254 193 189));--mds-input-tip-background:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:0 0 0}:host-context(mds-input-field[variant=error]):host(:focus){--mds-input-icon-color:rgb(var(--status-error-05,250 165 160));--mds-input-variant-color-rgb:var(--status-error-04,254 193 189)}:host-context(:root.pref-animation-reduce) .input{transition-duration:0s}:host-context(:root.pref-contrast-more){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:host-context(:root.pref-contrast-more) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-input-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}.password-mask{align-items:center;background-color:var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)));border-radius:var(--radius-xs,8px);bottom:0;display:flex;gap:calc(var(--spacing,.0025rem)*50);height:100%;justify-content:start;left:0;overflow:hidden;padding-left:calc(var(--spacing,.0025rem)*500);pointer-events:none;position:absolute;right:calc(var(--spacing,.0025rem)*1200);top:0}.password-mask:before{background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(var(--mds-input-background,rgb(var(--tone-neutral,0 0 0)))));background-image:linear-gradient(to right,transparent,var(--mds-input-background,rgb(var(--tone-neutral,0 0 0))));bottom:0;content:"";display:inline-flex;position:absolute;right:0;top:0;width:calc(var(--spacing,.0025rem)*600)}.password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107)/0);display:inline-flex;gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*100)}.password-mask-item,.password-mask-items{border-radius:1000px;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:background-color;-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))}.password-mask-item{background-color:rgb(var(--tone-neutral-03,233 233 233));height:calc(var(--spacing,.0025rem)*200);width:calc(var(--spacing,.0025rem)*200)}:host(:focus-within) .password-mask-items{background-color:rgb(var(--tone-neutral-08,107 107 107))}@keyframes pulse{50%{opacity:.5}}@media (forced-colors:active){.input:focus{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]))) .input{transition-duration:0s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-input-ring:var(--shadow-outline-strong-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-05,197 197 197))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input::placeholder{color:rgb(var(--tone-neutral-03,233 233 233))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .input:-ms-placeholder-shown{color:rgb(var(--tone-neutral-03,233 233 233))}}@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-ring:var(--shadow-outline-50);--mds-input-background:rgb(var(--tone-neutral-09,76 76 76));--mds-input-controls-border:2px solid rgb(var(--tone-neutral-06,158 158 158))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .counter-button:hover{--mds-button-background:rgb(var(--tone-neutral-08,107 107 107))}}'}},[65,"mds-input",{autocomplete:[513],autofocus:[516],await:[516],controlsLayout:[513,"controls-layout"],controlsIcon:[513,"controls-icon"],datalist:[16],disabled:[516],icon:[1537],max:[520],maxlength:[1538],mic:[516],min:[520],minlength:[514],name:[513],pattern:[513],placeholder:[513],readonly:[516],required:[516],variant:[1537],tip:[513],step:[513],type:[513],typography:[513],value:[1537],hasFocus:[32],language:[32],isRecording:[32],currentLengthLabel:[32],countVariant:[32],isPasswordVisible:[32],updateLang:[64],addValidator:[64],removeValidator:[64],hasValidator:[64],getErrors:[64],setFocus:[64],getInputElement:[64]},void 0,{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged:0}]}]);function E(){"undefined"!=typeof customElements&&["mds-input","mds-button","mds-icon","mds-input-tip","mds-input-tip-item","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-input":customElements.get(s(t))||customElements.define(s(t),P);break;case"mds-button":customElements.get(s(t))||p();break;case"mds-icon":customElements.get(s(t))||m();break;case"mds-input-tip":customElements.get(s(t))||g();break;case"mds-input-tip-item":customElements.get(s(t))||v();break;case"mds-spinner":customElements.get(s(t))||b();break;case"mds-text":customElements.get(s(t))||f()}}))}export{P as M,E as d}

package/dist/components/mds-keyboard-key.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as a,h as i,Host as t,transformTag as o}from"@stencil/core/internal/client";import{k as r}from"./keys.js";import{L as s}from"./locale.js";import{m as n}from"./broken-image.js";import{m as c}from"./keyboard-arrow-down.js";import{m as d}from"./keyboard-arrow-up.js";import{m as l}from"./keyboard-arrow-right.js";import{d as m}from"./mds-icon2.js";import{d as h}from"./mds-text2.js";var p={keyCharacter:"Αλφαβητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου",keyFunction:"Πλήκτρο λειτουργίας {{ character }} που χρησιμοποιείται συχνά για καθολικές λειτουργίες ανάλογα με το λειτουργικό σύστημα και την έκδοσή του",keyNumber:"Αριθμητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου",modAlt:"Πλήκτρο τροποποίησης Alt{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}} (εναλλακτικό), που χρησιμοποιείται συχνά για συντομεύσεις συστήματος",modControl:"Πλήκτρο τροποποίησης Control ή Ctrl{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται σε πολλές συντομεύσεις",modMeta:"Πλήκτρο τροποποίησης Meta{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, πλήκτρο Windows ⊞ στα Windows ή Command ⌘ στο macOS",modShift:"Πλήκτρο τροποποίησης Shift{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται για κεφαλαία γράμματα",navArrowDown:"Πλήκτρο πλοήγησης Κάτω βέλος",navArrowLeft:"Πλήκτρο πλοήγησης Αριστερό βέλος",navArrowRight:"Πλήκτρο πλοήγησης Δεξί βέλος",navArrowUp:"Πλήκτρο πλοήγησης Πάνω βέλος",navEnd:"Πλήκτρο πλοήγησης Μετάβαση στο τέλος",navHome:"Πλήκτρο πλοήγησης Μετάβαση στην αρχή",navPageDown:"Πλήκτρο πλοήγησης Κύλιση προς τα κάτω",navPageUp:"Πλήκτρο πλοήγησης Κύλιση προς τα πάνω",numPadEnter:"Πλήκτρο Enter αριθμητικού πληκτρολογίου για επιβεβαίωση ενέργειας",specBackspace:"Ειδικό πλήκτρο Διαγραφή χαρακτήρα",specCapsLock:"Ειδικό πλήκτρο Caps Lock (συνήθως αποφεύγεται στις συντομεύσεις πληκτρολογίου)",specDelete:"Ειδικό πλήκτρο Διαγραφή επιλεγμένου στοιχείου",specEnter:"Ειδικό πλήκτρο Enter για επιβεβαίωση ενέργειας",specEscape:"Ειδικό πλήκτρο Έξοδος ή ακύρωση",specSpace:"Ειδικό πλήκτρο Διάστημα",specTab:"Ειδικό πλήκτρο Tab για εναλλαγή εστίασης μεταξύ στοιχείων"},g={keyCharacter:"Alphabetic character {{ character }} typically used for composing keyboard shortcuts",keyFunction:"Function key {{ character }} often used for global functions depending on the operating system and its version",keyNumber:"Numeric character {{ character }} typically used for composing keyboard shortcuts",modAlt:"Modifier key Alt{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}} (alternative), often used for system shortcuts",modControl:"Modifier key Control or Ctrl{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used in many shortcuts",modMeta:"Modifier key Meta{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, Windows ⊞ key on Windows or Command ⌘ on macOS",modShift:"Modifier key Shift{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used for uppercase letters",navArrowDown:"Navigation key Down Arrow",navArrowLeft:"Navigation key Left Arrow",navArrowRight:"Navigation key Right Arrow",navArrowUp:"Navigation key Up Arrow",navEnd:"Navigation key Go to End",navHome:"Navigation key Go to Home",navPageDown:"Navigation key Scroll Down",navPageUp:"Navigation key Scroll Up",numPadEnter:"Keypad Enter key to confirm an action",specBackspace:"Special key Delete character",specCapsLock:"Special key Caps Lock (generally avoided in keyboard shortcuts)",specDelete:"Special key Delete selected item",specEnter:"Special key Enter to confirm an action",specEscape:"Special key Exit or cancel",specSpace:"Special key Space bar",specTab:"Special key Tab to change focus between elements"},v={keyCharacter:"Carácter alfabético {{ character }} típicamente usado para componer atajos de teclado",keyFunction:"Tecla de función {{ character }} a menudo utilizada para funciones globales según el sistema operativo y su versión",keyNumber:"Carácter numérico {{ character }} típicamente usado para componer atajos de teclado",modAlt:"Tecla modificadora Alt{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}} (alternativa), a menudo usada para atajos de sistema",modControl:"Tecla modificadora Control o Ctrl{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada en muchos atajos",modMeta:"Tecla modificadora Meta{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, tecla Windows ⊞ en Windows o Command ⌘ en macOS",modShift:"Tecla modificadora Shift{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada para letras mayúsculas",navArrowDown:"Tecla de navegación Flecha abajo",navArrowLeft:"Tecla de navegación Flecha izquierda",navArrowRight:"Tecla de navegación Flecha derecha",navArrowUp:"Tecla de navegación Flecha arriba",navEnd:"Tecla de navegación Ir al final",navHome:"Tecla de navegación Ir al inicio",navPageDown:"Tecla de navegación Desplazar hacia abajo",navPageUp:"Tecla de navegación Desplazar hacia arriba",numPadEnter:"Tecla Enter del teclado numérico para confirmar una acción",specBackspace:"Tecla especial Borrar carácter",specCapsLock:"Tecla especial Bloq Mayús (generalmente evitada en atajos de teclado)",specDelete:"Tecla especial Eliminar elemento seleccionado",specEnter:"Tecla especial Enter para confirmar una acción",specEscape:"Tecla especial Salir o cancelar",specSpace:"Tecla especial Barra espaciadora",specTab:"Tecla especial Tab para cambiar el foco entre elementos"},y={keyCharacter:"Carattere alfabetico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera",keyFunction:"Tasto funzione {{ character }} spesso usato per funzioni globali a seconda del sistema operativo e della sua versione",keyNumber:"Carattere numerico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera",modAlt:"Tasto modificatore Alt{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}} (alternativo), spesso usato per shortcut di sistema",modControl:"Tasto modificatore Control o Ctrl{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato in molte scorciatoie",modMeta:"Tasto modificatore meta{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, Finestra ⊞ su Windows o Command ⌘ su macOS",modShift:"Tasto modificatore Shift{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato per maiuscole",navArrowDown:"Tasto navigazione Freccia giù",navArrowLeft:"Tasto navigazione Freccia sinistra",navArrowRight:"Tasto navigazione Freccia destra",navArrowUp:"Tasto navigazione Freccia su",navEnd:"Tasto navigazione Vai alla fine",navHome:"Tasto navigazione Vai all'inizio",navPageDown:"Tasto navigazione Scorri in giù",navPageUp:"Tasto navigazione Scorri in su",numPadEnter:"Tasto Invio per confermare una azione dal tastierino numerico",specBackspace:"Tasto speciale Cancella carattere",specCapsLock:"Tasto speciale Blocco maiuscole (generalmente evitato nelle scorciatoie da tastiera)",specDelete:"Tasto speciale Cancella elemento selezionato",specEnter:"Tasto speciale Invio per confermare una azione",specEscape:"Tasto speciale Esci o annulla",specSpace:"Tasto speciale Barra spaziatrice",specTab:"Tasto speciale Tab per cambiare focus tra elementi"},k='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5 3C15.57 3 14 4.57 14 6.5V8h-4V6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10H8v4H6.5C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5V16h4v1.5c0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5H16v-4h1.5c1.93 0 3.5-1.57 3.5-3.5S19.43 3 17.5 3zM16 8V6.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S18.33 8 17.5 8H16zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5S8 5.67 8 6.5V8H6.5zm3.5 6v-4h4v4h-4zm7.5 5c-.83 0-1.5-.67-1.5-1.5V16h1.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm-11 0c-.83 0-1.5-.67-1.5-1.5S5.67 16 6.5 16H8v1.5c0 .83-.67 1.5-1.5 1.5z"/></svg>',b='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 5h6v2h-6zM9 5H3v2h4.85l6.92 12H21v-2h-5.07z"/></svg>',u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z"/></svg>',w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7.07L2.4 12l4.66-7H22v14zm-11.59-2L14 13.41L17.59 17L19 15.59L15.41 12L19 8.41L17.59 7L14 10.59L10.41 7L9 8.41L12.59 12L9 15.59z"/></svg>',f='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-shift" viewBox="0 0 24 24"><path d="M15,18V12H17.17L12,6.83L6.83,12H9V18H15M12,4L22,14H17V20H7V14H2L12,4Z" /></svg>';const z=new Map;z.set("arrowdown",c),z.set("arrowleft",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6l6 6l1.41-1.41z"/></svg>'),z.set("arrowright",l),z.set("arrowup",d),z.set("command",k),z.set("commandleft",k),z.set("commandright",k),z.set("delete",w),z.set("capslock",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8.41L16.59 13L18 11.59l-6-6l-6 6L7.41 13L12 8.41zM6 18h12v-2H6v2z"/></svg>'),z.set("backspace",w),z.set("enter",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6l6 6l1.41-1.41L5.83 13H21V7z"/></svg>'),z.set("home",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 11h3v10h2V11h3l-4-4l-4 4zM4 3v2h16V3H4z"/></svg>'),z.set("end",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 13h-3V3h-2v10H8l4 4l4-4zM4 19v2h16v-2H4z"/></svg>'),z.set("option",b),z.set("optionleft",b),z.set("optionright",b),z.set("pagedown",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 15l-1.41-1.41L13 18.17V2h-2v16.17l-4.59-4.59L5 15l7 7l7-7z"/></svg>'),z.set("pageup",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 9l1.41 1.41L11 5.83V22h2V5.83l4.59 4.59L19 9l-7-7l-7 7z"/></svg>'),z.set("shift",f),z.set("shiftleft",f),z.set("shiftright",f),z.set("space",'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-space" viewBox="0 0 24 24"><path d="M3 15H5V19H19V15H21V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V15Z" /></svg>'),z.set("tab",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6l-6-6l-1.41 1.41zM20 6v12h2V6h-2z"/></svg>'),z.set("windows",u),z.set("windowsleft",u),z.set("windowsright",u);const x=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.t=new s({el:p,en:g,es:v,it:y}),this.keyboardKeys=r,this.getTitle=()=>{if(this.name)return this.t.get(this.keyboardKeys[this.name.toLowerCase()].description,{character:this.keyboardKeys[this.name.toLowerCase()].alias,keyboardPosition:this.keyboardKeys[this.name.toLowerCase()].keyboardPosition})}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}render(){var e,a,o,r;return i(t,{key:"90c476d6fb6883fd81c874fa7fdac6b909314caf",title:this.getTitle()},i("div",{key:"ef49ed137c5537e259ae6c27484d8e752fe5d0b9",class:"physical-key"},this.name&&z.has(this.name)?i("mds-icon",{name:null!==(e=z.get(this.name))&&void 0!==e?e:n,class:"shortcut-icon"}):i("mds-text",{class:"shortcut-text",typography:"detail"},this.name&&i("b",null,this.keyboardKeys[this.name].alias)),this.name&&(null===(a=this.keyboardKeys[this.name])||void 0===a?void 0:a.keyboardPosition)&&i("mds-text",{key:"926c22376dbb6157f51fe938647681f3aa2881ed",typography:"label"},(null===(o=this.keyboardKeys[this.name].keyboardPosition)||void 0===o?void 0:o.left)&&"l",(null===(r=this.keyboardKeys[this.name].keyboardPosition)||void 0===r?void 0:r.right)&&"r")))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s}}}@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-keyboard-key-transition-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.05)) inset;--mds-keyboard-key-illumination-light:0 var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50)) 0 0 rgb(255 255 255/var(--mds-keyboard-key-illumination-light-opacity,.5)) inset;--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s;--icon-size:calc(var(--spacing,.0025rem)*600);--key-size-default:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) * 2) + var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)));--key-size-pressed:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) * 2) + calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) * 2));corner-shape:var(--magma-corner-shape,round);align-items:flex-end;display:inline-flex;min-height:var(--key-size-default);min-width:var(--key-size-default)}.physical-key{background-color:var(--mds-keyboard-key-background,rgb(var(--tone-bisque-08,121 103 97)));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-sizing:border-box;corner-shape:inherit;align-items:baseline;display:inline-flex;flex-grow:1;flex-shrink:0;height:var(--key-size-default);justify-content:center;min-width:calc(var(--spacing,.0025rem)*1000);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100));position:relative;text-align:center;-webkit-transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-property:box-shadow,padding,height;-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}:host(:active) .physical-key,:host([pressed]:not([pressed=false])) .physical-key{--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.075)) inset;-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);height:var(--key-size-pressed);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))}:host([code=space]) .physical-key{min-width:calc(var(--key-size-default)*2)}mds-badge{background-color:#0000;color:currentColor;margin-left:calc(var(--spacing,.0025rem)*50);padding:0;white-space:nowrap}.shortcut-icon{fill:currentColor}.shortcut-text{color:currentColor;text-transform:capitalize;white-space:nowrap}'}},[1,"mds-keyboard-key",{name:[513],pressed:[516],language:[32],updateLang:[64]}]),T=x,L=function(){"undefined"!=typeof customElements&&["mds-keyboard-key","mds-icon","mds-text"].forEach((e=>{switch(e){case"mds-keyboard-key":customElements.get(o(e))||customElements.define(o(e),x);break;case"mds-icon":customElements.get(o(e))||m();break;case"mds-text":customElements.get(o(e))||h()}}))};export{T as MdsKeyboardKey,L as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as a,h as i,Host as t,transformTag as o}from"@stencil/core/internal/client";import{k as r}from"./keys.js";import{L as s}from"./locale.js";import{m as n}from"./broken-image.js";import{m as c}from"./keyboard-arrow-down.js";import{m as d}from"./keyboard-arrow-up.js";import{m as l}from"./keyboard-arrow-right.js";import{d as m}from"./mds-icon2.js";import{d as h}from"./mds-text2.js";var p={keyCharacter:"Αλφαβητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου",keyFunction:"Πλήκτρο λειτουργίας {{ character }} που χρησιμοποιείται συχνά για καθολικές λειτουργίες ανάλογα με το λειτουργικό σύστημα και την έκδοσή του",keyNumber:"Αριθμητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου",modAlt:"Πλήκτρο τροποποίησης Alt{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}} (εναλλακτικό), που χρησιμοποιείται συχνά για συντομεύσεις συστήματος",modControl:"Πλήκτρο τροποποίησης Control ή Ctrl{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται σε πολλές συντομεύσεις",modMeta:"Πλήκτρο τροποποίησης Meta{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, πλήκτρο Windows ⊞ στα Windows ή Command ⌘ στο macOS",modShift:"Πλήκτρο τροποποίησης Shift{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται για κεφαλαία γράμματα",navArrowDown:"Πλήκτρο πλοήγησης Κάτω βέλος",navArrowLeft:"Πλήκτρο πλοήγησης Αριστερό βέλος",navArrowRight:"Πλήκτρο πλοήγησης Δεξί βέλος",navArrowUp:"Πλήκτρο πλοήγησης Πάνω βέλος",navEnd:"Πλήκτρο πλοήγησης Μετάβαση στο τέλος",navHome:"Πλήκτρο πλοήγησης Μετάβαση στην αρχή",navPageDown:"Πλήκτρο πλοήγησης Κύλιση προς τα κάτω",navPageUp:"Πλήκτρο πλοήγησης Κύλιση προς τα πάνω",numPadEnter:"Πλήκτρο Enter αριθμητικού πληκτρολογίου για επιβεβαίωση ενέργειας",specBackspace:"Ειδικό πλήκτρο Διαγραφή χαρακτήρα",specCapsLock:"Ειδικό πλήκτρο Caps Lock (συνήθως αποφεύγεται στις συντομεύσεις πληκτρολογίου)",specDelete:"Ειδικό πλήκτρο Διαγραφή επιλεγμένου στοιχείου",specEnter:"Ειδικό πλήκτρο Enter για επιβεβαίωση ενέργειας",specEscape:"Ειδικό πλήκτρο Έξοδος ή ακύρωση",specSpace:"Ειδικό πλήκτρο Διάστημα",specTab:"Ειδικό πλήκτρο Tab για εναλλαγή εστίασης μεταξύ στοιχείων"},g={keyCharacter:"Alphabetic character {{ character }} typically used for composing keyboard shortcuts",keyFunction:"Function key {{ character }} often used for global functions depending on the operating system and its version",keyNumber:"Numeric character {{ character }} typically used for composing keyboard shortcuts",modAlt:"Modifier key Alt{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}} (alternative), often used for system shortcuts",modControl:"Modifier key Control or Ctrl{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used in many shortcuts",modMeta:"Modifier key Meta{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, Windows ⊞ key on Windows or Command ⌘ on macOS",modShift:"Modifier key Shift{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used for uppercase letters",navArrowDown:"Navigation key Down Arrow",navArrowLeft:"Navigation key Left Arrow",navArrowRight:"Navigation key Right Arrow",navArrowUp:"Navigation key Up Arrow",navEnd:"Navigation key Go to End",navHome:"Navigation key Go to Home",navPageDown:"Navigation key Scroll Down",navPageUp:"Navigation key Scroll Up",numPadEnter:"Keypad Enter key to confirm an action",specBackspace:"Special key Delete character",specCapsLock:"Special key Caps Lock (generally avoided in keyboard shortcuts)",specDelete:"Special key Delete selected item",specEnter:"Special key Enter to confirm an action",specEscape:"Special key Exit or cancel",specSpace:"Special key Space bar",specTab:"Special key Tab to change focus between elements"},v={keyCharacter:"Carácter alfabético {{ character }} típicamente usado para componer atajos de teclado",keyFunction:"Tecla de función {{ character }} a menudo utilizada para funciones globales según el sistema operativo y su versión",keyNumber:"Carácter numérico {{ character }} típicamente usado para componer atajos de teclado",modAlt:"Tecla modificadora Alt{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}} (alternativa), a menudo usada para atajos de sistema",modControl:"Tecla modificadora Control o Ctrl{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada en muchos atajos",modMeta:"Tecla modificadora Meta{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, tecla Windows ⊞ en Windows o Command ⌘ en macOS",modShift:"Tecla modificadora Shift{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada para letras mayúsculas",navArrowDown:"Tecla de navegación Flecha abajo",navArrowLeft:"Tecla de navegación Flecha izquierda",navArrowRight:"Tecla de navegación Flecha derecha",navArrowUp:"Tecla de navegación Flecha arriba",navEnd:"Tecla de navegación Ir al final",navHome:"Tecla de navegación Ir al inicio",navPageDown:"Tecla de navegación Desplazar hacia abajo",navPageUp:"Tecla de navegación Desplazar hacia arriba",numPadEnter:"Tecla Enter del teclado numérico para confirmar una acción",specBackspace:"Tecla especial Borrar carácter",specCapsLock:"Tecla especial Bloq Mayús (generalmente evitada en atajos de teclado)",specDelete:"Tecla especial Eliminar elemento seleccionado",specEnter:"Tecla especial Enter para confirmar una acción",specEscape:"Tecla especial Salir o cancelar",specSpace:"Tecla especial Barra espaciadora",specTab:"Tecla especial Tab para cambiar el foco entre elementos"},y={keyCharacter:"Carattere alfabetico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera",keyFunction:"Tasto funzione {{ character }} spesso usato per funzioni globali a seconda del sistema operativo e della sua versione",keyNumber:"Carattere numerico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera",modAlt:"Tasto modificatore Alt{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}} (alternativo), spesso usato per shortcut di sistema",modControl:"Tasto modificatore Control o Ctrl{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato in molte scorciatoie",modMeta:"Tasto modificatore meta{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, Finestra ⊞ su Windows o Command ⌘ su macOS",modShift:"Tasto modificatore Shift{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato per maiuscole",navArrowDown:"Tasto navigazione Freccia giù",navArrowLeft:"Tasto navigazione Freccia sinistra",navArrowRight:"Tasto navigazione Freccia destra",navArrowUp:"Tasto navigazione Freccia su",navEnd:"Tasto navigazione Vai alla fine",navHome:"Tasto navigazione Vai all'inizio",navPageDown:"Tasto navigazione Scorri in giù",navPageUp:"Tasto navigazione Scorri in su",numPadEnter:"Tasto Invio per confermare una azione dal tastierino numerico",specBackspace:"Tasto speciale Cancella carattere",specCapsLock:"Tasto speciale Blocco maiuscole (generalmente evitato nelle scorciatoie da tastiera)",specDelete:"Tasto speciale Cancella elemento selezionato",specEnter:"Tasto speciale Invio per confermare una azione",specEscape:"Tasto speciale Esci o annulla",specSpace:"Tasto speciale Barra spaziatrice",specTab:"Tasto speciale Tab per cambiare focus tra elementi"},k='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5 3C15.57 3 14 4.57 14 6.5V8h-4V6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5S4.57 10 6.5 10H8v4H6.5C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5V16h4v1.5c0 1.93 1.57 3.5 3.5 3.5s3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5H16v-4h1.5c1.93 0 3.5-1.57 3.5-3.5S19.43 3 17.5 3zM16 8V6.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5S18.33 8 17.5 8H16zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5S8 5.67 8 6.5V8H6.5zm3.5 6v-4h4v4h-4zm7.5 5c-.83 0-1.5-.67-1.5-1.5V16h1.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5zm-11 0c-.83 0-1.5-.67-1.5-1.5S5.67 16 6.5 16H8v1.5c0 .83-.67 1.5-1.5 1.5z"/></svg>',u='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 5h6v2h-6zM9 5H3v2h4.85l6.92 12H21v-2h-5.07z"/></svg>',b='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3h8v8H3zm10 0h8v8h-8zM3 13h8v8H3zm10 0h8v8h-8z"/></svg>',w='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7.07L2.4 12l4.66-7H22v14zm-11.59-2L14 13.41L17.59 17L19 15.59L15.41 12L19 8.41L17.59 7L14 10.59L10.41 7L9 8.41L12.59 12L9 15.59z"/></svg>',f='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-shift" viewBox="0 0 24 24"><path d="M15,18V12H17.17L12,6.83L6.83,12H9V18H15M12,4L22,14H17V20H7V14H2L12,4Z" /></svg>';const z=new Map;z.set("arrowdown",c),z.set("arrowleft",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6l6 6l1.41-1.41z"/></svg>'),z.set("arrowright",l),z.set("arrowup",d),z.set("command",k),z.set("commandleft",k),z.set("commandright",k),z.set("delete",w),z.set("capslock",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8.41L16.59 13L18 11.59l-6-6l-6 6L7.41 13L12 8.41zM6 18h12v-2H6v2z"/></svg>'),z.set("backspace",w),z.set("enter",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 7v4H5.83l3.58-3.59L8 6l-6 6l6 6l1.41-1.41L5.83 13H21V7z"/></svg>'),z.set("home",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 11h3v10h2V11h3l-4-4l-4 4zM4 3v2h16V3H4z"/></svg>'),z.set("end",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 13h-3V3h-2v10H8l4 4l4-4zM4 19v2h16v-2H4z"/></svg>'),z.set("option",u),z.set("optionleft",u),z.set("optionright",u),z.set("pagedown",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 15l-1.41-1.41L13 18.17V2h-2v16.17l-4.59-4.59L5 15l7 7l7-7z"/></svg>'),z.set("pageup",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 9l1.41 1.41L11 5.83V22h2V5.83l4.59 4.59L19 9l-7-7l-7 7z"/></svg>'),z.set("shift",f),z.set("shiftleft",f),z.set("shiftright",f),z.set("space",'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-space" viewBox="0 0 24 24"><path d="M3 15H5V19H19V15H21V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V15Z" /></svg>'),z.set("tab",'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M11.59 7.41L15.17 11H1v2h14.17l-3.59 3.59L13 18l6-6l-6-6l-1.41 1.41zM20 6v12h2V6h-2z"/></svg>'),z.set("windows",b),z.set("windowsleft",b),z.set("windowsright",b);const x=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.t=new s({el:p,en:g,es:v,it:y}),this.keyboardKeys=r,this.getTitle=()=>{if(void 0!==this.name)return this.t.get(this.keyboardKeys[this.name.toLowerCase()].description,{character:this.keyboardKeys[this.name.toLowerCase()].alias,keyboardPosition:this.keyboardKeys[this.name.toLowerCase()].keyboardPosition})}}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}render(){var e,a,o,r;return i(t,{key:"cb83531c55004919cc5c55d48053369d7d90c659",title:this.getTitle()},i("div",{key:"e096caf23accb54d1364d9c78bc6896d02fac267",class:"physical-key"},this.name&&z.has(this.name)?i("mds-icon",{name:null!==(e=z.get(this.name))&&void 0!==e?e:n,class:"shortcut-icon"}):i("mds-text",{class:"shortcut-text",typography:"detail"},this.name&&i("b",null,this.keyboardKeys[this.name].alias)),this.name&&(null===(a=this.keyboardKeys[this.name])||void 0===a?void 0:a.keyboardPosition)&&i("mds-text",{key:"cf5210c595b02e51e32722d9ef7ed53d21a44045",typography:"label"},(null===(o=this.keyboardKeys[this.name].keyboardPosition)||void 0===o?void 0:o.left)&&"l",(null===(r=this.keyboardKeys[this.name].keyboardPosition)||void 0===r?void 0:r.right)&&"r")))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s}}}@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-keyboard-key-transition-duration{syntax:"<time>";inherits:false;initial-value:.3s}:host{--mds-keyboard-key-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-key-illumination-light-size:calc(var(--spacing,.0025rem)*50);--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.05)) inset;--mds-keyboard-key-illumination-light:0 var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem)*50)) 0 0 rgb(255 255 255/var(--mds-keyboard-key-illumination-light-opacity,.5)) inset;--mds-keyboard-key-padding:calc(var(--spacing,.0025rem)*100);--mds-keyboard-key-transition-duration:.3s;--icon-size:calc(var(--spacing,.0025rem)*600);--key-size-default:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) * 2) + var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)));--key-size-pressed:calc(var(--icon-size) + calc(var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) * 2) + calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) * 2));corner-shape:var(--magma-corner-shape,round);align-items:flex-end;display:inline-flex;min-height:var(--key-size-default);min-width:var(--key-size-default)}.physical-key{background-color:var(--mds-keyboard-key-background,rgb(var(--tone-bisque-08,121 103 97)));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-sizing:border-box;corner-shape:inherit;align-items:baseline;display:inline-flex;flex-grow:1;flex-shrink:0;height:var(--key-size-default);justify-content:center;min-width:calc(var(--spacing,.0025rem)*1000);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) calc(var(--mds-keyboard-key-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100));position:relative;text-align:center;-webkit-transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-duration:var(--mds-keyboard-key-transition-duration,.3s);transition-property:box-shadow,padding,height;-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}:host(:active) .physical-key,:host([pressed]:not([pressed=false])) .physical-key{--mds-keyboard-key-illumination-dark:0 calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-key-illumination-dark-opacity,.075)) inset;-webkit-box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);box-shadow:var(--mds-keyboard-key-illumination-light),var(--mds-keyboard-key-illumination-dark),var(--mds-keyboard-key-illumination-shadow);height:var(--key-size-pressed);padding:calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100)) calc(var(--mds-keyboard-key-illumination-light-size,calc(var(--spacing,.0025rem) * 50)) + var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))) var(--mds-keyboard-key-padding,calc(var(--spacing,.0025rem) * 100))}:host([code=space]) .physical-key{min-width:calc(var(--key-size-default)*2)}mds-badge{background-color:#0000;color:currentColor;margin-left:calc(var(--spacing,.0025rem)*50);padding:0;white-space:nowrap}.shortcut-icon{fill:currentColor}.shortcut-text{color:currentColor;text-transform:capitalize;white-space:nowrap}'}},[1,"mds-keyboard-key",{name:[513],pressed:[516],language:[32],updateLang:[64]}]),T=x,L=function(){"undefined"!=typeof customElements&&["mds-keyboard-key","mds-icon","mds-text"].forEach((e=>{switch(e){case"mds-keyboard-key":customElements.get(o(e))||customElements.define(o(e),x);break;case"mds-icon":customElements.get(o(e))||m();break;case"mds-text":customElements.get(o(e))||h()}}))};export{T as MdsKeyboardKey,L as defineCustomElement}

package/dist/components/mds-keyboard.js

@@ -1 +1 @@
-import{proxyCustomElement as a,HTMLElement as t,h as i,Host as e,transformTag as s}from"@stencil/core/internal/client";import{m as r}from"./done.js";import{m as o}from"./close.js";import{L as n}from"./locale.js";import{k as d}from"./keys.js";import{d as l}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as b}from"./mds-text2.js";import{d as h}from"./mds-tooltip2.js";var y={testKeyCombination:"Κάντε κλικ για να δοκιμάσετε τον συνδυασμό πληκτρολογώντας στο πληκτρολόγιο",testPassed:"Ο συνδυασμός είναι σωστός",wrongKeysCombination:"Ο συνδυασμός που πληκτρολογήσατε δεν φαίνεται να είναι σωστός. Δοκιμάστε ξανά."},k={testKeyCombination:"Click to test the combination by typing on the keyboard",testPassed:"The combination is correct",wrongKeysCombination:"The combination you entered does not seem to be correct. Please try again."},u={testKeyCombination:"Haz clic para probar la combinación escribiendo en el teclado",testPassed:"La combinación es correcta",wrongKeysCombination:"La combinación que introdujiste no parece ser correcta. Inténtalo de nuevo."},p={testKeyCombination:"Clicca per provare la combinazione digitando da tastiera",testPassed:"La combinazione è corretta",wrongKeysCombination:"La combinazione che hai digitato non sembra essere corretta, riprova."};const g=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.errors=new Set,this.keyEls=[],this.testInit=!1,this.pressedKeys=new Set,this.keyCombination=new Set,this.t=new n({el:y,en:k,es:u,it:p}),this.testPassed=void 0,this.initKeyboardTest=()=>{var a,t;this.testInit||(this.testInit=!0,this.updateElements(),this.shortcutsEl=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".shortcuts"),this.buttonTrigger=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".combination-checker"),this.buttonTrigger.removeAttribute("title"),this.shortcutsEl.addEventListener("blur",this.stopKeyboardShortcutTest.bind(this)),this.shortcutsEl.addEventListener("keydown",this.addKeyboardShortcut.bind(this)),this.shortcutsEl.addEventListener("keyup",this.checkKeyboardShortcut.bind(this)))},this.separateKeys=()=>{this.filteredNodes.forEach(((a,t)=>{if(t<this.filteredNodes.length-1){const t=document.createElement("mds-text");t.typography="detail",t.innerHTML="<b>+</b>",a.after(t)}}))},this.updateElements=()=>{this.filteredNodes.forEach((a=>{a.name&&(this.keyEls.push(a),this.keyCombination.add(""+this.keyCodes(a.name.toLowerCase())))}))},this.checkTest=()=>!0===this.testPassed?"pass":!1===this.testPassed?"fail":void 0,this.checkKeyboardShortcut=()=>{this.stopKeyboardShortcutTest(),this.testPassed=this.areEquivalent(this.keyCombination,this.pressedKeys),this.test=this.checkTest(),this.keyEls.forEach((a=>{a.removeAttribute("pressed")}))},this.keyCodes=a=>d[a.toLowerCase()].keyCodes,this.hasKeyCode=(a,t)=>d[a.toLowerCase()].keyCodes.includes(t),this.areEquivalent=(a,t)=>{const i=Array.from(a),e=Array.from(t);let s=!0;return i.length!==e.length?(this.errors.add("wrongKeysCombination"),!1):(s=i.every(((a,t)=>a.split(",").includes(e[t]))),s||this.errors.add("wrongKeysCombination"),s)},this.addKeyboardShortcut=a=>{if(!document)return;a.stopPropagation(),a.preventDefault();const{code:t}=a;this.pressedKeys.add(t),this.keyEls.forEach((a=>{this.hasKeyCode(a.name,t)&&(a.pressed=!0)}))},this.startKeyboardShortcutTest=()=>{this.pressedKeys.clear(),this.testPassed=void 0,this.test=this.testPassed,this.buttonTrigger.blur(),this.buttonTrigger.await=!0,this.buttonTrigger.removeAttribute("tabindex"),this.shortcutsEl.setAttribute("tabindex","0"),this.shortcutsEl.focus()},this.stopKeyboardShortcutTest=()=>{this.buttonTrigger.await=!1,this.buttonTrigger.setAttribute("tabindex","0"),this.shortcutsEl.removeAttribute("tabindex"),this.shortcutsEl.removeEventListener("blur",this.stopKeyboardShortcutTest.bind(this)),this.shortcutsEl.removeEventListener("keydown",this.addKeyboardShortcut.bind(this)),this.shortcutsEl.removeEventListener("keyup",this.checkKeyboardShortcut.bind(this))},this.getButtonIcon=()=>"pass"===this.test?r:"fail"===this.test?o:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>'}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}handleTryProperty(a){a&&this.initKeyboardTest()}componentDidLoad(){var a,t;this.nodes=null===(t=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelectorAll("slot")[0])||void 0===t?void 0:t.assignedNodes(),this.filteredNodes=this.nodes.filter((a=>1===a.nodeType)),this.separateKeys(),this.try&&this.initKeyboardTest()}discottectedCallback(){this.stopKeyboardShortcutTest()}render(){return i(e,{key:"ea9c57b89ba7f46adea2f7d8b3e08788387e01d8"},i("div",{key:"adfe0051525e8cb26c34cc17e04135485145beaa",class:"shortcuts"},i("slot",{key:"def60aa7b5ca01d48e55f117f806e187f6ff9a81"})),this.try&&i("mds-button",{key:"369821c091dcad208a622210e050c17e6e862ddb",icon:this.getButtonIcon(),"aria-title":this.t.get("testKeyCombination"),class:"combination-checker",variant:"dark",tone:"text",onClick:this.startKeyboardShortcutTest.bind(this)}),this.try&&i("mds-tooltip",{key:"25b0a9a678d6cbe71a7829fc6ba7cbebab0ece89",target:".combination-checker"},void 0===this.testPassed&&this.t.get("testKeyCombination"),!0===this.testPassed&&this.t.get("testPassed"),!1===this.testPassed&&i("div",{key:"cb821065194776b5f00c3eaba7d5cb1a806bfa48",class:"errors"},[...this.errors].map((a=>i("mds-text",{typography:"tip"},this.t.get(a)))))))}get host(){return this}static get watchers(){return{try:[{handleTryProperty: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 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-keyboard-background-default:rgb(var(--tone-porcelain-08,89 107 134));--mds-keyboard-background-fail:rgb(var(--status-error-09,135 0 14));--mds-keyboard-background-pass:rgb(var(--status-success-09,0 82 9));--mds-keyboard-background:rgb(var(--tone-porcelain-08,89 107 134));--mds-keyboard-color:rgb(var(--tone-neutral-04,218 218 218));--mds-keyboard-fill-fail:rgb(var(--status-error-06,239 108 105));--mds-keyboard-fill-pass:rgb(var(--status-success-06,0 171 97));--mds-keyboard-illumination-dark-opacity:.05;--mds-keyboard-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-illumination-light-opacity:.075;--mds-keyboard-illumination-light-size:calc(var(--spacing,.0025rem)*25);--mds-keyboard-key-background:rgb(var(--tone-porcelain-10,51 62 77));--mds-keyboard-key-illumination-dark-opacity:.075;--mds-keyboard-key-illumination-light-opacity:.5;--mds-keyboard-padding:calc(var(--spacing,.0025rem)*200);--mds-keyboard-spinner-duration:1s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text,mds-tooltip):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-keyboard-illumination-dark-opacity{syntax:"<number>";inherits:false;initial-value:.05}@property --mds-keyboard-illumination-light-opacity{syntax:"<number>";inherits:false;initial-value:.075}@property --mds-keyboard-key-illumination-dark-opacity{syntax:"<number>";inherits:false;initial-value:.075}@property --mds-keyboard-key-illumination-light-opacity{syntax:"<number>";inherits:false;initial-value:.5}@property --mds-keyboard-spinner-duration{syntax:"<time>";inherits:false;initial-value:1s}:host{--mds-keyboard-background-default:var(--mds-keyboard-background,rgb(var(--tone-porcelain-08,89 107 134)));--mds-keyboard-background-fail:rgb(var(--status-error-09,135 0 14));--mds-keyboard-background-pass:rgb(var(--status-success-09,0 82 9));--mds-keyboard-background:rgb(var(--tone-porcelain-08,89 107 134));--mds-keyboard-color:rgb(var(--tone-neutral-04,218 218 218));--mds-keyboard-fill-fail:rgb(var(--status-error-06,239 108 105));--mds-keyboard-fill-pass:rgb(var(--status-success-06,0 171 97));--mds-keyboard-illumination-dark-opacity:.05;--mds-keyboard-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-illumination-dark:0 calc(var(--mds-keyboard-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-illumination-dark-opacity,.05)) inset;--mds-keyboard-illumination-light-opacity:.075;--mds-keyboard-illumination-light-size:calc(var(--spacing,.0025rem)*25);--mds-keyboard-illumination-light:0 var(--mds-keyboard-illumination-light-size,calc(var(--spacing,.0025rem)*25)) 0 0 rgb(255 255 255/var(--mds-keyboard-illumination-light-opacity,.075)) inset;--mds-keyboard-illumination-shadow:0 0 1px 0 #0000;--mds-keyboard-key-background:rgb(var(--tone-porcelain-10,51 62 77));--mds-keyboard-key-illumination-dark-opacity:.075;--mds-keyboard-key-illumination-light-opacity:.5;--mds-keyboard-key-illumination-shadow:var(--shadow-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-keyboard-padding:calc(var(--spacing,.0025rem)*200);--mds-keyboard-spinner-duration:1s;background-color:var(--mds-keyboard-background-default,rgb(var(--tone-porcelain-08,89 107 134)));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--mds-keyboard-illumination-light),var(--mds-keyboard-illumination-dark),var(--mds-keyboard-illumination-shadow);box-shadow:var(--mds-keyboard-illumination-light),var(--mds-keyboard-illumination-dark),var(--mds-keyboard-illumination-shadow);color:var(--mds-keyboard-color,rgb(var(--tone-neutral-04,218 218 218)));corner-shape:var(--magma-corner-shape,round);align-items:center;display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--mds-keyboard-illumination-light-size,calc(var(--spacing,.0025rem) * 25)) + var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200))) var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200)) calc(var(--mds-keyboard-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200))) var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200));transition-duration:.2s;transition-property:background-color;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}.errors{display:grid}.errors,.shortcuts{gap:calc(var(--spacing,.0025rem)*100)}.shortcuts{align-items:center;display:inline-flex;outline:0}:host(:focus-within){--mds-keyboard-background:rgb(var(--tone-porcelain-07,117 137 164))}mds-tooltip{--mds-tooltip-delay:0}.combination-checker{--mds-button-await-duration:var(--mds-keyboard-spinner-duration,1s);border-radius:100px}::slotted(mds-keyboard-key){align-self:flex-end}:host([test=pass]){--mds-keyboard-background-default:var(--mds-keyboard-background-pass,rgb(var(--status-success-09,0 82 9)))}:host([test=fail]){--mds-keyboard-background-default:var(--mds-keyboard-background-fail,rgb(var(--status-error-09,135 0 14)))}:host([test=pass]) .combination-checker{background-color:var(--mds-keyboard-background-pass,rgb(var(--status-success-09,0 82 9)));fill:var(--mds-keyboard-fill-pass,rgb(var(--status-success-06,0 171 97)))}:host([test=fail]) .combination-checker{background-color:var(--mds-keyboard-background-fail,rgb(var(--status-error-09,135 0 14)));fill:var(--mds-keyboard-fill-fail,rgb(var(--status-error-06,239 108 105)))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-keyboard-color:rgb(var(--tone-porcelain-01,255 255 255));--mds-keyboard-background:rgb(var(--tone-porcelain-07,117 137 164));--mds-keyboard-illumination-dark-opacity:.5;--mds-keyboard-illumination-light-opacity:.15;--mds-keyboard-illumination-shadow:0 0 3px 0 #ffffff80;--mds-keyboard-key-background:rgb(var(--tone-porcelain-06,144 159 181));--mds-keyboard-key-illumination-dark-opacity:.5;--mds-keyboard-key-illumination-light-opacity:.15;--mds-keyboard-key-illumination-shadow:0 0 1px 0 #ffffff80}@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-keyboard-color:rgb(var(--tone-porcelain-01,255 255 255));--mds-keyboard-background:rgb(var(--tone-porcelain-07,117 137 164));--mds-keyboard-illumination-dark-opacity:.5;--mds-keyboard-illumination-light-opacity:.15;--mds-keyboard-illumination-shadow:0 0 3px 0 #ffffff80;--mds-keyboard-key-background:rgb(var(--tone-porcelain-06,144 159 181));--mds-keyboard-key-illumination-dark-opacity:.5;--mds-keyboard-key-illumination-light-opacity:.15;--mds-keyboard-key-illumination-shadow:0 0 1px 0 #ffffff80}}'}},[257,"mds-keyboard",{test:[1537],try:[516],language:[32],testPassed:[32],updateLang:[64]},void 0,{try:[{handleTryProperty:0}]}]),v=g,f=function(){"undefined"!=typeof customElements&&["mds-keyboard","mds-button","mds-icon","mds-spinner","mds-text","mds-tooltip"].forEach((a=>{switch(a){case"mds-keyboard":customElements.get(s(a))||customElements.define(s(a),g);break;case"mds-button":customElements.get(s(a))||l();break;case"mds-icon":customElements.get(s(a))||m();break;case"mds-spinner":customElements.get(s(a))||c();break;case"mds-text":customElements.get(s(a))||b();break;case"mds-tooltip":customElements.get(s(a))||h()}}))};export{v as MdsKeyboard,f as defineCustomElement}
+import{proxyCustomElement as a,HTMLElement as t,h as i,Host as e,transformTag as s}from"@stencil/core/internal/client";import{m as r}from"./done.js";import{m as o}from"./close.js";import{L as n}from"./locale.js";import{k as d}from"./keys.js";import{d as l}from"./mds-button2.js";import{d as m}from"./mds-icon2.js";import{d as c}from"./mds-spinner2.js";import{d as b}from"./mds-text2.js";import{d as h}from"./mds-tooltip2.js";var y={testKeyCombination:"Κάντε κλικ για να δοκιμάσετε τον συνδυασμό πληκτρολογώντας στο πληκτρολόγιο",testPassed:"Ο συνδυασμός είναι σωστός",wrongKeysCombination:"Ο συνδυασμός που πληκτρολογήσατε δεν φαίνεται να είναι σωστός. Δοκιμάστε ξανά."},k={testKeyCombination:"Click to test the combination by typing on the keyboard",testPassed:"The combination is correct",wrongKeysCombination:"The combination you entered does not seem to be correct. Please try again."},u={testKeyCombination:"Haz clic para probar la combinación escribiendo en el teclado",testPassed:"La combinación es correcta",wrongKeysCombination:"La combinación que introdujiste no parece ser correcta. Inténtalo de nuevo."},p={testKeyCombination:"Clicca per provare la combinazione digitando da tastiera",testPassed:"La combinazione è corretta",wrongKeysCombination:"La combinazione che hai digitato non sembra essere corretta, riprova."};const g=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.errors=new Set,this.keyEls=[],this.testInit=!1,this.pressedKeys=new Set,this.keyCombination=new Set,this.t=new n({el:y,en:k,es:u,it:p}),this.testPassed=void 0,this.initKeyboardTest=()=>{var a,t;this.testInit||(this.testInit=!0,this.updateElements(),this.shortcutsEl=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelector(".shortcuts"),this.buttonTrigger=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".combination-checker"),this.buttonTrigger.removeAttribute("title"),this.shortcutsEl.addEventListener("blur",this.stopKeyboardShortcutTest.bind(this)),this.shortcutsEl.addEventListener("keydown",this.addKeyboardShortcut.bind(this)),this.shortcutsEl.addEventListener("keyup",this.checkKeyboardShortcut.bind(this)))},this.separateKeys=()=>{this.filteredNodes.forEach(((a,t)=>{if(t<this.filteredNodes.length-1){const t=document.createElement("mds-text");t.typography="detail",t.innerHTML="<b>+</b>",a.after(t)}}))},this.updateElements=()=>{this.filteredNodes.forEach((a=>{void 0!==a.name&&(this.keyEls.push(a),this.keyCombination.add(""+this.keyCodes(a.name.toLowerCase())))}))},this.checkTest=()=>!0===this.testPassed?"pass":!1===this.testPassed?"fail":void 0,this.checkKeyboardShortcut=()=>{this.stopKeyboardShortcutTest(),this.testPassed=this.areEquivalent(this.keyCombination,this.pressedKeys),this.test=this.checkTest(),this.keyEls.forEach((a=>{a.removeAttribute("pressed")}))},this.keyCodes=a=>d[a.toLowerCase()].keyCodes,this.hasKeyCode=(a,t)=>d[a.toLowerCase()].keyCodes.includes(t),this.areEquivalent=(a,t)=>{const i=Array.from(a),e=Array.from(t);let s=!0;return i.length!==e.length?(this.errors.add("wrongKeysCombination"),!1):(s=i.every(((a,t)=>a.split(",").includes(e[t]))),s||this.errors.add("wrongKeysCombination"),s)},this.addKeyboardShortcut=a=>{if("undefined"==typeof document)return;a.stopPropagation(),a.preventDefault();const{code:t}=a;this.pressedKeys.add(t),this.keyEls.forEach((a=>{this.hasKeyCode(a.name,t)&&(a.pressed=!0)}))},this.startKeyboardShortcutTest=()=>{this.pressedKeys.clear(),this.testPassed=void 0,this.test=this.testPassed,this.buttonTrigger.blur(),this.buttonTrigger.await=!0,this.buttonTrigger.removeAttribute("tabindex"),this.shortcutsEl.setAttribute("tabindex","0"),this.shortcutsEl.focus()},this.stopKeyboardShortcutTest=()=>{this.buttonTrigger.await=!1,this.buttonTrigger.setAttribute("tabindex","0"),this.shortcutsEl.removeAttribute("tabindex"),this.shortcutsEl.removeEventListener("blur",this.stopKeyboardShortcutTest.bind(this)),this.shortcutsEl.removeEventListener("keydown",this.addKeyboardShortcut.bind(this)),this.shortcutsEl.removeEventListener("keyup",this.checkKeyboardShortcut.bind(this))},this.getButtonIcon=()=>"pass"===this.test?r:"fail"===this.test?o:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/></svg>'}async updateLang(){this.language=this.t.lang(this.host)}componentWillLoad(){this.t.lang(this.host)}handleTryProperty(a){a&&this.initKeyboardTest()}componentDidLoad(){var a,t;this.nodes=null===(t=null===(a=this.host.shadowRoot)||void 0===a?void 0:a.querySelectorAll("slot")[0])||void 0===t?void 0:t.assignedNodes(),this.filteredNodes=this.nodes.filter((a=>1===a.nodeType)),this.separateKeys(),this.try&&this.initKeyboardTest()}disconnectedCallback(){this.stopKeyboardShortcutTest()}render(){return i(e,{key:"e69835d30adc7607a0a5e53177cb56b48cdbc009"},i("div",{key:"8b7534e87d1ef433cdd38f38e79fbe35be43815e",class:"shortcuts"},i("slot",{key:"a4ddc3b82e4a5b76d3f7f52771574c02373864af"})),this.try&&i("mds-button",{key:"dd8960111c546eff91b43f5a247fa339a68370d9",icon:this.getButtonIcon(),"aria-title":this.t.get("testKeyCombination"),class:"combination-checker",variant:"dark",tone:"text",onClick:this.startKeyboardShortcutTest}),this.try&&i("mds-tooltip",{key:"c064d6c315572085f3790792fd10c5645c872604",target:".combination-checker"},void 0===this.testPassed&&this.t.get("testKeyCombination"),!0===this.testPassed&&this.t.get("testPassed"),!1===this.testPassed&&i("div",{key:"523ecf23e4e53b3dbfb50a41b5b3863a0f1cd2e1",class:"errors"},[...this.errors].map((a=>i("mds-text",{typography:"tip"},this.t.get(a)))))))}get host(){return this}static get watchers(){return{try:[{handleTryProperty: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 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-keyboard-background-default:rgb(var(--tone-porcelain-08,89 107 134));--mds-keyboard-background-fail:rgb(var(--status-error-09,135 0 14));--mds-keyboard-background-pass:rgb(var(--status-success-09,0 82 9));--mds-keyboard-background:rgb(var(--tone-porcelain-08,89 107 134));--mds-keyboard-color:rgb(var(--tone-neutral-04,218 218 218));--mds-keyboard-fill-fail:rgb(var(--status-error-06,239 108 105));--mds-keyboard-fill-pass:rgb(var(--status-success-06,0 171 97));--mds-keyboard-illumination-dark-opacity:.05;--mds-keyboard-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-illumination-light-opacity:.075;--mds-keyboard-illumination-light-size:calc(var(--spacing,.0025rem)*25);--mds-keyboard-key-background:rgb(var(--tone-porcelain-10,51 62 77));--mds-keyboard-key-illumination-dark-opacity:.075;--mds-keyboard-key-illumination-light-opacity:.5;--mds-keyboard-padding:calc(var(--spacing,.0025rem)*200);--mds-keyboard-spinner-duration:1s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text,mds-tooltip):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-keyboard-illumination-dark-opacity{syntax:"<number>";inherits:false;initial-value:.05}@property --mds-keyboard-illumination-light-opacity{syntax:"<number>";inherits:false;initial-value:.075}@property --mds-keyboard-key-illumination-dark-opacity{syntax:"<number>";inherits:false;initial-value:.075}@property --mds-keyboard-key-illumination-light-opacity{syntax:"<number>";inherits:false;initial-value:.5}@property --mds-keyboard-spinner-duration{syntax:"<time>";inherits:false;initial-value:1s}:host{--mds-keyboard-background-default:var(--mds-keyboard-background,rgb(var(--tone-porcelain-08,89 107 134)));--mds-keyboard-background-fail:rgb(var(--status-error-09,135 0 14));--mds-keyboard-background-pass:rgb(var(--status-success-09,0 82 9));--mds-keyboard-background:rgb(var(--tone-porcelain-08,89 107 134));--mds-keyboard-color:rgb(var(--tone-neutral-04,218 218 218));--mds-keyboard-fill-fail:rgb(var(--status-error-06,239 108 105));--mds-keyboard-fill-pass:rgb(var(--status-success-06,0 171 97));--mds-keyboard-illumination-dark-opacity:.05;--mds-keyboard-illumination-dark-size:calc(var(--spacing,.0025rem)*150);--mds-keyboard-illumination-dark:0 calc(var(--mds-keyboard-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) * -1) 0 0 rgb(0 0 0/var(--mds-keyboard-illumination-dark-opacity,.05)) inset;--mds-keyboard-illumination-light-opacity:.075;--mds-keyboard-illumination-light-size:calc(var(--spacing,.0025rem)*25);--mds-keyboard-illumination-light:0 var(--mds-keyboard-illumination-light-size,calc(var(--spacing,.0025rem)*25)) 0 0 rgb(255 255 255/var(--mds-keyboard-illumination-light-opacity,.075)) inset;--mds-keyboard-illumination-shadow:0 0 1px 0 #0000;--mds-keyboard-key-background:rgb(var(--tone-porcelain-10,51 62 77));--mds-keyboard-key-illumination-dark-opacity:.075;--mds-keyboard-key-illumination-light-opacity:.5;--mds-keyboard-key-illumination-shadow:var(--shadow-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);--mds-keyboard-padding:calc(var(--spacing,.0025rem)*200);--mds-keyboard-spinner-duration:1s;background-color:var(--mds-keyboard-background-default,rgb(var(--tone-porcelain-08,89 107 134)));border-radius:var(--radius-2xl,24px);-webkit-box-shadow:var(--mds-keyboard-illumination-light),var(--mds-keyboard-illumination-dark),var(--mds-keyboard-illumination-shadow);box-shadow:var(--mds-keyboard-illumination-light),var(--mds-keyboard-illumination-dark),var(--mds-keyboard-illumination-shadow);color:var(--mds-keyboard-color,rgb(var(--tone-neutral-04,218 218 218)));corner-shape:var(--magma-corner-shape,round);align-items:center;display:inline-flex;gap:calc(var(--spacing,.0025rem)*200);padding:calc(var(--mds-keyboard-illumination-light-size,calc(var(--spacing,.0025rem) * 25)) + var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200))) var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200)) calc(var(--mds-keyboard-illumination-dark-size,calc(var(--spacing,.0025rem) * 150)) + var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200))) var(--mds-keyboard-padding,calc(var(--spacing,.0025rem) * 200));transition-duration:.2s;transition-property:background-color;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}.errors{display:grid}.errors,.shortcuts{gap:calc(var(--spacing,.0025rem)*100)}.shortcuts{align-items:center;display:inline-flex;outline:0}:host(:focus-within){--mds-keyboard-background:rgb(var(--tone-porcelain-07,117 137 164))}mds-tooltip{--mds-tooltip-delay:0}.combination-checker{--mds-button-await-duration:var(--mds-keyboard-spinner-duration,1s);border-radius:100px}::slotted(mds-keyboard-key){align-self:flex-end}:host([test=pass]){--mds-keyboard-background-default:var(--mds-keyboard-background-pass,rgb(var(--status-success-09,0 82 9)))}:host([test=fail]){--mds-keyboard-background-default:var(--mds-keyboard-background-fail,rgb(var(--status-error-09,135 0 14)))}:host([test=pass]) .combination-checker{background-color:var(--mds-keyboard-background-pass,rgb(var(--status-success-09,0 82 9)));fill:var(--mds-keyboard-fill-pass,rgb(var(--status-success-06,0 171 97)))}:host([test=fail]) .combination-checker{background-color:var(--mds-keyboard-background-fail,rgb(var(--status-error-09,135 0 14)));fill:var(--mds-keyboard-fill-fail,rgb(var(--status-error-06,239 108 105)))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-keyboard-color:rgb(var(--tone-porcelain-01,255 255 255));--mds-keyboard-background:rgb(var(--tone-porcelain-07,117 137 164));--mds-keyboard-illumination-dark-opacity:.5;--mds-keyboard-illumination-light-opacity:.15;--mds-keyboard-illumination-shadow:0 0 3px 0 #ffffff80;--mds-keyboard-key-background:rgb(var(--tone-porcelain-06,144 159 181));--mds-keyboard-key-illumination-dark-opacity:.5;--mds-keyboard-key-illumination-light-opacity:.15;--mds-keyboard-key-illumination-shadow:0 0 1px 0 #ffffff80}@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-keyboard-color:rgb(var(--tone-porcelain-01,255 255 255));--mds-keyboard-background:rgb(var(--tone-porcelain-07,117 137 164));--mds-keyboard-illumination-dark-opacity:.5;--mds-keyboard-illumination-light-opacity:.15;--mds-keyboard-illumination-shadow:0 0 3px 0 #ffffff80;--mds-keyboard-key-background:rgb(var(--tone-porcelain-06,144 159 181));--mds-keyboard-key-illumination-dark-opacity:.5;--mds-keyboard-key-illumination-light-opacity:.15;--mds-keyboard-key-illumination-shadow:0 0 1px 0 #ffffff80}}'}},[257,"mds-keyboard",{test:[1537],try:[516],language:[32],testPassed:[32],updateLang:[64]},void 0,{try:[{handleTryProperty:0}]}]),v=g,f=function(){"undefined"!=typeof customElements&&["mds-keyboard","mds-button","mds-icon","mds-spinner","mds-text","mds-tooltip"].forEach((a=>{switch(a){case"mds-keyboard":customElements.get(s(a))||customElements.define(s(a),g);break;case"mds-button":customElements.get(s(a))||l();break;case"mds-icon":customElements.get(s(a))||m();break;case"mds-spinner":customElements.get(s(a))||c();break;case"mds-text":customElements.get(s(a))||b();break;case"mds-tooltip":customElements.get(s(a))||h()}}))};export{v as MdsKeyboard,f as defineCustomElement}

package/dist/components/mds-kpi-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{d as i}from"./mds-icon2.js";import{d as n}from"./mds-text2.js";const s=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.threshold=0,this.setObserver=()=>{"undefined"!=typeof window&&(this.observer=new window.IntersectionObserver((([t])=>{this.isIntersecting=t.isIntersecting}),{root:null,threshold:this.threshold}),this.observer.observe(this.hostElement))}}componentWillLoad(){0!==this.threshold&&this.setObserver()}render(){return e(a,{key:"7151944cb8019b988fdd9577c0c6f9fd4ab12c6e","aria-label":`${this.label}: ${this.description}`,role:"listitem"},this.icon&&e("div",{key:"abf637a070c46e0c4916e5ba13452470571377df",class:"icon-container",part:"icon-container"},e("mds-icon",{key:"5a079dd7dd396c15f9a2d0f94f7568e6562e28fd",class:"icon",name:this.icon,part:"icon"})),e("div",{key:"7fb2bfb3888992ea0b693651522696f8b2cdc3dd",class:"info",part:"content","aria-hidden":"true"},this.label&&0!==this.threshold&&e("mds-text",{key:"00b38a3c634291a7ca6f0bda28f159dd4503fb84",class:"value",typography:"h2",text:this.isIntersecting?this.label:"",animation:"yugop"}),this.label&&0===this.threshold&&e("mds-text",{key:"1f4a28be56905ef80acfe89480cc4f3058d7a988",class:"value",typography:"h2"},this.label),this.description&&0!==this.threshold&&e("mds-text",{key:"f77d680512cc3ae17ac71a56895070a399932193",class:"description",typography:"label",text:this.isIntersecting?this.description:"",animation:"yugop"}),this.description&&0===this.threshold&&e("mds-text",{key:"54dbc082786a615c743fa79c3e0554bf2df54e48",class:"description",typography:"label"},this.description)))}get hostElement(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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{--tw-duration:initial;--tw-ease: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}:host{--mds-kpi-item-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));--mds-kpi-item-text-animation-placeholder-char:var(--mds-kpi-text-animation-placeholder-char," ");--mds-kpi-item-text-animation-speed:var(--mds-kpi-text-animation-speed,.15);gap:calc(var(--spacing,.0025rem)*0);--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));aspect-ratio:1;background-color:rgb(var(--variant-primary-10,0 49 142));border-radius:var(--radius-4xl,48px);transition-duration:.3s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;flex-direction:column;overflow:hidden;padding:calc(var(--spacing,.0025rem)*400);transition-property:background-color,box-shadow}.icon-container{align-items:center;display:flex;flex-grow:1;justify-content:center;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.icon,.icon-container{--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.3s}.icon{fill:var(--mds-kpi-item-icon-color);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:40%}.info{background-color:var(--mds-kpi-item-info-background);border-radius:var(--radius-xl,20px);-webkit-box-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);box-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);gap:calc(var(--spacing,.0025rem)*0);transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:inherit;display:grid;flex-shrink:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);text-align:center;transition-property:background-color,border-radius,box-shadow}.description,.info,.label{--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.3s}.description,.label{transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));--mds-text-animation-speed:var(--mds-kpi-item-text-animation-speed);--mds-text-animation-placeholder-char:var(--mds-kpi-item-text-animation-placeholder-char);transition-property:fill}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .description,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .icon-container,:host-context(:root.pref-animation-reduce) .info,:host-context(:root.pref-animation-reduce) .label){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-kpi-item-info-background:rgb(var(--tone-neutral-09,76 76 76));background-color:rgb(var(--variant-primary-09,0 58 168));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .info{-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))) .description,: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]))) .icon-container,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .info,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{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-kpi-item-info-background:rgb(var(--tone-neutral-09,76 76 76));background-color:rgb(var(--variant-primary-09,0 58 168));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host-context(:root.pref-contrast-system.pref-theme-system){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .info{-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[1,"mds-kpi-item",{label:[1],description:[1],threshold:[2],icon:[1],isIntersecting:[32]}]),d=s,c=function(){"undefined"!=typeof customElements&&["mds-kpi-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-kpi-item":customElements.get(r(t))||customElements.define(r(t),s);break;case"mds-icon":customElements.get(r(t))||i();break;case"mds-text":customElements.get(r(t))||n()}}))};export{d as MdsKpiItem,c as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as o,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{d as i}from"./mds-icon2.js";import{d as n}from"./mds-text2.js";const s=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.threshold=0,this.setObserver=()=>{"undefined"!=typeof window&&(this.observer=new window.IntersectionObserver((([t])=>{this.isIntersecting=t.isIntersecting}),{root:null,threshold:this.threshold}),this.observer.observe(this.hostElement))}}componentWillLoad(){0!==this.threshold&&this.setObserver()}render(){return e(a,{key:"2a5235504ab4d835f368fb01ce0aef672fadd13b","aria-label":`${this.label}: ${this.description}`,role:"listitem"},this.icon&&e("div",{key:"17b567f2d7781aa31cb80894e2265623eae07289",class:"icon-container",part:"icon-container"},e("mds-icon",{key:"b6fcdfcd6180afbe10a3874cf882ec23ea75ae0c",class:"icon",name:this.icon,part:"icon"})),e("div",{key:"34851571ac32f518bafb089e4b6036e1219c623b",class:"info",part:"content","aria-hidden":"true"},this.label&&0!==this.threshold&&e("mds-text",{key:"4f343527186ff5342800b650dd637bde11aa40ea",class:"value",typography:"h2",text:this.isIntersecting?this.label:"",animation:"yugop"}),this.label&&0===this.threshold&&e("mds-text",{key:"da2fc65b8fa41543b582b9cc6bbb558e99d4bc35",class:"value",typography:"h2"},this.label),this.description&&0!==this.threshold&&e("mds-text",{key:"f9223f928df5a2e2d3573bc894da4b0cc35e9da4",class:"description",typography:"label",text:this.isIntersecting?this.description:"",animation:"yugop"}),this.description&&0===this.threshold&&e("mds-text",{key:"c4f8d004079d287219b96d90eeb590e2022704c1",class:"description",typography:"label"},this.description)))}get hostElement(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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{--tw-duration:initial;--tw-ease: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}:host{--mds-kpi-item-icon-color:rgb(var(--variant-primary-04,184 208 255));--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));--mds-kpi-item-text-animation-placeholder-char:var(--mds-kpi-text-animation-placeholder-char," ");--mds-kpi-item-text-animation-speed:var(--mds-kpi-text-animation-speed,.15);gap:calc(var(--spacing,.0025rem)*0);--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));aspect-ratio:1;background-color:rgb(var(--variant-primary-10,0 49 142));border-radius:var(--radius-4xl,48px);transition-duration:.3s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);display:flex;flex-direction:column;overflow:hidden;padding:calc(var(--spacing,.0025rem)*400);transition-property:background-color,box-shadow}.icon-container{align-items:center;display:flex;flex-grow:1;justify-content:center;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.icon,.icon-container{--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.3s}.icon{fill:var(--mds-kpi-item-icon-color);transition-property:fill;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:40%}.info{background-color:var(--mds-kpi-item-info-background);border-radius:var(--radius-xl,20px);-webkit-box-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);box-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);gap:calc(var(--spacing,.0025rem)*0);transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:inherit;display:grid;flex-shrink:0;justify-content:center;padding:calc(var(--spacing,.0025rem)*400);text-align:center;transition-property:background-color,border-radius,box-shadow}.description,.info,.label{--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));transition-duration:.3s}.description,.label{transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));--mds-text-animation-speed:var(--mds-kpi-item-text-animation-speed);--mds-text-animation-placeholder-char:var(--mds-kpi-item-text-animation-placeholder-char);transition-property:fill}:host-context(:root.pref-animation-reduce){transition-duration:0s}:is(:host-context(:root.pref-animation-reduce) .description,:host-context(:root.pref-animation-reduce) .icon,:host-context(:root.pref-animation-reduce) .icon-container,:host-context(:root.pref-animation-reduce) .info,:host-context(:root.pref-animation-reduce) .label){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-kpi-item-info-background:rgb(var(--tone-neutral-09,76 76 76));background-color:rgb(var(--variant-primary-09,0 58 168));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .info{-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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]))) .description,: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]))) .icon-container,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .info,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .label{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-kpi-item-info-background:rgb(var(--tone-neutral-09,76 76 76));background-color:rgb(var(--variant-primary-09,0 58 168));-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}:host-context(:root.pref-contrast-system.pref-theme-system){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a),var(--shadow-outline);color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .info{-webkit-box-shadow:var(--shadow-outline);box-shadow:var(--shadow-outline)}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-kpi-item-info-background:rgb(var(--tone-neutral,0 0 0));-webkit-box-shadow:var(--shadow-outline-50);box-shadow:var(--shadow-outline-50)}}'}},[1,"mds-kpi-item",{label:[1],description:[1],threshold:[2],icon:[1],isIntersecting:[32]}]),d=s,c=function(){"undefined"!=typeof customElements&&["mds-kpi-item","mds-icon","mds-text"].forEach((t=>{switch(t){case"mds-kpi-item":customElements.get(r(t))||customElements.define(r(t),s);break;case"mds-icon":customElements.get(r(t))||i();break;case"mds-text":customElements.get(r(t))||n()}}))};export{d as MdsKpiItem,c as defineCustomElement}

package/dist/components/mds-kpi.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Host as n,transformTag as a}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"c245abce494cf9dba09c47a0e07b63b66c786349",role:"list"},i("slot",{key:"5c5ecc44ae3d9e5a0b4d737c64694acba6a48660"}))}static get style(){return'@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-kpi-text-animation-speed:.15;--mds-kpi-text-animation-placeholder-char:" "}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-kpi-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-kpi-text-animation-speed{syntax:"<number>";inherits:false;initial-value:.15}@property --mds-kpi-text-animation-placeholder-char{syntax:"<string>";inherits:false;initial-value:" "}:host{--mds-kpi-text-animation-speed:.15;--mds-kpi-text-animation-placeholder-char:" ";display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}'}},[257,"mds-kpi"]),s=r,o=function(){"undefined"!=typeof customElements&&["mds-kpi"].forEach((e=>{"mds-kpi"===e&&(customElements.get(a(e))||customElements.define(a(e),r))}))};export{s as MdsKpi,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as n,transformTag as r}from"@stencil/core/internal/client";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return i(n,{key:"02a890b517f0b821803bf27d527162edf2693d0b",role:"list"},i("slot",{key:"8a8f4296650703c03528450674afc6712afb54b8"}))}static get style(){return'@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-kpi-text-animation-speed:.15;--mds-kpi-text-animation-placeholder-char:" "}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-kpi-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-kpi-text-animation-speed{syntax:"<number>";inherits:false;initial-value:.15}@property --mds-kpi-text-animation-placeholder-char{syntax:"<string>";inherits:false;initial-value:" "}:host{--mds-kpi-text-animation-speed:.15;--mds-kpi-text-animation-placeholder-char:" ";display:grid;gap:calc(var(--spacing,.0025rem)*400);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}'}},[257,"mds-kpi"]),s=a,o=function(){"undefined"!=typeof customElements&&["mds-kpi"].forEach((e=>{"mds-kpi"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{s as MdsKpi,o as defineCustomElement}

package/dist/components/mds-label.js

@@ -1 +1 @@
-import{proxyCustomElement as l,HTMLElement as a,createEvent as r,h as e,Host as o,transformTag as b}from"@stencil/core/internal/client";import{m as s}from"./cancel.js";import{K as t}from"./keyboard-manager.js";import{L as n}from"./locale.js";import{d as c}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as g}from"./mds-spinner2.js";import{d as i}from"./mds-text2.js";var u={remove:"Αφαίρεση"},m={remove:"Remove"},v={remove:"Rimuovi"};const h=l(class extends a{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.deletedEvent=r(this,"mdsLabelDelete",7),this.km=new t,this.t=new n({el:u,en:m,es:m,it:v}),this.variant="sky",this.tone="weak",this.truncate="word",this.typography="caption",this.deletable=!1,this.onClickDelete=l=>{l.stopPropagation(),l.preventDefault(),this.deletedEvent.emit()},this.handleKeyboard=()=>{var l;if(this.deletable){const a=null===(l=this.host.shadowRoot)||void 0===l?void 0:l.querySelector(".close");return this.km.addElement(a),void this.km.attachClickBehavior()}this.km.detachClickBehavior()}}async updateLang(){this.language=this.t.lang(this.host)}componentDidLoad(){this.t.lang(this.host),this.handleKeyboard()}componentDidUpdate(){this.handleKeyboard()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return e(o,{key:"acc65a6cee82dbd04b07784b3d72555144957ea1"},e("mds-text",{key:"4922d3d7d6ba02735aadc6732f1873616192c871",class:"text",truncate:this.truncate,typography:this.typography},this.label),this.deletable&&e("mds-button",{key:"3c91c3ccea28f6c81299e77109dc36956934f1a8",class:"button-close",icon:s,onClick:this.onClickDelete.bind(this),title:this.t.get("remove"),size:"sm"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-radius:calc(var(--spacing,.0025rem)*150);--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--private-bevel-size:calc(var(--spacing,.0025rem)*900);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-label-background,rgb(var(--label-yellow-09,89 68 3)));color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:round;align-items:center;border-radius:100px;display:flex;fill:var(--mds-label-icon-color,var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190))));flex:1;gap:calc(var(--spacing,.0025rem)*50);max-width:min-content;min-height:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,fill;--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}@supports (corner-shape:bevel){:host{corner-left-shape:superellipse(.25);corner-right-shape:var(--magma-corner-shape,round);align-items:stretch;border-bottom-left-radius:100px;border-top-left-radius:100px;padding-left:calc(var(--private-bevel-size)/2);padding-right:0}}:host::selection{background-color:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([truncate=word]) .text{white-space:nowrap}.text{--mds-text-selection-background:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))));align-self:center;display:block;flex-grow:1}.text:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}.button-close{--mds-button-background:var(--mds-label-button-background,rgb(var(--label-yellow-08,127 97 4)));--mds-button-border-opacity:0;align-self:center;fill:var(--mds-label-button-icon-color,rgb(var(--label-yellow-03,251 224 142)));flex-shrink:0}.button-close:hover{--mds-button-background:var(--mds-label-button-background-hover,rgb(var(--label-yellow-07,158 120 5)))}:host([variant=red]){--mds-label-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background-hover:rgb(var(--label-red-05,244 167 167));--mds-label-button-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-color:rgb(var(--label-red-10,115 15 15));--mds-label-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-selection-background:rgb(var(--label-red-08,192 25 25));--mds-label-selection-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=weak]){--mds-label-background:rgb(var(--label-red-08,192 25 25));--mds-label-button-background:rgb(var(--label-red-09,134 17 17));--mds-label-button-background-hover:rgb(var(--label-red-08,192 25 25));--mds-label-button-icon-color:rgb(var(--label-red-04,247 195 195));--mds-label-color:rgb(var(--label-red-02,252 234 234));--mds-label-icon-color:rgb(var(--label-red-02,252 234 234));--mds-label-selection-background:rgb(var(--label-red-06,236 110 110));--mds-label-selection-color:rgb(var(--label-red-10,115 15 15))}:host([variant=amaranth]){--mds-label-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background-hover:rgb(var(--label-amaranth-05,250 163 178));--mds-label-button-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-selection-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=weak]){--mds-label-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-background:rgb(var(--label-amaranth-09,135 8 30));--mds-label-button-background-hover:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-icon-color:rgb(var(--label-amaranth-04,251 192 203));--mds-label-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-icon-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-selection-background:rgb(var(--label-amaranth-06,246 99 125));--mds-label-selection-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=aqua]){--mds-label-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background-hover:rgb(var(--label-aqua-05,7 203 237));--mds-label-button-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-selection-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=weak]){--mds-label-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-background:rgb(var(--label-aqua-09,3 77 90));--mds-label-button-background-hover:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-icon-color:rgb(var(--label-aqua-04,81 225 250));--mds-label-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-icon-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-selection-background:rgb(var(--label-aqua-06,5 163 190));--mds-label-selection-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=blue]){--mds-label-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background-hover:rgb(var(--label-blue-05,170 184 252));--mds-label-button-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-color:rgb(var(--label-blue-10,6 34 166));--mds-label-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-label-selection-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=weak]){--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=green]){--mds-label-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background-hover:rgb(var(--label-green-05,37 213 102));--mds-label-button-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-color:rgb(var(--label-green-10,12 68 33));--mds-label-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-selection-background:rgb(var(--label-green-08,20 116 56));--mds-label-selection-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=weak]){--mds-label-background:rgb(var(--label-green-08,20 116 56));--mds-label-button-background:rgb(var(--label-green-09,14 81 39));--mds-label-button-background-hover:rgb(var(--label-green-08,20 116 56));--mds-label-button-icon-color:rgb(var(--label-green-04,113 230 156));--mds-label-color:rgb(var(--label-green-02,211 247 224));--mds-label-icon-color:rgb(var(--label-green-02,211 247 224));--mds-label-selection-background:rgb(var(--label-green-06,30 171 82));--mds-label-selection-color:rgb(var(--label-green-10,12 68 33))}:host([variant=lime]){--mds-label-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background-hover:rgb(var(--label-lime-05,134 207 22));--mds-label-button-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-color:rgb(var(--label-lime-10,43 66 7));--mds-label-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-label-selection-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=weak]){--mds-label-background:rgb(var(--label-lime-08,73 112 12));--mds-label-button-background:rgb(var(--label-lime-09,51 79 8));--mds-label-button-background-hover:rgb(var(--label-lime-08,73 112 12));--mds-label-button-icon-color:rgb(var(--label-lime-04,148 229 25));--mds-label-color:rgb(var(--label-lime-02,223 247 185));--mds-label-icon-color:rgb(var(--label-lime-02,223 247 185));--mds-label-selection-background:rgb(var(--label-lime-06,108 167 18));--mds-label-selection-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=orange]){--mds-label-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background-hover:rgb(var(--label-orange-05,251 168 111));--mds-label-button-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-color:rgb(var(--label-orange-10,99 42 3));--mds-label-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-label-selection-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=weak]){--mds-label-background:rgb(var(--label-orange-08,167 71 4));--mds-label-button-background:rgb(var(--label-orange-09,116 49 3));--mds-label-button-background-hover:rgb(var(--label-orange-08,167 71 4));--mds-label-button-icon-color:rgb(var(--label-orange-04,252 196 158));--mds-label-color:rgb(var(--label-orange-02,254 235 222));--mds-label-icon-color:rgb(var(--label-orange-02,254 235 222));--mds-label-selection-background:rgb(var(--label-orange-06,247 105 6));--mds-label-selection-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orchid]){--mds-label-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background-hover:rgb(var(--label-orchid-05,245 163 203));--mds-label-button-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-selection-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=weak]){--mds-label-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-background:rgb(var(--label-orchid-09,131 14 71));--mds-label-button-background-hover:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-icon-color:rgb(var(--label-orchid-04,248 192 220));--mds-label-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-icon-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-selection-background:rgb(var(--label-orchid-06,239 99 168));--mds-label-selection-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=sky]){--mds-label-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background-hover:rgb(var(--label-sky-05,94 198 245));--mds-label-button-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-color:rgb(var(--label-sky-10,5 63 90));--mds-label-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-label-selection-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=weak]){--mds-label-background:rgb(var(--label-sky-08,9 107 152));--mds-label-button-background:rgb(var(--label-sky-09,6 76 107));--mds-label-button-background-hover:rgb(var(--label-sky-08,9 107 152));--mds-label-button-icon-color:rgb(var(--label-sky-04,148 217 249));--mds-label-color:rgb(var(--label-sky-02,219 242 253));--mds-label-icon-color:rgb(var(--label-sky-02,219 242 253));--mds-label-selection-background:rgb(var(--label-sky-06,13 158 224));--mds-label-selection-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=violet]){--mds-label-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background-hover:rgb(var(--label-violet-05,198 175 251));--mds-label-button-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-color:rgb(var(--label-violet-10,57 9 165));--mds-label-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-label-selection-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=weak]){--mds-label-background:rgb(var(--label-violet-08,111 53 244));--mds-label-button-background:rgb(var(--label-violet-09,67 11 195));--mds-label-button-background-hover:rgb(var(--label-violet-08,111 53 244));--mds-label-button-icon-color:rgb(var(--label-violet-04,216 200 252));--mds-label-color:rgb(var(--label-violet-02,241 235 254));--mds-label-icon-color:rgb(var(--label-violet-02,241 235 254));--mds-label-selection-background:rgb(var(--label-violet-06,166 129 248));--mds-label-selection-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=purple]){--mds-label-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background-hover:rgb(var(--label-purple-05,212 170 251));--mds-label-button-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-color:rgb(var(--label-purple-10,78 7 146));--mds-label-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-selection-background:rgb(var(--label-purple-08,133 17 244));--mds-label-selection-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=weak]){--mds-label-background:rgb(var(--label-purple-08,133 17 244));--mds-label-button-background:rgb(var(--label-purple-09,92 8 173));--mds-label-button-background-hover:rgb(var(--label-purple-08,133 17 244));--mds-label-button-icon-color:rgb(var(--label-purple-04,225 196 252));--mds-label-color:rgb(var(--label-purple-02,245 234 254));--mds-label-icon-color:rgb(var(--label-purple-02,245 234 254));--mds-label-selection-background:rgb(var(--label-purple-06,186 119 249));--mds-label-selection-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=yellow]){--mds-label-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background-hover:rgb(var(--label-yellow-05,234 179 8));--mds-label-button-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-selection-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=weak]){--mds-label-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-button-background-hover:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-icon-color:rgb(var(--label-yellow-04,248 202 60));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-selection-background:rgb(var(--label-yellow-06,188 143 6));--mds-label-selection-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=error]){--mds-label-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background-hover:rgb(var(--status-error-05,250 165 160));--mds-label-button-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-color:rgb(var(--status-error-10,115 0 0));--mds-label-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-selection-background:rgb(var(--status-error-08,182 50 54));--mds-label-selection-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=weak]){--mds-label-background:rgb(var(--status-error-08,182 50 54));--mds-label-button-background:rgb(var(--status-error-09,135 0 14));--mds-label-button-background-hover:rgb(var(--status-error-08,182 50 54));--mds-label-button-icon-color:rgb(var(--status-error-04,254 193 189));--mds-label-color:rgb(var(--status-error-02,255 234 231));--mds-label-icon-color:rgb(var(--status-error-02,255 234 231));--mds-label-selection-background:rgb(var(--status-error-06,239 108 105));--mds-label-selection-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-label-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background-hover:rgb(var(--status-warning-05,237 177 0));--mds-label-button-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-color:rgb(var(--status-warning-10,77 57 0));--mds-label-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-selection-background:rgb(var(--status-warning-08,129 96 0));--mds-label-selection-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=weak]){--mds-label-background:rgb(var(--status-warning-08,129 96 0));--mds-label-button-background:rgb(var(--status-warning-09,90 67 0));--mds-label-button-background-hover:rgb(var(--status-warning-08,129 96 0));--mds-label-button-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-label-color:rgb(var(--status-warning-02,255 237 185));--mds-label-icon-color:rgb(var(--status-warning-02,255 237 185));--mds-label-selection-background:rgb(var(--status-warning-06,190 142 0));--mds-label-selection-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=success]){--mds-label-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background-hover:rgb(var(--status-success-05,107 206 147));--mds-label-button-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-color:rgb(var(--status-success-10,0 69 0));--mds-label-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-selection-background:rgb(var(--status-success-08,0 116 46));--mds-label-selection-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=weak]){--mds-label-background:rgb(var(--status-success-08,0 116 46));--mds-label-button-background:rgb(var(--status-success-09,0 82 9));--mds-label-button-background-hover:rgb(var(--status-success-08,0 116 46));--mds-label-button-icon-color:rgb(var(--status-success-04,158 222 181));--mds-label-color:rgb(var(--status-success-02,222 244 228));--mds-label-icon-color:rgb(var(--status-success-02,222 244 228));--mds-label-selection-background:rgb(var(--status-success-06,0 171 97));--mds-label-selection-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-label-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background-hover:rgb(var(--status-info-05,112 198 234));--mds-label-button-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-color:rgb(var(--status-info-10,0 61 103));--mds-label-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-selection-background:rgb(var(--status-info-08,0 107 151));--mds-label-selection-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=weak]){--mds-label-background:rgb(var(--status-info-08,0 107 151));--mds-label-button-background:rgb(var(--status-info-09,0 73 116));--mds-label-button-background-hover:rgb(var(--status-info-08,0 107 151));--mds-label-button-icon-color:rgb(var(--status-info-04,159 216 241));--mds-label-color:rgb(var(--status-info-02,222 242 250));--mds-label-icon-color:rgb(var(--status-info-02,222 242 250));--mds-label-selection-background:rgb(var(--status-info-06,0 161 208));--mds-label-selection-color:rgb(var(--status-info-10,0 61 103))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-ease{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]))){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}}'}},[1,"mds-label",{label:[513],variant:[513],tone:[513],truncate:[513],typography:[1],deletable:[4],language:[32],updateLang:[64]}]),k=h,p=function(){"undefined"!=typeof customElements&&["mds-label","mds-button","mds-icon","mds-spinner","mds-text"].forEach((l=>{switch(l){case"mds-label":customElements.get(b(l))||customElements.define(b(l),h);break;case"mds-button":customElements.get(b(l))||c();break;case"mds-icon":customElements.get(b(l))||d();break;case"mds-spinner":customElements.get(b(l))||g();break;case"mds-text":customElements.get(b(l))||i()}}))};export{k as MdsLabel,p as defineCustomElement}
+import{proxyCustomElement as l,HTMLElement as a,createEvent as r,h as e,Host as o,transformTag as b}from"@stencil/core/internal/client";import{m as s}from"./cancel.js";import{K as t}from"./keyboard-manager.js";import{L as n}from"./locale.js";import{d as c}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as g}from"./mds-spinner2.js";import{d as i}from"./mds-text2.js";var u={remove:"Αφαίρεση"},m={remove:"Remove"},v={remove:"Rimuovi"};const h=l(class extends a{constructor(l){super(),!1!==l&&this.__registerHost(),this.__attachShadow(),this.deletedEvent=r(this,"mdsLabelDelete",7),this.km=new t,this.t=new n({el:u,en:m,es:m,it:v}),this.variant="sky",this.tone="weak",this.truncate="word",this.typography="caption",this.deletable=!1,this.onClickDelete=l=>{l.stopPropagation(),l.preventDefault(),this.deletedEvent.emit()},this.handleKeyboard=()=>{var l;if(this.deletable){const a=null===(l=this.host.shadowRoot)||void 0===l?void 0:l.querySelector(".close");return this.km.addElement(a),void this.km.attachClickBehavior()}this.km.detachClickBehavior()}}async updateLang(){this.language=this.t.lang(this.host)}componentDidLoad(){this.t.lang(this.host),this.handleKeyboard()}componentDidUpdate(){this.handleKeyboard()}disconnectedCallback(){this.km.detachClickBehavior()}render(){return e(o,{key:"479ecf8ecb56445fe7ce90aaffb48a5287d7d2d8"},e("mds-text",{key:"fba92e724fd68f1fd41fc5143865eb6f0563d1d7",class:"text",truncate:this.truncate,typography:this.typography},this.label),this.deletable&&e("mds-button",{key:"dd39ea8a9f20c24663e962d1d103ee646c802880",class:"button-close",icon:s,onClick:this.onClickDelete,title:this.t.get("remove"),size:"sm"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer 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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-radius:calc(var(--spacing,.0025rem)*150);--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,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-label-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-selection-background:var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3)));--mds-label-selection-color:var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190)));--mds-label-button-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background-hover:rgb(var(--label-yellow-07,158 120 5));--mds-label-button-icon-color:rgb(var(--label-yellow-03,251 224 142));--private-bevel-size:calc(var(--spacing,.0025rem)*900);--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));background-color:var(--mds-label-background,rgb(var(--label-yellow-09,89 68 3)));color:var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190)));transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));corner-shape:round;align-items:center;border-radius:100px;display:flex;fill:var(--mds-label-icon-color,var(--mds-label-color,rgb(var(--label-yellow-02,253 238 190))));flex:1;gap:calc(var(--spacing,.0025rem)*50);max-width:min-content;min-height:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*200);-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:color,background-color,fill;--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}@supports (corner-shape:bevel){:host{corner-left-shape:superellipse(.25);corner-right-shape:var(--magma-corner-shape,round);align-items:stretch;border-bottom-left-radius:100px;border-top-left-radius:100px;padding-left:calc(var(--private-bevel-size)/2);padding-right:0}}:host::selection{background-color:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))))}:host([truncate=word]) .text{white-space:nowrap}.text{--mds-text-selection-background:var(--mds-label-selection-background,var(--magma-selection-background,rgb(var(--label-yellow-09,89 68 3))));--mds-text-selection-color:var(--mds-label-selection-color,var(--magma-selection-color,rgb(var(--label-yellow-02,253 238 190))));align-self:center;display:block;flex-grow:1}.text:last-child{padding-right:calc(var(--spacing,.0025rem)*200)}.button-close{--mds-button-background:var(--mds-label-button-background,rgb(var(--label-yellow-08,127 97 4)));--mds-button-border-opacity:0;align-self:center;fill:var(--mds-label-button-icon-color,rgb(var(--label-yellow-03,251 224 142)));flex-shrink:0}.button-close:hover{--mds-button-background:var(--mds-label-button-background-hover,rgb(var(--label-yellow-07,158 120 5)))}:host([variant=red]){--mds-label-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background:rgb(var(--label-red-04,247 195 195));--mds-label-button-background-hover:rgb(var(--label-red-05,244 167 167));--mds-label-button-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-color:rgb(var(--label-red-10,115 15 15));--mds-label-icon-color:rgb(var(--label-red-10,115 15 15));--mds-label-selection-background:rgb(var(--label-red-08,192 25 25));--mds-label-selection-color:rgb(var(--label-red-02,252 234 234))}:host([variant=red]):host([tone=weak]){--mds-label-background:rgb(var(--label-red-08,192 25 25));--mds-label-button-background:rgb(var(--label-red-09,134 17 17));--mds-label-button-background-hover:rgb(var(--label-red-08,192 25 25));--mds-label-button-icon-color:rgb(var(--label-red-04,247 195 195));--mds-label-color:rgb(var(--label-red-02,252 234 234));--mds-label-icon-color:rgb(var(--label-red-02,252 234 234));--mds-label-selection-background:rgb(var(--label-red-06,236 110 110));--mds-label-selection-color:rgb(var(--label-red-10,115 15 15))}:host([variant=amaranth]){--mds-label-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background:rgb(var(--label-amaranth-04,251 192 203));--mds-label-button-background-hover:rgb(var(--label-amaranth-05,250 163 178));--mds-label-button-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-icon-color:rgb(var(--label-amaranth-10,114 7 25));--mds-label-selection-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-selection-color:rgb(var(--label-amaranth-02,254 233 237))}:host([variant=amaranth]):host([tone=weak]){--mds-label-background:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-background:rgb(var(--label-amaranth-09,135 8 30));--mds-label-button-background-hover:rgb(var(--label-amaranth-08,193 11 42));--mds-label-button-icon-color:rgb(var(--label-amaranth-04,251 192 203));--mds-label-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-icon-color:rgb(var(--label-amaranth-02,254 233 237));--mds-label-selection-background:rgb(var(--label-amaranth-06,246 99 125));--mds-label-selection-color:rgb(var(--label-amaranth-10,114 7 25))}:host([variant=aqua]){--mds-label-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background:rgb(var(--label-aqua-04,81 225 250));--mds-label-button-background-hover:rgb(var(--label-aqua-05,7 203 237));--mds-label-button-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-icon-color:rgb(var(--label-aqua-10,2 65 76));--mds-label-selection-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-selection-color:rgb(var(--label-aqua-02,203 246 254))}:host([variant=aqua]):host([tone=weak]){--mds-label-background:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-background:rgb(var(--label-aqua-09,3 77 90));--mds-label-button-background-hover:rgb(var(--label-aqua-08,4 110 129));--mds-label-button-icon-color:rgb(var(--label-aqua-04,81 225 250));--mds-label-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-icon-color:rgb(var(--label-aqua-02,203 246 254));--mds-label-selection-background:rgb(var(--label-aqua-06,5 163 190));--mds-label-selection-color:rgb(var(--label-aqua-10,2 65 76))}:host([variant=blue]){--mds-label-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background:rgb(var(--label-blue-04,196 206 253));--mds-label-button-background-hover:rgb(var(--label-blue-05,170 184 252));--mds-label-button-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-color:rgb(var(--label-blue-10,6 34 166));--mds-label-icon-color:rgb(var(--label-blue-10,6 34 166));--mds-label-selection-background:rgb(var(--label-blue-08,42 77 247));--mds-label-selection-color:rgb(var(--label-blue-02,234 238 254))}:host([variant=blue]):host([tone=weak]){--mds-label-background:rgb(var(--label-blue-08,42 77 247));--mds-label-button-background:rgb(var(--label-blue-09,7 40 196));--mds-label-button-background-hover:rgb(var(--label-blue-08,42 77 247));--mds-label-button-icon-color:rgb(var(--label-blue-04,196 206 253));--mds-label-color:rgb(var(--label-blue-02,234 238 254));--mds-label-icon-color:rgb(var(--label-blue-02,234 238 254));--mds-label-selection-background:rgb(var(--label-blue-06,121 143 250));--mds-label-selection-color:rgb(var(--label-blue-10,6 34 166))}:host([variant=green]){--mds-label-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background:rgb(var(--label-green-04,113 230 156));--mds-label-button-background-hover:rgb(var(--label-green-05,37 213 102));--mds-label-button-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-color:rgb(var(--label-green-10,12 68 33));--mds-label-icon-color:rgb(var(--label-green-10,12 68 33));--mds-label-selection-background:rgb(var(--label-green-08,20 116 56));--mds-label-selection-color:rgb(var(--label-green-02,211 247 224))}:host([variant=green]):host([tone=weak]){--mds-label-background:rgb(var(--label-green-08,20 116 56));--mds-label-button-background:rgb(var(--label-green-09,14 81 39));--mds-label-button-background-hover:rgb(var(--label-green-08,20 116 56));--mds-label-button-icon-color:rgb(var(--label-green-04,113 230 156));--mds-label-color:rgb(var(--label-green-02,211 247 224));--mds-label-icon-color:rgb(var(--label-green-02,211 247 224));--mds-label-selection-background:rgb(var(--label-green-06,30 171 82));--mds-label-selection-color:rgb(var(--label-green-10,12 68 33))}:host([variant=lime]){--mds-label-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background:rgb(var(--label-lime-04,148 229 25));--mds-label-button-background-hover:rgb(var(--label-lime-05,134 207 22));--mds-label-button-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-color:rgb(var(--label-lime-10,43 66 7));--mds-label-icon-color:rgb(var(--label-lime-10,43 66 7));--mds-label-selection-background:rgb(var(--label-lime-08,73 112 12));--mds-label-selection-color:rgb(var(--label-lime-02,223 247 185))}:host([variant=lime]):host([tone=weak]){--mds-label-background:rgb(var(--label-lime-08,73 112 12));--mds-label-button-background:rgb(var(--label-lime-09,51 79 8));--mds-label-button-background-hover:rgb(var(--label-lime-08,73 112 12));--mds-label-button-icon-color:rgb(var(--label-lime-04,148 229 25));--mds-label-color:rgb(var(--label-lime-02,223 247 185));--mds-label-icon-color:rgb(var(--label-lime-02,223 247 185));--mds-label-selection-background:rgb(var(--label-lime-06,108 167 18));--mds-label-selection-color:rgb(var(--label-lime-10,43 66 7))}:host([variant=orange]){--mds-label-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background:rgb(var(--label-orange-04,252 196 158));--mds-label-button-background-hover:rgb(var(--label-orange-05,251 168 111));--mds-label-button-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-color:rgb(var(--label-orange-10,99 42 3));--mds-label-icon-color:rgb(var(--label-orange-10,99 42 3));--mds-label-selection-background:rgb(var(--label-orange-08,167 71 4));--mds-label-selection-color:rgb(var(--label-orange-02,254 235 222))}:host([variant=orange]):host([tone=weak]){--mds-label-background:rgb(var(--label-orange-08,167 71 4));--mds-label-button-background:rgb(var(--label-orange-09,116 49 3));--mds-label-button-background-hover:rgb(var(--label-orange-08,167 71 4));--mds-label-button-icon-color:rgb(var(--label-orange-04,252 196 158));--mds-label-color:rgb(var(--label-orange-02,254 235 222));--mds-label-icon-color:rgb(var(--label-orange-02,254 235 222));--mds-label-selection-background:rgb(var(--label-orange-06,247 105 6));--mds-label-selection-color:rgb(var(--label-orange-10,99 42 3))}:host([variant=orchid]){--mds-label-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background:rgb(var(--label-orchid-04,248 192 220));--mds-label-button-background-hover:rgb(var(--label-orchid-05,245 163 203));--mds-label-button-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-icon-color:rgb(var(--label-orchid-10,111 12 61));--mds-label-selection-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-selection-color:rgb(var(--label-orchid-02,253 233 243))}:host([variant=orchid]):host([tone=weak]){--mds-label-background:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-background:rgb(var(--label-orchid-09,131 14 71));--mds-label-button-background-hover:rgb(var(--label-orchid-08,187 19 102));--mds-label-button-icon-color:rgb(var(--label-orchid-04,248 192 220));--mds-label-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-icon-color:rgb(var(--label-orchid-02,253 233 243));--mds-label-selection-background:rgb(var(--label-orchid-06,239 99 168));--mds-label-selection-color:rgb(var(--label-orchid-10,111 12 61))}:host([variant=sky]){--mds-label-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background:rgb(var(--label-sky-04,148 217 249));--mds-label-button-background-hover:rgb(var(--label-sky-05,94 198 245));--mds-label-button-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-color:rgb(var(--label-sky-10,5 63 90));--mds-label-icon-color:rgb(var(--label-sky-10,5 63 90));--mds-label-selection-background:rgb(var(--label-sky-08,9 107 152));--mds-label-selection-color:rgb(var(--label-sky-02,219 242 253))}:host([variant=sky]):host([tone=weak]){--mds-label-background:rgb(var(--label-sky-08,9 107 152));--mds-label-button-background:rgb(var(--label-sky-09,6 76 107));--mds-label-button-background-hover:rgb(var(--label-sky-08,9 107 152));--mds-label-button-icon-color:rgb(var(--label-sky-04,148 217 249));--mds-label-color:rgb(var(--label-sky-02,219 242 253));--mds-label-icon-color:rgb(var(--label-sky-02,219 242 253));--mds-label-selection-background:rgb(var(--label-sky-06,13 158 224));--mds-label-selection-color:rgb(var(--label-sky-10,5 63 90))}:host([variant=violet]){--mds-label-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background:rgb(var(--label-violet-04,216 200 252));--mds-label-button-background-hover:rgb(var(--label-violet-05,198 175 251));--mds-label-button-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-color:rgb(var(--label-violet-10,57 9 165));--mds-label-icon-color:rgb(var(--label-violet-10,57 9 165));--mds-label-selection-background:rgb(var(--label-violet-08,111 53 244));--mds-label-selection-color:rgb(var(--label-violet-02,241 235 254))}:host([variant=violet]):host([tone=weak]){--mds-label-background:rgb(var(--label-violet-08,111 53 244));--mds-label-button-background:rgb(var(--label-violet-09,67 11 195));--mds-label-button-background-hover:rgb(var(--label-violet-08,111 53 244));--mds-label-button-icon-color:rgb(var(--label-violet-04,216 200 252));--mds-label-color:rgb(var(--label-violet-02,241 235 254));--mds-label-icon-color:rgb(var(--label-violet-02,241 235 254));--mds-label-selection-background:rgb(var(--label-violet-06,166 129 248));--mds-label-selection-color:rgb(var(--label-violet-10,57 9 165))}:host([variant=purple]){--mds-label-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background:rgb(var(--label-purple-04,225 196 252));--mds-label-button-background-hover:rgb(var(--label-purple-05,212 170 251));--mds-label-button-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-color:rgb(var(--label-purple-10,78 7 146));--mds-label-icon-color:rgb(var(--label-purple-10,78 7 146));--mds-label-selection-background:rgb(var(--label-purple-08,133 17 244));--mds-label-selection-color:rgb(var(--label-purple-02,245 234 254))}:host([variant=purple]):host([tone=weak]){--mds-label-background:rgb(var(--label-purple-08,133 17 244));--mds-label-button-background:rgb(var(--label-purple-09,92 8 173));--mds-label-button-background-hover:rgb(var(--label-purple-08,133 17 244));--mds-label-button-icon-color:rgb(var(--label-purple-04,225 196 252));--mds-label-color:rgb(var(--label-purple-02,245 234 254));--mds-label-icon-color:rgb(var(--label-purple-02,245 234 254));--mds-label-selection-background:rgb(var(--label-purple-06,186 119 249));--mds-label-selection-color:rgb(var(--label-purple-10,78 7 146))}:host([variant=yellow]){--mds-label-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background:rgb(var(--label-yellow-04,248 202 60));--mds-label-button-background-hover:rgb(var(--label-yellow-05,234 179 8));--mds-label-button-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-icon-color:rgb(var(--label-yellow-10,75 57 3));--mds-label-selection-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-selection-color:rgb(var(--label-yellow-02,253 238 190))}:host([variant=yellow]):host([tone=weak]){--mds-label-background:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-background:rgb(var(--label-yellow-09,89 68 3));--mds-label-button-background-hover:rgb(var(--label-yellow-08,127 97 4));--mds-label-button-icon-color:rgb(var(--label-yellow-04,248 202 60));--mds-label-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-icon-color:rgb(var(--label-yellow-02,253 238 190));--mds-label-selection-background:rgb(var(--label-yellow-06,188 143 6));--mds-label-selection-color:rgb(var(--label-yellow-10,75 57 3))}:host([variant=error]){--mds-label-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background:rgb(var(--status-error-04,254 193 189));--mds-label-button-background-hover:rgb(var(--status-error-05,250 165 160));--mds-label-button-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-color:rgb(var(--status-error-10,115 0 0));--mds-label-icon-color:rgb(var(--status-error-10,115 0 0));--mds-label-selection-background:rgb(var(--status-error-08,182 50 54));--mds-label-selection-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=weak]){--mds-label-background:rgb(var(--status-error-08,182 50 54));--mds-label-button-background:rgb(var(--status-error-09,135 0 14));--mds-label-button-background-hover:rgb(var(--status-error-08,182 50 54));--mds-label-button-icon-color:rgb(var(--status-error-04,254 193 189));--mds-label-color:rgb(var(--status-error-02,255 234 231));--mds-label-icon-color:rgb(var(--status-error-02,255 234 231));--mds-label-selection-background:rgb(var(--status-error-06,239 108 105));--mds-label-selection-color:rgb(var(--status-error-10,115 0 0))}:host([variant=warning]){--mds-label-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background:rgb(var(--status-warning-04,255 200 33));--mds-label-button-background-hover:rgb(var(--status-warning-05,237 177 0));--mds-label-button-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-color:rgb(var(--status-warning-10,77 57 0));--mds-label-icon-color:rgb(var(--status-warning-10,77 57 0));--mds-label-selection-background:rgb(var(--status-warning-08,129 96 0));--mds-label-selection-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=weak]){--mds-label-background:rgb(var(--status-warning-08,129 96 0));--mds-label-button-background:rgb(var(--status-warning-09,90 67 0));--mds-label-button-background-hover:rgb(var(--status-warning-08,129 96 0));--mds-label-button-icon-color:rgb(var(--status-warning-04,255 200 33));--mds-label-color:rgb(var(--status-warning-02,255 237 185));--mds-label-icon-color:rgb(var(--status-warning-02,255 237 185));--mds-label-selection-background:rgb(var(--status-warning-06,190 142 0));--mds-label-selection-color:rgb(var(--status-warning-10,77 57 0))}:host([variant=success]){--mds-label-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background:rgb(var(--status-success-04,158 222 181));--mds-label-button-background-hover:rgb(var(--status-success-05,107 206 147));--mds-label-button-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-color:rgb(var(--status-success-10,0 69 0));--mds-label-icon-color:rgb(var(--status-success-10,0 69 0));--mds-label-selection-background:rgb(var(--status-success-08,0 116 46));--mds-label-selection-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=weak]){--mds-label-background:rgb(var(--status-success-08,0 116 46));--mds-label-button-background:rgb(var(--status-success-09,0 82 9));--mds-label-button-background-hover:rgb(var(--status-success-08,0 116 46));--mds-label-button-icon-color:rgb(var(--status-success-04,158 222 181));--mds-label-color:rgb(var(--status-success-02,222 244 228));--mds-label-icon-color:rgb(var(--status-success-02,222 244 228));--mds-label-selection-background:rgb(var(--status-success-06,0 171 97));--mds-label-selection-color:rgb(var(--status-success-10,0 69 0))}:host([variant=info]){--mds-label-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background:rgb(var(--status-info-04,159 216 241));--mds-label-button-background-hover:rgb(var(--status-info-05,112 198 234));--mds-label-button-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-color:rgb(var(--status-info-10,0 61 103));--mds-label-icon-color:rgb(var(--status-info-10,0 61 103));--mds-label-selection-background:rgb(var(--status-info-08,0 107 151));--mds-label-selection-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=weak]){--mds-label-background:rgb(var(--status-info-08,0 107 151));--mds-label-button-background:rgb(var(--status-info-09,0 73 116));--mds-label-button-background-hover:rgb(var(--status-info-08,0 107 151));--mds-label-button-icon-color:rgb(var(--status-info-04,159 216 241));--mds-label-color:rgb(var(--status-info-02,222 242 250));--mds-label-icon-color:rgb(var(--status-info-02,222 242 250));--mds-label-selection-background:rgb(var(--status-info-06,0 161 208));--mds-label-selection-color:rgb(var(--status-info-10,0 61 103))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}@property --tw-ease{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]))){-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}}'}},[1,"mds-label",{label:[513],variant:[513],tone:[513],truncate:[513],typography:[1],deletable:[4],language:[32],updateLang:[64]}]),k=h,p=function(){"undefined"!=typeof customElements&&["mds-label","mds-button","mds-icon","mds-spinner","mds-text"].forEach((l=>{switch(l){case"mds-label":customElements.get(b(l))||customElements.define(b(l),h);break;case"mds-button":customElements.get(b(l))||c();break;case"mds-icon":customElements.get(b(l))||d();break;case"mds-spinner":customElements.get(b(l))||g();break;case"mds-text":customElements.get(b(l))||i()}}))};export{k as MdsLabel,p as defineCustomElement}