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

package/dist/esm-es5/mds-input.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,r,i){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{c(i.next(t))}catch(t){o(t)}}function s(t){try{c(i["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):n(t.value).then(a,s)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,n,o,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return c([t,e])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(i=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];n=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";import{m as miBaselineKeyboardArrowUp}from"./keyboard-arrow-up-Ccz0jCNB.js";import{m as miBaselineRemove}from"./remove-D17B058a.js";import{m as miBaselineDone}from"./done-CvUz9jjh.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{h as hashRandomValue}from"./aria-CSCy6TMW.js";var mggAiChatbotOutline='<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';var miBaselineAdd='<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>';var miBaselineVisible='<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>';var miBaselineVisibleOff='<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>';var miOutlineMic='<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>';var miOutlineMicOff='<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>';var decrease$3="Μείωση";var hidePassword$3="Απόκρυψη κωδικού";var increase$3="Αύξηση";var showPassword$3="Εμφάνιση κωδικού";var speechToTextError$3="Η φωνητική υπαγόρευση δεν υποστηρίζεται από αυτό το πρόγραμμα περιήγησης";var speechToTextOff$3="Διακοπή φωνητικής υπαγόρευσης";var speechToTextOn$3="Έναρξη φωνητικής υπαγόρευσης";var localeEl={decrease:decrease$3,hidePassword:hidePassword$3,increase:increase$3,showPassword:showPassword$3,speechToTextError:speechToTextError$3,speechToTextOff:speechToTextOff$3,speechToTextOn:speechToTextOn$3};var decrease$2="Decrease";var hidePassword$2="Hide password";var increase$2="Increase";var showPassword$2="Show password";var speechToTextError$2="Voice dictation is not supported by this browser";var speechToTextOff$2="Stop voice dictation";var speechToTextOn$2="Start voice dictation";var localeEn={decrease:decrease$2,hidePassword:hidePassword$2,increase:increase$2,showPassword:showPassword$2,speechToTextError:speechToTextError$2,speechToTextOff:speechToTextOff$2,speechToTextOn:speechToTextOn$2};var decrease$1="Disminuir";var hidePassword$1="Ocultar contraseña";var increase$1="Aumentar";var showPassword$1="Mostrar contraseña";var speechToTextError$1="El dictado por voz no es compatible con este navegador";var speechToTextOff$1="Detener dictado por voz";var speechToTextOn$1="Iniciar dictado por voz";var localeEs={decrease:decrease$1,hidePassword:hidePassword$1,increase:increase$1,showPassword:showPassword$1,speechToTextError:speechToTextError$1,speechToTextOff:speechToTextOff$1,speechToTextOn:speechToTextOn$1};var decrease="Diminuisci";var hidePassword="Nascondi password";var increase="Aumenta";var showPassword="Visualizza password";var speechToTextError="Dettatura vocale non supportata da questo browser";var speechToTextOff="Ferma dettatura vocale";var speechToTextOn="Inizia dettatura vocale";var localeIt={decrease:decrease,hidePassword:hidePassword,increase:increase,showPassword:showPassword,speechToTextError:speechToTextError,speechToTextOff:speechToTextOff,speechToTextOn:speechToTextOn};var NullValidator=function(){return null};var requiredValidor=function(t){return t.length>0?null:{required:""}};var maxValidator=function(t){return function(e){if(e===""||t===null){return null}var r=parseFloat(e);return!isNaN(r)&&r>t?{max:"valore massimo ".concat(t)}:null}};var minValidator=function(t){return function(e){if(e===""||t===null){return null}var r=parseFloat(e);return!isNaN(r)&&r<t?{min:"valore minimo ".concat(t)}:null}};var maxLenghtValidator=function(t){return function(e){if(e===""||t===null){return null}return e.length>t?{minLenght:"La lunghezza massima accettata è ".concat(t)}:null}};var minLenghtValidator=function(t){return function(e){if(e===""||t===null){return null}return e.length<t?{minLenght:"La lunghezza minima accettata è ".concat(t)}:null}};var isbnValidatorFn=function(t){if(t==="")return null;if(Number.isNaN(t.slice(0,-1))||t.length!==10&&t.length!==13)return{"isbn-error":"formato isbn non correto"};var e=t.split("").map((function(t){return t==="X"?10:Number(t)}));var r=0;if(t.length===10){var i=e.reduce((function(t,e,r){return t+(10-r)*e}),0);r=i%11}else{var i=e.reduce((function(t,e,r){var i=r%2===0?1:3;return t+e*i}),0);r=i%10}return r===0?null:{"isbn-error":"codice isbn non valido"}};var Validator=function(){function t(){this._validators=[];this._errors=null;this.isValid=true}t.prototype.addValidator=function(t){var e;if(Array.isArray(t)){(e=this._validators).push.apply(e,t)}else{this._validators.push(t)}};t.prototype._hasValidator=function(t,e){return Array.isArray(t)?t.includes(e):t===e};t.prototype.hasValidator=function(t){return t?this._hasValidator(this._validators,t):this._validators.length>0};t.prototype.removeValidator=function(t){var e=this;this._validators=this._validators.filter((function(r){return!e._hasValidator(t,r)}))};t.prototype.validate=function(t){var e=this._validators.map((function(e){return e(t)})).reduce((function(t,e){return Object.assign(Object.assign({},t),e)}),NullValidator);this._errors=Object.keys(e).length===0?null:e;this.isValid=!this._errors};Object.defineProperty(t.prototype,"errors",{get:function(){return this._errors},enumerable:false,configurable:true});return t}();var InputMaskPattern=function(){function t(){}return t}();InputMaskPattern.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;InputMaskPattern.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A";InputMaskPattern.CC_MASK="9999-9999-9999-9999";var InputValidationManager=function(){function t(t){this.validator=new Validator;this.pattern=t}t.prototype.mask=function(t){if(!this.pattern){throw new Error("no pattern found, set pattern before mask")}};t.prototype.isValid=function(t){this.validator.validate(t);return this.validator.isValid};return t}();function createInputValidationManager(t){var e;switch(t){case"tel":e=new InputValidationManager("");break;case"url":e=new InputValidationManager("");break;case"cc":e=new InputValidationManager(InputMaskPattern.CC_MASK);break;case"cf":e=new InputValidationManager(InputMaskPattern.CF_MASK);e.validator.addValidator((function(t){if(t==="")return null;return InputMaskPattern.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"}}));e.validator.addValidator((function(t){if(t==="")return null;return t.length===16?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}}));break;case"isbn":e=new InputValidationManager;e.validator.addValidator(isbnValidatorFn);break;case"piva":e=new InputValidationManager("");break;default:e=new InputValidationManager("")}return e}var mdsInputCss=function(){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))}}'};var MdsInput=function(){function t(t){var e=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputChange");this.keyDownEvent=createEvent(this,"mdsInputKeydown");this.blurEvent=createEvent(this,"mdsInputBlur");this.focusEvent=createEvent(this,"mdsInputFocus");this.speechEvent=createEvent(this,"mdsInputSpeechEnd");this.validationEvent=createEvent(this,"mdsInputValidation");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.speechToTextIcon=miOutlineMic;this.hasFocus=false;this.isRecording=false;this.countVariant="count-empty";this.isPasswordVisible=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.autocomplete="off";this.autofocus=false;this.await=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.disabled=false;this.readonly=false;this.required=false;this.variant="primary";this.type="text";this.typography="detail";this.value="";this.countMaxLength=function(){var t,r,i;if(!e.maxlength)return;if(e.value===undefined)return;e.currentLengthLabel="".concat((r=(t=e.value)===null||t===void 0?void 0:t.length)!==null&&r!==void 0?r:0," / ").concat(e.maxlength);var n=Math.round(e.value.length*100/e.maxlength);if(((i=e.value)===null||i===void 0?void 0:i.length)===e.maxlength){e.countVariant="count-full";return}if(n>=100){e.countVariant="count-full";return}if(n>=75){e.countVariant="count-almost-full";return}if(n>=50){e.countVariant="count-almost";return}if(n>=25){e.countVariant="count-incomplete";return}e.countVariant="count-empty"};this.onInput=function(t){var r=t.target;if(r){e.value=r.value;e.internals.setFormValue(e.value)}e.keyDownEvent.emit(t)};this.onBlur=function(){e.hasFocus=false;e.validateInput();e.blurEvent.emit()};this.onFocus=function(t){var r=t.target;e.hasFocus=true;e.focusEvent.emit();if(e.readonly){setTimeout((function(){r.select()}),10)}};this.stepUp=function(){if(e.nativeInput&&!e.readonly&&!e.disabled){e.nativeInput.stepUp();e.value=e.nativeInput.value}};this.stepDown=function(){if(e.nativeInput&&!e.readonly&&!e.disabled){e.nativeInput.stepDown();e.value=e.nativeInput.value}};this.toggleTextRecognition=function(){e.isRecording=!e.isRecording;if(!e.isRecording){e.speechToTextLabel=e.t.get("speechToTextOn");e.speechToTextIcon=miOutlineMic;e.stopRecognition();return}e.speechToTextLabel=e.t.get("speechToTextOff");e.speechToTextIcon=miBaselineDone;e.startRecognition()};this.onSpeechRecognitionError=function(){console.error("SpeechRecognition API may not work properly on Chrome based browsers.");e.speechButton.classList.remove("mic-toggle-button--recording");e.speechButton.classList.add("toggle-button--error");e.isRecording=false;e.speechToTextLabel=e.t.get("speechToTextError");e.speechToTextIcon=miOutlineMicOff};this.startRecognition=function(){var t,r,i;if(!e.speechButton){e.speechButton=(r=(t=e.el)===null||t===void 0?void 0:t.shadowRoot)===null||r===void 0?void 0:r.querySelector(".mic-toggle-button")}var n=(i=window.SpeechRecognition)!==null&&i!==void 0?i:window.webkitSpeechRecognition;e.value="";if(!n){e.onSpeechRecognitionError();return}e.recognition=new n;e.recognition.continuous=true;e.recognition.lang=navigator.language||"it-IT";e.recognition.interimResults=true;e.recognition.maxAlternatives=1;var o="";var a=0;e.recognition.onresult=function(t){var r=t.results;var i=r[a];if(i.isFinal){o+=i[0].transcript;e.value=o;a+=1;return}e.value=o+i[0].transcript};e.recognition.onerror=function(t){console.error("SpeechRecognition API error:",t.error);e.onSpeechRecognitionError()};e.recognition.start()};this.stopRecognition=function(){if(e.recognition){e.recognition.stop();e.speechEvent.emit()}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.el);this.t.update();return[2]}))}))};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.connectedCallback=function(){this.datalistId="datalist-".concat(hashRandomValue())};t.prototype.componentWillLoad=function(){var t;this.language=this.t.lang(this.el);this.speechToTextLabel=this.t.get("speechToTextOn");if(this.el.hasAttribute("tabindex")){var e=this.el.getAttribute("tabindex");this.tabindex=e!==null?parseInt(e):undefined;this.el.removeAttribute("tabindex")}this.internals.setFormValue((t=this.value)!==null&&t!==void 0?t:null);this.maxLengthChanged(this.maxlength);this.isValid=!(this.required&&!this.value)};t.prototype.componentDidLoad=function(){var t,e,r;this.inputValidation=createInputValidationManager(this.type);this.setValidators();(t=this.nativeInput)===null||t===void 0?void 0:t.setAttribute("pattern",String(this.inputValidation.pattern));if(this.autofocus){(e=this.nativeInput)===null||e===void 0?void 0:e.focus()}this.variantChanged((r=this.variant)!==null&&r!==void 0?r:"primary")};t.prototype.setValidators=function(){if(this.required)this.inputValidation.validator.addValidator(requiredValidor);if(this.max!==""&&Number(this.max))this.inputValidation.validator.addValidator(maxValidator(Number(this.max)));if(this.min!==""&&Number(this.min))this.inputValidation.validator.addValidator(minValidator(Number(this.max)));if(this.maxlength)this.inputValidation.validator.addValidator(maxLenghtValidator(this.maxlength));if(this.minlength)this.inputValidation.validator.addValidator(minLenghtValidator(this.minlength))};t.prototype.valueChanged=function(){var t;this.changeEvent.emit({value:this.value});this.internals.setFormValue((t=this.value)!==null&&t!==void 0?t:null);if(this.maxlength!==undefined){this.countMaxLength()}if(this.value==="")return;if(!this.isValid)this.validateInput()};t.prototype.variantChanged=function(t){if(t==="ai"&&this.icon===undefined){this.icon=mggAiChatbotOutline}};t.prototype.maxLengthChanged=function(t){if(t===undefined)return;if(t<=0){this.maxlength=undefined;return}this.countMaxLength()};t.prototype.addValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputValidation.validator.addValidator(t);return[2,Promise.resolve()]}))}))};t.prototype.removeValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputValidation.validator.removeValidator(t);return[2]}))}))};t.prototype.hasValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.inputValidation.validator.hasValidator(t)]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.inputValidation.validator.errors)]}))}))};t.prototype.validateInput=function(){if(this.inputValidation.validator.hasValidator()){this.isValid=this.inputValidation.isValid(this.value);if(this.value===""&&!this.required)this.variant="primary";else this.variant=this.isValid?"success":"error";this.validationEvent.emit(this.isValid)}return this.isValid};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.componentWillRender=function(){this.t.lang(this.el)};t.prototype.render=function(){var t=this;var e,r,i;return h(Host,{key:"63efd28d71e55c73c829a0dd566f62e735bb6736"},this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{key:"c7730f2bb6457570a922004478025712bbe0569c",class:"counter-button counter-button--horizontal counter-button--decrease",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowDown:miBaselineRemove,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",tone:"text",part:"counter-button-decrease"}),this.type==="textarea"?h("textarea",{class:clsx("input",((e=this.icon)!==null&&e!==void 0?e: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:function(e){return t.nativeInput=e},required:this.required,tabIndex:this.tabindex,value:this.value}):h("input",{class:clsx("input",((r=this.icon)!==null&&r!==void 0?r: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:function(e){return t.nativeInput=e},required:this.required,step:this.step,tabIndex:this.tabindex,type:this.type==="password"&&this.isPasswordVisible?"text":this.type,value:this.value}),this.type==="number"&&this.controlsLayout==="vertical"&&h("div",{key:"a11a1cdf049cfdbed17dc25b3d361d61e65fbfa3",class:"counter counter--vertical"},h("mds-button",{key:"9456eac1d48a91187911f429f321a30a9f303b82",class:"counter-button",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowUp:miBaselineAdd,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),variant:"dark",size:"sm",tone:"text",part:"counter-button-increase"}),h("mds-button",{key:"c29f7bdd570957db6055898dd0af0dd1525d98b0",class:"counter-button",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowDown:miBaselineRemove,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",size:"sm",tone:"text",part:"counter-button-decrease"})),this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{key:"3d755f49f8464bfe4f6f7ca9e85157db825c3905",class:"counter-button counter-button--horizontal counter-button--increase",variant:"dark",tone:"text",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowUp:miBaselineAdd,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),this.type==="password"&&h("mds-button",{key:"6641194c7b448b1d27f806c52c7cd011c0ae3ad5",class:"password-toggle-button",variant:"dark",tone:"text",icon:this.isPasswordVisible?miBaselineVisibleOff:miBaselineVisible,onClick:function(){return t.isPasswordVisible=!t.isPasswordVisible},tabindex:"0",title:this.isPasswordVisible?this.t.get("hidePassword"):this.t.get("showPassword"),part:"password-toggle-button"}),this.type==="password"&&!this.isPasswordVisible&&((i=this.value)===null||i===void 0?void 0:i.length)>0&&h("div",{key:"be0a893b00483e43582ebe1cbdf2de78ea9fdd1b",class:"password-mask"},h("div",{key:"7ac73065205c17a04132d2076e768387f25c9164",class:"password-mask-items",part:"password-mask-items"},Array.from({length:this.value.length}).map((function(t,e){return h("div",{key:e,class:"password-mask-item",part:"password-mask-item"})})))),this.mic&&h("mds-button",{key:"6fdca5aca12eb56670883c2fa414802f9c6eb32f",class:clsx("mic-toggle-button",this.isRecording&&"mic-toggle-button--recording"),icon:this.speechToTextIcon,onClick:function(){return t.toggleTextRecognition()},tabindex:"0",title:this.speechToTextLabel,variant:"dark",tone:"text",part:"mic-toggle-button"}),h("mds-input-tip",{key:"ab202ab518990cb89eeaf6e2aaf0d51f0b701f05",lang:this.language,position:"top",active:this.hasFocus,part:"tip-top"},this.disabled&&h("mds-input-tip-item",{key:"76011dab3a8cf3fb65329be96e53748a86e17246",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"97a9d42fe7b76c4da7cc58c8cbb1135e635004e5",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"ccd9e6849514e7b6b8d556fffd5c0d8d2289ad08",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),h("mds-input-tip",{key:"db35b767d1030dfbea345de28279770e9b1e8293",lang:this.language,position:"bottom",active:this.hasFocus,part:"tip-bottom"},this.tip&&h("mds-input-tip-item",{key:"31d65280cbd8b23e61e485c5afef05c00134d00e",expanded:true,variant:"text"},this.tip),this.maxlength&&h("mds-input-tip-item",{key:"3da21c408e5a10820ab5f3ee2ec0513546e58bd7",part:"tip-count",expanded:true,variant:this.countVariant},this.currentLengthLabel)),this.datalist&&h("datalist",{key:"7aaf629292a7f31c54c260367e5ee3ca66dce889",id:this.datalistId,class:"datalist"},this.datalist.map((function(t,e){return h("option",{key:e,value:t})}))),this.icon&&!this.await&&h("mds-icon",{key:"237c929482c18f7a52fdf7b9e82c5bce509f73b0",class:clsx("icon",this.variant),name:this.icon}),h("mds-spinner",{key:"33902197107e138f7eed71b59f05d46f077762a3",running:this.await,class:clsx("await",this.variant)}))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged:0}]}},enumerable:false,configurable:true});return t}();MdsInput.style=mdsInputCss();export{MdsInput as mds_input};
+var __awaiter=this&&this.__awaiter||function(t,e,r,i){function n(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,o){function a(t){try{c(i.next(t))}catch(t){o(t)}}function s(t){try{c(i["throw"](t))}catch(t){o(t)}}function c(t){t.done?r(t.value):n(t.value).then(a,s)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,n,o,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=s(0),a["throw"]=s(1),a["return"]=s(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return c([t,e])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(i=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;n=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];n=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{c as clsx}from"./clsx-ChV9xqsO.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";import{m as miBaselineKeyboardArrowUp}from"./keyboard-arrow-up-Ccz0jCNB.js";import{m as miBaselineRemove}from"./remove-D17B058a.js";import{m as miBaselineDone}from"./done-CvUz9jjh.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{h as hashRandomValue}from"./aria-CSCy6TMW.js";var mggAiChatbotOutline='<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';var miBaselineAdd='<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>';var miBaselineVisible='<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>';var miBaselineVisibleOff='<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>';var miOutlineMic='<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>';var miOutlineMicOff='<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>';var decrease$3="Μείωση";var hidePassword$3="Απόκρυψη κωδικού";var increase$3="Αύξηση";var showPassword$3="Εμφάνιση κωδικού";var speechToTextError$3="Η φωνητική υπαγόρευση δεν υποστηρίζεται από αυτό το πρόγραμμα περιήγησης";var speechToTextOff$3="Διακοπή φωνητικής υπαγόρευσης";var speechToTextOn$3="Έναρξη φωνητικής υπαγόρευσης";var localeEl={decrease:decrease$3,hidePassword:hidePassword$3,increase:increase$3,showPassword:showPassword$3,speechToTextError:speechToTextError$3,speechToTextOff:speechToTextOff$3,speechToTextOn:speechToTextOn$3};var decrease$2="Decrease";var hidePassword$2="Hide password";var increase$2="Increase";var showPassword$2="Show password";var speechToTextError$2="Voice dictation is not supported by this browser";var speechToTextOff$2="Stop voice dictation";var speechToTextOn$2="Start voice dictation";var localeEn={decrease:decrease$2,hidePassword:hidePassword$2,increase:increase$2,showPassword:showPassword$2,speechToTextError:speechToTextError$2,speechToTextOff:speechToTextOff$2,speechToTextOn:speechToTextOn$2};var decrease$1="Disminuir";var hidePassword$1="Ocultar contraseña";var increase$1="Aumentar";var showPassword$1="Mostrar contraseña";var speechToTextError$1="El dictado por voz no es compatible con este navegador";var speechToTextOff$1="Detener dictado por voz";var speechToTextOn$1="Iniciar dictado por voz";var localeEs={decrease:decrease$1,hidePassword:hidePassword$1,increase:increase$1,showPassword:showPassword$1,speechToTextError:speechToTextError$1,speechToTextOff:speechToTextOff$1,speechToTextOn:speechToTextOn$1};var decrease="Diminuisci";var hidePassword="Nascondi password";var increase="Aumenta";var showPassword="Visualizza password";var speechToTextError="Dettatura vocale non supportata da questo browser";var speechToTextOff="Ferma dettatura vocale";var speechToTextOn="Inizia dettatura vocale";var localeIt={decrease:decrease,hidePassword:hidePassword,increase:increase,showPassword:showPassword,speechToTextError:speechToTextError,speechToTextOff:speechToTextOff,speechToTextOn:speechToTextOn};var NullValidator=function(){return null};var requiredValidor=function(t){return t.length>0?null:{required:""}};var maxValidator=function(t){return function(e){if(e===""||t===null){return null}var r=parseFloat(e);return!isNaN(r)&&r>t?{max:"valore massimo ".concat(t)}:null}};var minValidator=function(t){return function(e){if(e===""||t===null){return null}var r=parseFloat(e);return!isNaN(r)&&r<t?{min:"valore minimo ".concat(t)}:null}};var maxLenghtValidator=function(t){return function(e){if(e===""||t===null){return null}return e.length>t?{minLenght:"La lunghezza massima accettata è ".concat(t)}:null}};var minLenghtValidator=function(t){return function(e){if(e===""||t===null){return null}return e.length<t?{minLenght:"La lunghezza minima accettata è ".concat(t)}:null}};var isbnValidatorFn=function(t){if(t==="")return null;if(Number.isNaN(t.slice(0,-1))||t.length!==10&&t.length!==13)return{"isbn-error":"formato isbn non correto"};var e=t.split("").map((function(t){return t==="X"?10:Number(t)}));var r=0;if(t.length===10){var i=e.reduce((function(t,e,r){return t+(10-r)*e}),0);r=i%11}else{var i=e.reduce((function(t,e,r){var i=r%2===0?1:3;return t+e*i}),0);r=i%10}return r===0?null:{"isbn-error":"codice isbn non valido"}};var Validator=function(){function t(){this._validators=[];this._errors=null;this.isValid=true}t.prototype.addValidator=function(t){var e;if(Array.isArray(t)){(e=this._validators).push.apply(e,t)}else{this._validators.push(t)}};t.prototype._hasValidator=function(t,e){return Array.isArray(t)?t.includes(e):t===e};t.prototype.hasValidator=function(t){return t?this._hasValidator(this._validators,t):this._validators.length>0};t.prototype.removeValidator=function(t){var e=this;this._validators=this._validators.filter((function(r){return!e._hasValidator(t,r)}))};t.prototype.validate=function(t){var e=this._validators.map((function(e){return e(t)})).reduce((function(t,e){return Object.assign(Object.assign({},t),e)}),NullValidator);this._errors=Object.keys(e).length===0?null:e;this.isValid=!this._errors};Object.defineProperty(t.prototype,"errors",{get:function(){return this._errors},enumerable:false,configurable:true});return t}();var InputMaskPattern=function(){function t(){}return t}();InputMaskPattern.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;InputMaskPattern.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A";InputMaskPattern.CC_MASK="9999-9999-9999-9999";var InputValidationManager=function(){function t(t){this.validator=new Validator;this.pattern=t}t.prototype.mask=function(t){if(!this.pattern){throw new Error("no pattern found, set pattern before mask")}};t.prototype.isValid=function(t){this.validator.validate(t);return this.validator.isValid};return t}();function createInputValidationManager(t){var e;switch(t){case"tel":e=new InputValidationManager("");break;case"url":e=new InputValidationManager("");break;case"cc":e=new InputValidationManager(InputMaskPattern.CC_MASK);break;case"cf":e=new InputValidationManager(InputMaskPattern.CF_MASK);e.validator.addValidator((function(t){if(t==="")return null;return InputMaskPattern.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"}}));e.validator.addValidator((function(t){if(t==="")return null;return t.length===16?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}}));break;case"isbn":e=new InputValidationManager;e.validator.addValidator(isbnValidatorFn);break;case"piva":e=new InputValidationManager("");break;default:e=new InputValidationManager("")}return e}var mdsInputCss=function(){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))}}'};var MdsInput=function(){function t(t){var e=this;registerInstance(this,t);this.changeEvent=createEvent(this,"mdsInputChange");this.keyDownEvent=createEvent(this,"mdsInputKeydown");this.blurEvent=createEvent(this,"mdsInputBlur");this.focusEvent=createEvent(this,"mdsInputFocus");this.speechEvent=createEvent(this,"mdsInputSpeechEnd");this.validationEvent=createEvent(this,"mdsInputValidation");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.speechToTextIcon=miOutlineMic;this.hasFocus=false;this.isRecording=false;this.countVariant="count-empty";this.isPasswordVisible=false;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.autocomplete="off";this.autofocus=false;this.await=false;this.controlsLayout="vertical";this.controlsIcon="arrow";this.disabled=false;this.readonly=false;this.required=false;this.variant="primary";this.type="text";this.typography="detail";this.value="";this.countMaxLength=function(){var t,r,i;if(e.maxlength===undefined||e.maxlength===0||Number.isNaN(e.maxlength))return;if(e.value===undefined)return;e.currentLengthLabel="".concat((r=(t=e.value)===null||t===void 0?void 0:t.length)!==null&&r!==void 0?r:0," / ").concat(e.maxlength);var n=Math.round(e.value.length*100/e.maxlength);if(((i=e.value)===null||i===void 0?void 0:i.length)===e.maxlength){e.countVariant="count-full";return}if(n>=100){e.countVariant="count-full";return}if(n>=75){e.countVariant="count-almost-full";return}if(n>=50){e.countVariant="count-almost";return}if(n>=25){e.countVariant="count-incomplete";return}e.countVariant="count-empty"};this.onInput=function(t){var r=t.target;if(r){e.value=r.value;e.internals.setFormValue(e.value)}e.keyDownEvent.emit(t)};this.onBlur=function(){e.hasFocus=false;e.validateInput();e.blurEvent.emit()};this.onFocus=function(t){var r=t.target;e.hasFocus=true;e.focusEvent.emit();if(e.readonly){setTimeout((function(){r.select()}),10)}};this.stepUp=function(){if(e.nativeInput&&!e.readonly&&!e.disabled){e.nativeInput.stepUp();e.value=e.nativeInput.value}};this.stepDown=function(){if(e.nativeInput&&!e.readonly&&!e.disabled){e.nativeInput.stepDown();e.value=e.nativeInput.value}};this.toggleTextRecognition=function(){e.isRecording=!e.isRecording;if(!e.isRecording){e.speechToTextLabel=e.t.get("speechToTextOn");e.speechToTextIcon=miOutlineMic;e.stopRecognition();return}e.speechToTextLabel=e.t.get("speechToTextOff");e.speechToTextIcon=miBaselineDone;e.startRecognition()};this.onSpeechRecognitionError=function(){console.error("SpeechRecognition API may not work properly on Chrome based browsers.");e.speechButton.classList.remove("mic-toggle-button--recording");e.speechButton.classList.add("toggle-button--error");e.isRecording=false;e.speechToTextLabel=e.t.get("speechToTextError");e.speechToTextIcon=miOutlineMicOff};this.startRecognition=function(){var t,r,i;if(e.speechButton==null){e.speechButton=(r=(t=e.el)===null||t===void 0?void 0:t.shadowRoot)===null||r===void 0?void 0:r.querySelector(".mic-toggle-button")}var n=(i=window.SpeechRecognition)!==null&&i!==void 0?i:window.webkitSpeechRecognition;e.value="";if(!n){e.onSpeechRecognitionError();return}e.recognition=new n;e.recognition.continuous=true;e.recognition.lang=navigator.language||"it-IT";e.recognition.interimResults=true;e.recognition.maxAlternatives=1;var o="";var a=0;e.recognition.onresult=function(t){var r=t.results;var i=r[a];if(i.isFinal){o+=i[0].transcript;e.value=o;a+=1;return}e.value=o+i[0].transcript};e.recognition.onerror=function(t){console.error("SpeechRecognition API error:",t.error);e.onSpeechRecognitionError()};e.recognition.start()};this.stopRecognition=function(){if(e.recognition){e.recognition.stop();e.speechEvent.emit()}}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.el);this.t.update();return[2]}))}))};t.prototype.formResetCallback=function(){this.internals.setFormValue("")};t.prototype.connectedCallback=function(){this.datalistId="datalist-".concat(hashRandomValue())};t.prototype.componentWillLoad=function(){var t;this.language=this.t.lang(this.el);this.speechToTextLabel=this.t.get("speechToTextOn");if(this.el.hasAttribute("tabindex")){var e=this.el.getAttribute("tabindex");this.tabindex=e!==null?parseInt(e):undefined;this.el.removeAttribute("tabindex")}this.internals.setFormValue((t=this.value)!==null&&t!==void 0?t:null);this.maxLengthChanged(this.maxlength);this.isValid=!(this.required&&this.value==="")};t.prototype.componentDidLoad=function(){var t,e,r;this.inputValidation=createInputValidationManager(this.type);this.setValidators();(t=this.nativeInput)===null||t===void 0?void 0:t.setAttribute("pattern",String(this.inputValidation.pattern));if(this.autofocus){(e=this.nativeInput)===null||e===void 0?void 0:e.focus()}this.variantChanged((r=this.variant)!==null&&r!==void 0?r:"primary")};t.prototype.setValidators=function(){if(this.required)this.inputValidation.validator.addValidator(requiredValidor);if(this.max!==""&&Number(this.max)!==0&&!Number.isNaN(Number(this.max)))this.inputValidation.validator.addValidator(maxValidator(Number(this.max)));if(this.min!==""&&Number(this.min)!==0&&!Number.isNaN(Number(this.min)))this.inputValidation.validator.addValidator(minValidator(Number(this.max)));if(this.maxlength!==undefined&&this.maxlength!==0&&!Number.isNaN(this.maxlength))this.inputValidation.validator.addValidator(maxLenghtValidator(this.maxlength));if(this.minlength!==undefined&&this.minlength!==0&&!Number.isNaN(this.minlength))this.inputValidation.validator.addValidator(minLenghtValidator(this.minlength))};t.prototype.valueChanged=function(){var t;this.changeEvent.emit({value:this.value});this.internals.setFormValue((t=this.value)!==null&&t!==void 0?t:null);if(this.maxlength!==undefined){this.countMaxLength()}if(this.value==="")return;if(!this.isValid)this.validateInput()};t.prototype.variantChanged=function(t){if(t==="ai"&&this.icon===undefined){this.icon=mggAiChatbotOutline}};t.prototype.maxLengthChanged=function(t){if(t===undefined)return;if(t<=0){this.maxlength=undefined;return}this.countMaxLength()};t.prototype.addValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputValidation.validator.addValidator(t);return[2,Promise.resolve()]}))}))};t.prototype.removeValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.inputValidation.validator.removeValidator(t);return[2]}))}))};t.prototype.hasValidator=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.inputValidation.validator.hasValidator(t)]}))}))};t.prototype.getErrors=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,Promise.resolve(this.inputValidation.validator.errors)]}))}))};t.prototype.validateInput=function(){if(this.inputValidation.validator.hasValidator()){this.isValid=this.inputValidation.isValid(this.value);if(this.value===""&&!this.required)this.variant="primary";else this.variant=this.isValid?"success":"error";this.validationEvent.emit(this.isValid)}return this.isValid};t.prototype.disabledChanged=function(t){if(t){this.internals.setFormValue(null)}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus()}return[2]}))}))};t.prototype.getInputElement=function(){return Promise.resolve(this.nativeInput)};t.prototype.componentWillRender=function(){this.t.lang(this.el)};t.prototype.render=function(){var t=this;var e,r,i;return h(Host,{key:"ad6a22b8162d976d62a9991054934c71c218c500"},this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{key:"68c91a11f6c37cea5e21c9695522e45213050d45",class:"counter-button counter-button--horizontal counter-button--decrease",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowDown:miBaselineRemove,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",tone:"text",part:"counter-button-decrease"}),this.type==="textarea"?h("textarea",{class:clsx("input",((e=this.icon)!==null&&e!==void 0?e: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:function(e){return t.nativeInput=e},required:this.required,tabIndex:this.tabindex,value:this.value}):h("input",{class:clsx("input",((r=this.icon)!==null&&r!==void 0?r: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:function(e){return t.nativeInput=e},required:this.required,step:this.step,tabIndex:this.tabindex,type:this.type==="password"&&this.isPasswordVisible?"text":this.type,value:this.value}),this.type==="number"&&this.controlsLayout==="vertical"&&h("div",{key:"fd2b20e2a3ed42a61b6728fcadfd305f34c6a446",class:"counter counter--vertical"},h("mds-button",{key:"48a253a2ca7e4ee58228c0a6df600ef366e984cc",class:"counter-button",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowUp:miBaselineAdd,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),variant:"dark",size:"sm",tone:"text",part:"counter-button-increase"}),h("mds-button",{key:"0a6b850aae842b24dc4f7ef8988a75990de136aa",class:"counter-button",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowDown:miBaselineRemove,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),variant:"dark",size:"sm",tone:"text",part:"counter-button-decrease"})),this.type==="number"&&this.controlsLayout==="horizontal"&&h("mds-button",{key:"ea3e0594d7a31601bbe20cc4e38afd4bec6cdff7",class:"counter-button counter-button--horizontal counter-button--increase",variant:"dark",tone:"text",icon:this.controlsIcon==="arrow"?miBaselineKeyboardArrowUp:miBaselineAdd,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),this.type==="password"&&h("mds-button",{key:"bf34d6df82fc3e960fbcbc3067d92b433b42accd",class:"password-toggle-button",variant:"dark",tone:"text",icon:this.isPasswordVisible?miBaselineVisibleOff:miBaselineVisible,onClick:function(){return t.isPasswordVisible=!t.isPasswordVisible},tabindex:"0",title:this.isPasswordVisible?this.t.get("hidePassword"):this.t.get("showPassword"),part:"password-toggle-button"}),this.type==="password"&&!this.isPasswordVisible&&((i=this.value)===null||i===void 0?void 0:i.length)>0&&h("div",{key:"99ec0f020348a5de910ab91fd42e1bd4484e4aff",class:"password-mask"},h("div",{key:"3551407dcbde2547391f940c3a010a7c0855ef85",class:"password-mask-items",part:"password-mask-items"},Array.from({length:this.value.length}).map((function(t,e){return h("div",{key:e,class:"password-mask-item",part:"password-mask-item"})})))),this.mic&&h("mds-button",{key:"49dbb6cffac109437ac5de7357a1a995d9c9d22f",class:clsx("mic-toggle-button",this.isRecording&&"mic-toggle-button--recording"),icon:this.speechToTextIcon,onClick:function(){return t.toggleTextRecognition()},tabindex:"0",title:this.speechToTextLabel,variant:"dark",tone:"text",part:"mic-toggle-button"}),h("mds-input-tip",{key:"a81de1242c891bc7a82d6a213e854af3b7f7e6b6",lang:this.language,position:"top",active:this.hasFocus,part:"tip-top"},this.disabled&&h("mds-input-tip-item",{key:"b6ec44b88905eded511cf192504853c5e7eaa287",expanded:true,variant:"disabled"}),this.readonly&&h("mds-input-tip-item",{key:"ce523b25baf2300715d12b5bef5c0842d2a19fd9",expanded:true,variant:"readonly"}),this.required&&h("mds-input-tip-item",{key:"7aa2b62701797678d32bdb43f7c0d3c0da47443c",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),h("mds-input-tip",{key:"17cf961c116164a7266e5541693dc00435b72e16",lang:this.language,position:"bottom",active:this.hasFocus,part:"tip-bottom"},this.tip&&h("mds-input-tip-item",{key:"e604b97d70fd47ee4a9681272a1a95f1aafc3a82",expanded:true,variant:"text"},this.tip),this.maxlength&&h("mds-input-tip-item",{key:"572470935113d9182e9d96c0ef743d4c30ffbf22",part:"tip-count",expanded:true,variant:this.countVariant},this.currentLengthLabel)),this.datalist&&h("datalist",{key:"1501e7a01bc73103691be34570420ab8f2601e75",id:this.datalistId,class:"datalist"},this.datalist.map((function(t,e){return h("option",{key:e,value:t})}))),this.icon&&!this.await&&h("mds-icon",{key:"5e3eb451e9d1bbc2d1c2c253c8baa80b5ba8a9ed",class:clsx("icon",this.variant),name:this.icon}),h("mds-spinner",{key:"f0606534fb2a0b698a28548d48352e5429302d1b",running:this.await,class:clsx("await",this.variant)}))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:[{valueChanged:0}],variant:[{variantChanged:0}],maxlength:[{maxLengthChanged:0}],disabled:[{disabledChanged:0}]}},enumerable:false,configurable:true});return t}();MdsInput.style=mdsInputCss();export{MdsInput as mds_input};

package/dist/esm-es5/mds-keyboard-key.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(a,e,r,i){function o(a){return a instanceof r?a:new r((function(e){e(a)}))}return new(r||(r=Promise))((function(r,t){function n(a){try{c(i.next(a))}catch(a){t(a)}}function s(a){try{c(i["throw"](a))}catch(a){t(a)}}function c(a){a.done?r(a.value):o(a.value).then(n,s)}c((i=i.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var r={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},i,o,t,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(a){return function(e){return c([a,e])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(i=1,o&&(t=s[0]&2?o["return"]:s[0]?o["throw"]||((t=o["return"])&&t.call(o),0):o.next)&&!(t=t.call(o,s[1])).done)return t;if(o=0,t)s=[s[0]&2,t.value];switch(s[0]){case 0:case 1:t=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(t=r.trys,t=t.length>0&&t[t.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!t||s[1]>t[0]&&s[1]<t[3])){r.label=s[1];break}if(s[0]===6&&r.label<t[1]){r.label=t[1];t=s;break}if(t&&r.label<t[2]){r.label=t[2];r.ops.push(s);break}if(t[2])r.ops.pop();r.trys.pop();continue}s=e.call(a,r)}catch(a){s=[6,a];o=0}finally{i=t=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{k as keyboardKeysData}from"./keys-C4ckbXOl.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{m as miBaselineBrokenImage}from"./broken-image-0FAG3rkw.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";import{m as miBaselineKeyboardArrowUp}from"./keyboard-arrow-up-Ccz0jCNB.js";import{m as miBaselineKeyboardArrowRight}from"./keyboard-arrow-right-DFyAGAnn.js";var keyCharacter$3="Αλφαβητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου";var keyFunction$3="Πλήκτρο λειτουργίας {{ character }} που χρησιμοποιείται συχνά για καθολικές λειτουργίες ανάλογα με το λειτουργικό σύστημα και την έκδοσή του";var keyNumber$3="Αριθμητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου";var modAlt$3="Πλήκτρο τροποποίησης Alt{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}} (εναλλακτικό), που χρησιμοποιείται συχνά για συντομεύσεις συστήματος";var modControl$3="Πλήκτρο τροποποίησης Control ή Ctrl{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται σε πολλές συντομεύσεις";var modMeta$3="Πλήκτρο τροποποίησης Meta{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, πλήκτρο Windows ⊞ στα Windows ή Command ⌘ στο macOS";var modShift$3="Πλήκτρο τροποποίησης Shift{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται για κεφαλαία γράμματα";var navArrowDown$3="Πλήκτρο πλοήγησης Κάτω βέλος";var navArrowLeft$3="Πλήκτρο πλοήγησης Αριστερό βέλος";var navArrowRight$3="Πλήκτρο πλοήγησης Δεξί βέλος";var navArrowUp$3="Πλήκτρο πλοήγησης Πάνω βέλος";var navEnd$3="Πλήκτρο πλοήγησης Μετάβαση στο τέλος";var navHome$3="Πλήκτρο πλοήγησης Μετάβαση στην αρχή";var navPageDown$3="Πλήκτρο πλοήγησης Κύλιση προς τα κάτω";var navPageUp$3="Πλήκτρο πλοήγησης Κύλιση προς τα πάνω";var numPadEnter$3="Πλήκτρο Enter αριθμητικού πληκτρολογίου για επιβεβαίωση ενέργειας";var specBackspace$3="Ειδικό πλήκτρο Διαγραφή χαρακτήρα";var specCapsLock$3="Ειδικό πλήκτρο Caps Lock (συνήθως αποφεύγεται στις συντομεύσεις πληκτρολογίου)";var specDelete$3="Ειδικό πλήκτρο Διαγραφή επιλεγμένου στοιχείου";var specEnter$3="Ειδικό πλήκτρο Enter για επιβεβαίωση ενέργειας";var specEscape$3="Ειδικό πλήκτρο Έξοδος ή ακύρωση";var specSpace$3="Ειδικό πλήκτρο Διάστημα";var specTab$3="Ειδικό πλήκτρο Tab για εναλλαγή εστίασης μεταξύ στοιχείων";var localeEl={keyCharacter:keyCharacter$3,keyFunction:keyFunction$3,keyNumber:keyNumber$3,modAlt:modAlt$3,modControl:modControl$3,modMeta:modMeta$3,modShift:modShift$3,navArrowDown:navArrowDown$3,navArrowLeft:navArrowLeft$3,navArrowRight:navArrowRight$3,navArrowUp:navArrowUp$3,navEnd:navEnd$3,navHome:navHome$3,navPageDown:navPageDown$3,navPageUp:navPageUp$3,numPadEnter:numPadEnter$3,specBackspace:specBackspace$3,specCapsLock:specCapsLock$3,specDelete:specDelete$3,specEnter:specEnter$3,specEscape:specEscape$3,specSpace:specSpace$3,specTab:specTab$3};var keyCharacter$2="Alphabetic character {{ character }} typically used for composing keyboard shortcuts";var keyFunction$2="Function key {{ character }} often used for global functions depending on the operating system and its version";var keyNumber$2="Numeric character {{ character }} typically used for composing keyboard shortcuts";var modAlt$2="Modifier key Alt{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}} (alternative), often used for system shortcuts";var modControl$2="Modifier key Control or Ctrl{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used in many shortcuts";var modMeta$2="Modifier key Meta{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, Windows ⊞ key on Windows or Command ⌘ on macOS";var modShift$2="Modifier key Shift{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used for uppercase letters";var navArrowDown$2="Navigation key Down Arrow";var navArrowLeft$2="Navigation key Left Arrow";var navArrowRight$2="Navigation key Right Arrow";var navArrowUp$2="Navigation key Up Arrow";var navEnd$2="Navigation key Go to End";var navHome$2="Navigation key Go to Home";var navPageDown$2="Navigation key Scroll Down";var navPageUp$2="Navigation key Scroll Up";var numPadEnter$2="Keypad Enter key to confirm an action";var specBackspace$2="Special key Delete character";var specCapsLock$2="Special key Caps Lock (generally avoided in keyboard shortcuts)";var specDelete$2="Special key Delete selected item";var specEnter$2="Special key Enter to confirm an action";var specEscape$2="Special key Exit or cancel";var specSpace$2="Special key Space bar";var specTab$2="Special key Tab to change focus between elements";var localeEn={keyCharacter:keyCharacter$2,keyFunction:keyFunction$2,keyNumber:keyNumber$2,modAlt:modAlt$2,modControl:modControl$2,modMeta:modMeta$2,modShift:modShift$2,navArrowDown:navArrowDown$2,navArrowLeft:navArrowLeft$2,navArrowRight:navArrowRight$2,navArrowUp:navArrowUp$2,navEnd:navEnd$2,navHome:navHome$2,navPageDown:navPageDown$2,navPageUp:navPageUp$2,numPadEnter:numPadEnter$2,specBackspace:specBackspace$2,specCapsLock:specCapsLock$2,specDelete:specDelete$2,specEnter:specEnter$2,specEscape:specEscape$2,specSpace:specSpace$2,specTab:specTab$2};var keyCharacter$1="Carácter alfabético {{ character }} típicamente usado para componer atajos de teclado";var keyFunction$1="Tecla de función {{ character }} a menudo utilizada para funciones globales según el sistema operativo y su versión";var keyNumber$1="Carácter numérico {{ character }} típicamente usado para componer atajos de teclado";var modAlt$1="Tecla modificadora Alt{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}} (alternativa), a menudo usada para atajos de sistema";var modControl$1="Tecla modificadora Control o Ctrl{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada en muchos atajos";var modMeta$1="Tecla modificadora Meta{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, tecla Windows ⊞ en Windows o Command ⌘ en macOS";var modShift$1="Tecla modificadora Shift{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada para letras mayúsculas";var navArrowDown$1="Tecla de navegación Flecha abajo";var navArrowLeft$1="Tecla de navegación Flecha izquierda";var navArrowRight$1="Tecla de navegación Flecha derecha";var navArrowUp$1="Tecla de navegación Flecha arriba";var navEnd$1="Tecla de navegación Ir al final";var navHome$1="Tecla de navegación Ir al inicio";var navPageDown$1="Tecla de navegación Desplazar hacia abajo";var navPageUp$1="Tecla de navegación Desplazar hacia arriba";var numPadEnter$1="Tecla Enter del teclado numérico para confirmar una acción";var specBackspace$1="Tecla especial Borrar carácter";var specCapsLock$1="Tecla especial Bloq Mayús (generalmente evitada en atajos de teclado)";var specDelete$1="Tecla especial Eliminar elemento seleccionado";var specEnter$1="Tecla especial Enter para confirmar una acción";var specEscape$1="Tecla especial Salir o cancelar";var specSpace$1="Tecla especial Barra espaciadora";var specTab$1="Tecla especial Tab para cambiar el foco entre elementos";var localeEs={keyCharacter:keyCharacter$1,keyFunction:keyFunction$1,keyNumber:keyNumber$1,modAlt:modAlt$1,modControl:modControl$1,modMeta:modMeta$1,modShift:modShift$1,navArrowDown:navArrowDown$1,navArrowLeft:navArrowLeft$1,navArrowRight:navArrowRight$1,navArrowUp:navArrowUp$1,navEnd:navEnd$1,navHome:navHome$1,navPageDown:navPageDown$1,navPageUp:navPageUp$1,numPadEnter:numPadEnter$1,specBackspace:specBackspace$1,specCapsLock:specCapsLock$1,specDelete:specDelete$1,specEnter:specEnter$1,specEscape:specEscape$1,specSpace:specSpace$1,specTab:specTab$1};var keyCharacter="Carattere alfabetico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera";var keyFunction="Tasto funzione {{ character }} spesso usato per funzioni globali a seconda del sistema operativo e della sua versione";var keyNumber="Carattere numerico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera";var modAlt="Tasto modificatore Alt{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}} (alternativo), spesso usato per shortcut di sistema";var modControl="Tasto modificatore Control o Ctrl{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato in molte scorciatoie";var modMeta="Tasto modificatore meta{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, Finestra ⊞ su Windows o Command ⌘ su macOS";var modShift="Tasto modificatore Shift{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato per maiuscole";var navArrowDown="Tasto navigazione Freccia giù";var navArrowLeft="Tasto navigazione Freccia sinistra";var navArrowRight="Tasto navigazione Freccia destra";var navArrowUp="Tasto navigazione Freccia su";var navEnd="Tasto navigazione Vai alla fine";var navHome="Tasto navigazione Vai all'inizio";var navPageDown="Tasto navigazione Scorri in giù";var navPageUp="Tasto navigazione Scorri in su";var numPadEnter="Tasto Invio per confermare una azione dal tastierino numerico";var specBackspace="Tasto speciale Cancella carattere";var specCapsLock="Tasto speciale Blocco maiuscole (generalmente evitato nelle scorciatoie da tastiera)";var specDelete="Tasto speciale Cancella elemento selezionato";var specEnter="Tasto speciale Invio per confermare una azione";var specEscape="Tasto speciale Esci o annulla";var specSpace="Tasto speciale Barra spaziatrice";var specTab="Tasto speciale Tab per cambiare focus tra elementi";var localeIt={keyCharacter:keyCharacter,keyFunction:keyFunction,keyNumber:keyNumber,modAlt:modAlt,modControl:modControl,modMeta:modMeta,modShift:modShift,navArrowDown:navArrowDown,navArrowLeft:navArrowLeft,navArrowRight:navArrowRight,navArrowUp:navArrowUp,navEnd:navEnd,navHome:navHome,navPageDown:navPageDown,navPageUp:navPageUp,numPadEnter:numPadEnter,specBackspace:specBackspace,specCapsLock:specCapsLock,specDelete:specDelete,specEnter:specEnter,specEscape:specEscape,specSpace:specSpace,specTab:specTab};var miBaselineKeyboardReturn='<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>';var miBaselineKeyboardArrowLeft='<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>';var miBaselineKeyboardTab='<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>';var miBaselineKeyboardCommandKey='<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>';var miBaselineKeyboardOptionKey='<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>';var miSharpWindow='<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>';var miOutlineBackspace='<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>';var miBaselineKeyboardCapslock='<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>';var mdiKeyboardSpace='<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>';var miBaselineNorth='<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>';var miBaselineSouth='<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>';var mdiKeyboardShift='<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>';var miBaselineVerticalAlignTop='<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>';var miBaselineVerticalAlignBottom='<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>';var icons=new Map;icons.set("arrowdown",miBaselineKeyboardArrowDown);icons.set("arrowleft",miBaselineKeyboardArrowLeft);icons.set("arrowright",miBaselineKeyboardArrowRight);icons.set("arrowup",miBaselineKeyboardArrowUp);icons.set("command",miBaselineKeyboardCommandKey);icons.set("commandleft",miBaselineKeyboardCommandKey);icons.set("commandright",miBaselineKeyboardCommandKey);icons.set("delete",miOutlineBackspace);icons.set("capslock",miBaselineKeyboardCapslock);icons.set("backspace",miOutlineBackspace);icons.set("enter",miBaselineKeyboardReturn);icons.set("home",miBaselineVerticalAlignTop);icons.set("end",miBaselineVerticalAlignBottom);icons.set("option",miBaselineKeyboardOptionKey);icons.set("optionleft",miBaselineKeyboardOptionKey);icons.set("optionright",miBaselineKeyboardOptionKey);icons.set("pagedown",miBaselineSouth);icons.set("pageup",miBaselineNorth);icons.set("shift",mdiKeyboardShift);icons.set("shiftleft",mdiKeyboardShift);icons.set("shiftright",mdiKeyboardShift);icons.set("space",mdiKeyboardSpace);icons.set("tab",miBaselineKeyboardTab);icons.set("windows",miSharpWindow);icons.set("windowsleft",miSharpWindow);icons.set("windowsright",miSharpWindow);var mdsKeyboardKeyCss=function(){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}'};var MdsKeyboardKey=function(){function a(a){var e=this;registerInstance(this,a);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.keyboardKeys=keyboardKeysData;this.getTitle=function(){if(e.name){return e.t.get(e.keyboardKeys[e.name.toLowerCase()].description,{character:e.keyboardKeys[e.name.toLowerCase()].alias,keyboardPosition:e.keyboardKeys[e.name.toLowerCase()].keyboardPosition})}return undefined}}a.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=this.t.lang(this.host);return[2]}))}))};a.prototype.componentWillLoad=function(){this.t.lang(this.host)};a.prototype.render=function(){var a,e,r,i;return h(Host,{key:"90c476d6fb6883fd81c874fa7fdac6b909314caf",title:this.getTitle()},h("div",{key:"ef49ed137c5537e259ae6c27484d8e752fe5d0b9",class:"physical-key"},this.name&&icons.has(this.name)?h("mds-icon",{name:(a=icons.get(this.name))!==null&&a!==void 0?a:miBaselineBrokenImage,class:"shortcut-icon"}):h("mds-text",{class:"shortcut-text",typography:"detail"},this.name&&h("b",null,this.keyboardKeys[this.name].alias)),this.name&&((e=this.keyboardKeys[this.name])===null||e===void 0?void 0:e.keyboardPosition)&&h("mds-text",{key:"926c22376dbb6157f51fe938647681f3aa2881ed",typography:"label"},((r=this.keyboardKeys[this.name].keyboardPosition)===null||r===void 0?void 0:r.left)&&"l",((i=this.keyboardKeys[this.name].keyboardPosition)===null||i===void 0?void 0:i.right)&&"r")))};Object.defineProperty(a.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();MdsKeyboardKey.style=mdsKeyboardKeyCss();export{MdsKeyboardKey as mds_keyboard_key};
+var __awaiter=this&&this.__awaiter||function(a,e,r,i){function o(a){return a instanceof r?a:new r((function(e){e(a)}))}return new(r||(r=Promise))((function(r,t){function n(a){try{c(i.next(a))}catch(a){t(a)}}function s(a){try{c(i["throw"](a))}catch(a){t(a)}}function c(a){a.done?r(a.value):o(a.value).then(n,s)}c((i=i.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var r={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},i,o,t,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(a){return function(e){return c([a,e])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(i=1,o&&(t=s[0]&2?o["return"]:s[0]?o["throw"]||((t=o["return"])&&t.call(o),0):o.next)&&!(t=t.call(o,s[1])).done)return t;if(o=0,t)s=[s[0]&2,t.value];switch(s[0]){case 0:case 1:t=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;o=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(t=r.trys,t=t.length>0&&t[t.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!t||s[1]>t[0]&&s[1]<t[3])){r.label=s[1];break}if(s[0]===6&&r.label<t[1]){r.label=t[1];t=s;break}if(t&&r.label<t[2]){r.label=t[2];r.ops.push(s);break}if(t[2])r.ops.pop();r.trys.pop();continue}s=e.call(a,r)}catch(a){s=[6,a];o=0}finally{i=t=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{k as keyboardKeysData}from"./keys-C4ckbXOl.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{m as miBaselineBrokenImage}from"./broken-image-0FAG3rkw.js";import{m as miBaselineKeyboardArrowDown}from"./keyboard-arrow-down-DiWN48aq.js";import{m as miBaselineKeyboardArrowUp}from"./keyboard-arrow-up-Ccz0jCNB.js";import{m as miBaselineKeyboardArrowRight}from"./keyboard-arrow-right-DFyAGAnn.js";var keyCharacter$3="Αλφαβητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου";var keyFunction$3="Πλήκτρο λειτουργίας {{ character }} που χρησιμοποιείται συχνά για καθολικές λειτουργίες ανάλογα με το λειτουργικό σύστημα και την έκδοσή του";var keyNumber$3="Αριθμητικός χαρακτήρας {{ character }} που χρησιμοποιείται συνήθως για τη δημιουργία συντομεύσεων πληκτρολογίου";var modAlt$3="Πλήκτρο τροποποίησης Alt{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}} (εναλλακτικό), που χρησιμοποιείται συχνά για συντομεύσεις συστήματος";var modControl$3="Πλήκτρο τροποποίησης Control ή Ctrl{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται σε πολλές συντομεύσεις";var modMeta$3="Πλήκτρο τροποποίησης Meta{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, πλήκτρο Windows ⊞ στα Windows ή Command ⌘ στο macOS";var modShift$3="Πλήκτρο τροποποίησης Shift{{#keyboardPosition}}{{#left}} αριστερό{{/left}}{{#right}} δεξιό{{/right}}{{/keyboardPosition}}, που χρησιμοποιείται για κεφαλαία γράμματα";var navArrowDown$3="Πλήκτρο πλοήγησης Κάτω βέλος";var navArrowLeft$3="Πλήκτρο πλοήγησης Αριστερό βέλος";var navArrowRight$3="Πλήκτρο πλοήγησης Δεξί βέλος";var navArrowUp$3="Πλήκτρο πλοήγησης Πάνω βέλος";var navEnd$3="Πλήκτρο πλοήγησης Μετάβαση στο τέλος";var navHome$3="Πλήκτρο πλοήγησης Μετάβαση στην αρχή";var navPageDown$3="Πλήκτρο πλοήγησης Κύλιση προς τα κάτω";var navPageUp$3="Πλήκτρο πλοήγησης Κύλιση προς τα πάνω";var numPadEnter$3="Πλήκτρο Enter αριθμητικού πληκτρολογίου για επιβεβαίωση ενέργειας";var specBackspace$3="Ειδικό πλήκτρο Διαγραφή χαρακτήρα";var specCapsLock$3="Ειδικό πλήκτρο Caps Lock (συνήθως αποφεύγεται στις συντομεύσεις πληκτρολογίου)";var specDelete$3="Ειδικό πλήκτρο Διαγραφή επιλεγμένου στοιχείου";var specEnter$3="Ειδικό πλήκτρο Enter για επιβεβαίωση ενέργειας";var specEscape$3="Ειδικό πλήκτρο Έξοδος ή ακύρωση";var specSpace$3="Ειδικό πλήκτρο Διάστημα";var specTab$3="Ειδικό πλήκτρο Tab για εναλλαγή εστίασης μεταξύ στοιχείων";var localeEl={keyCharacter:keyCharacter$3,keyFunction:keyFunction$3,keyNumber:keyNumber$3,modAlt:modAlt$3,modControl:modControl$3,modMeta:modMeta$3,modShift:modShift$3,navArrowDown:navArrowDown$3,navArrowLeft:navArrowLeft$3,navArrowRight:navArrowRight$3,navArrowUp:navArrowUp$3,navEnd:navEnd$3,navHome:navHome$3,navPageDown:navPageDown$3,navPageUp:navPageUp$3,numPadEnter:numPadEnter$3,specBackspace:specBackspace$3,specCapsLock:specCapsLock$3,specDelete:specDelete$3,specEnter:specEnter$3,specEscape:specEscape$3,specSpace:specSpace$3,specTab:specTab$3};var keyCharacter$2="Alphabetic character {{ character }} typically used for composing keyboard shortcuts";var keyFunction$2="Function key {{ character }} often used for global functions depending on the operating system and its version";var keyNumber$2="Numeric character {{ character }} typically used for composing keyboard shortcuts";var modAlt$2="Modifier key Alt{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}} (alternative), often used for system shortcuts";var modControl$2="Modifier key Control or Ctrl{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used in many shortcuts";var modMeta$2="Modifier key Meta{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, Windows ⊞ key on Windows or Command ⌘ on macOS";var modShift$2="Modifier key Shift{{#keyboardPosition}}{{#left}} left{{/left}}{{#right}} right{{/right}}{{/keyboardPosition}}, used for uppercase letters";var navArrowDown$2="Navigation key Down Arrow";var navArrowLeft$2="Navigation key Left Arrow";var navArrowRight$2="Navigation key Right Arrow";var navArrowUp$2="Navigation key Up Arrow";var navEnd$2="Navigation key Go to End";var navHome$2="Navigation key Go to Home";var navPageDown$2="Navigation key Scroll Down";var navPageUp$2="Navigation key Scroll Up";var numPadEnter$2="Keypad Enter key to confirm an action";var specBackspace$2="Special key Delete character";var specCapsLock$2="Special key Caps Lock (generally avoided in keyboard shortcuts)";var specDelete$2="Special key Delete selected item";var specEnter$2="Special key Enter to confirm an action";var specEscape$2="Special key Exit or cancel";var specSpace$2="Special key Space bar";var specTab$2="Special key Tab to change focus between elements";var localeEn={keyCharacter:keyCharacter$2,keyFunction:keyFunction$2,keyNumber:keyNumber$2,modAlt:modAlt$2,modControl:modControl$2,modMeta:modMeta$2,modShift:modShift$2,navArrowDown:navArrowDown$2,navArrowLeft:navArrowLeft$2,navArrowRight:navArrowRight$2,navArrowUp:navArrowUp$2,navEnd:navEnd$2,navHome:navHome$2,navPageDown:navPageDown$2,navPageUp:navPageUp$2,numPadEnter:numPadEnter$2,specBackspace:specBackspace$2,specCapsLock:specCapsLock$2,specDelete:specDelete$2,specEnter:specEnter$2,specEscape:specEscape$2,specSpace:specSpace$2,specTab:specTab$2};var keyCharacter$1="Carácter alfabético {{ character }} típicamente usado para componer atajos de teclado";var keyFunction$1="Tecla de función {{ character }} a menudo utilizada para funciones globales según el sistema operativo y su versión";var keyNumber$1="Carácter numérico {{ character }} típicamente usado para componer atajos de teclado";var modAlt$1="Tecla modificadora Alt{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}} (alternativa), a menudo usada para atajos de sistema";var modControl$1="Tecla modificadora Control o Ctrl{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada en muchos atajos";var modMeta$1="Tecla modificadora Meta{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, tecla Windows ⊞ en Windows o Command ⌘ en macOS";var modShift$1="Tecla modificadora Shift{{#keyboardPosition}}{{#left}} izquierda{{/left}}{{#right}} derecha{{/right}}{{/keyboardPosition}}, utilizada para letras mayúsculas";var navArrowDown$1="Tecla de navegación Flecha abajo";var navArrowLeft$1="Tecla de navegación Flecha izquierda";var navArrowRight$1="Tecla de navegación Flecha derecha";var navArrowUp$1="Tecla de navegación Flecha arriba";var navEnd$1="Tecla de navegación Ir al final";var navHome$1="Tecla de navegación Ir al inicio";var navPageDown$1="Tecla de navegación Desplazar hacia abajo";var navPageUp$1="Tecla de navegación Desplazar hacia arriba";var numPadEnter$1="Tecla Enter del teclado numérico para confirmar una acción";var specBackspace$1="Tecla especial Borrar carácter";var specCapsLock$1="Tecla especial Bloq Mayús (generalmente evitada en atajos de teclado)";var specDelete$1="Tecla especial Eliminar elemento seleccionado";var specEnter$1="Tecla especial Enter para confirmar una acción";var specEscape$1="Tecla especial Salir o cancelar";var specSpace$1="Tecla especial Barra espaciadora";var specTab$1="Tecla especial Tab para cambiar el foco entre elementos";var localeEs={keyCharacter:keyCharacter$1,keyFunction:keyFunction$1,keyNumber:keyNumber$1,modAlt:modAlt$1,modControl:modControl$1,modMeta:modMeta$1,modShift:modShift$1,navArrowDown:navArrowDown$1,navArrowLeft:navArrowLeft$1,navArrowRight:navArrowRight$1,navArrowUp:navArrowUp$1,navEnd:navEnd$1,navHome:navHome$1,navPageDown:navPageDown$1,navPageUp:navPageUp$1,numPadEnter:numPadEnter$1,specBackspace:specBackspace$1,specCapsLock:specCapsLock$1,specDelete:specDelete$1,specEnter:specEnter$1,specEscape:specEscape$1,specSpace:specSpace$1,specTab:specTab$1};var keyCharacter="Carattere alfabetico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera";var keyFunction="Tasto funzione {{ character }} spesso usato per funzioni globali a seconda del sistema operativo e della sua versione";var keyNumber="Carattere numerico {{ character }} tipicamente usato per comporre le scorciatoie da tastiera";var modAlt="Tasto modificatore Alt{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}} (alternativo), spesso usato per shortcut di sistema";var modControl="Tasto modificatore Control o Ctrl{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato in molte scorciatoie";var modMeta="Tasto modificatore meta{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, Finestra ⊞ su Windows o Command ⌘ su macOS";var modShift="Tasto modificatore Shift{{#keyboardPosition}}{{#left}} sinistro{{/left}}{{#right}} destro{{/right}}{{/keyboardPosition}}, usato per maiuscole";var navArrowDown="Tasto navigazione Freccia giù";var navArrowLeft="Tasto navigazione Freccia sinistra";var navArrowRight="Tasto navigazione Freccia destra";var navArrowUp="Tasto navigazione Freccia su";var navEnd="Tasto navigazione Vai alla fine";var navHome="Tasto navigazione Vai all'inizio";var navPageDown="Tasto navigazione Scorri in giù";var navPageUp="Tasto navigazione Scorri in su";var numPadEnter="Tasto Invio per confermare una azione dal tastierino numerico";var specBackspace="Tasto speciale Cancella carattere";var specCapsLock="Tasto speciale Blocco maiuscole (generalmente evitato nelle scorciatoie da tastiera)";var specDelete="Tasto speciale Cancella elemento selezionato";var specEnter="Tasto speciale Invio per confermare una azione";var specEscape="Tasto speciale Esci o annulla";var specSpace="Tasto speciale Barra spaziatrice";var specTab="Tasto speciale Tab per cambiare focus tra elementi";var localeIt={keyCharacter:keyCharacter,keyFunction:keyFunction,keyNumber:keyNumber,modAlt:modAlt,modControl:modControl,modMeta:modMeta,modShift:modShift,navArrowDown:navArrowDown,navArrowLeft:navArrowLeft,navArrowRight:navArrowRight,navArrowUp:navArrowUp,navEnd:navEnd,navHome:navHome,navPageDown:navPageDown,navPageUp:navPageUp,numPadEnter:numPadEnter,specBackspace:specBackspace,specCapsLock:specCapsLock,specDelete:specDelete,specEnter:specEnter,specEscape:specEscape,specSpace:specSpace,specTab:specTab};var miBaselineKeyboardReturn='<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>';var miBaselineKeyboardArrowLeft='<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>';var miBaselineKeyboardTab='<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>';var miBaselineKeyboardCommandKey='<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>';var miBaselineKeyboardOptionKey='<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>';var miSharpWindow='<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>';var miOutlineBackspace='<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>';var miBaselineKeyboardCapslock='<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>';var mdiKeyboardSpace='<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>';var miBaselineNorth='<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>';var miBaselineSouth='<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>';var mdiKeyboardShift='<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>';var miBaselineVerticalAlignTop='<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>';var miBaselineVerticalAlignBottom='<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>';var icons=new Map;icons.set("arrowdown",miBaselineKeyboardArrowDown);icons.set("arrowleft",miBaselineKeyboardArrowLeft);icons.set("arrowright",miBaselineKeyboardArrowRight);icons.set("arrowup",miBaselineKeyboardArrowUp);icons.set("command",miBaselineKeyboardCommandKey);icons.set("commandleft",miBaselineKeyboardCommandKey);icons.set("commandright",miBaselineKeyboardCommandKey);icons.set("delete",miOutlineBackspace);icons.set("capslock",miBaselineKeyboardCapslock);icons.set("backspace",miOutlineBackspace);icons.set("enter",miBaselineKeyboardReturn);icons.set("home",miBaselineVerticalAlignTop);icons.set("end",miBaselineVerticalAlignBottom);icons.set("option",miBaselineKeyboardOptionKey);icons.set("optionleft",miBaselineKeyboardOptionKey);icons.set("optionright",miBaselineKeyboardOptionKey);icons.set("pagedown",miBaselineSouth);icons.set("pageup",miBaselineNorth);icons.set("shift",mdiKeyboardShift);icons.set("shiftleft",mdiKeyboardShift);icons.set("shiftright",mdiKeyboardShift);icons.set("space",mdiKeyboardSpace);icons.set("tab",miBaselineKeyboardTab);icons.set("windows",miSharpWindow);icons.set("windowsleft",miSharpWindow);icons.set("windowsright",miSharpWindow);var mdsKeyboardKeyCss=function(){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}'};var MdsKeyboardKey=function(){function a(a){var e=this;registerInstance(this,a);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.keyboardKeys=keyboardKeysData;this.getTitle=function(){if(e.name!==undefined){return e.t.get(e.keyboardKeys[e.name.toLowerCase()].description,{character:e.keyboardKeys[e.name.toLowerCase()].alias,keyboardPosition:e.keyboardKeys[e.name.toLowerCase()].keyboardPosition})}return undefined}}a.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=this.t.lang(this.host);return[2]}))}))};a.prototype.componentWillLoad=function(){this.t.lang(this.host)};a.prototype.render=function(){var a,e,r,i;return h(Host,{key:"cb83531c55004919cc5c55d48053369d7d90c659",title:this.getTitle()},h("div",{key:"e096caf23accb54d1364d9c78bc6896d02fac267",class:"physical-key"},this.name&&icons.has(this.name)?h("mds-icon",{name:(a=icons.get(this.name))!==null&&a!==void 0?a:miBaselineBrokenImage,class:"shortcut-icon"}):h("mds-text",{class:"shortcut-text",typography:"detail"},this.name&&h("b",null,this.keyboardKeys[this.name].alias)),this.name&&((e=this.keyboardKeys[this.name])===null||e===void 0?void 0:e.keyboardPosition)&&h("mds-text",{key:"cf5210c595b02e51e32722d9ef7ed53d21a44045",typography:"label"},((r=this.keyboardKeys[this.name].keyboardPosition)===null||r===void 0?void 0:r.left)&&"l",((i=this.keyboardKeys[this.name].keyboardPosition)===null||i===void 0?void 0:i.right)&&"r")))};Object.defineProperty(a.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return a}();MdsKeyboardKey.style=mdsKeyboardKeyCss();export{MdsKeyboardKey as mds_keyboard_key};

package/dist/esm-es5/mds-keyboard.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(a,e,r,t){function i(a){return a instanceof r?a:new r((function(e){e(a)}))}return new(r||(r=Promise))((function(r,o){function n(a){try{d(t.next(a))}catch(a){o(a)}}function s(a){try{d(t["throw"](a))}catch(a){o(a)}}function d(a){a.done?r(a.value):i(a.value).then(n,s)}d((t=t.apply(a,e||[])).next())}))};var __generator=this&&this.__generator||function(a,e){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,i,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(a){return function(e){return d([a,e])}}function d(s){if(t)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(t=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=e.call(a,r)}catch(a){s=[6,a];i=0}finally{t=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(a,e,r){if(r||arguments.length===2)for(var t=0,i=e.length,o;t<i;t++){if(o||!(t in e)){if(!o)o=Array.prototype.slice.call(e,0,t);o[t]=e[t]}}return a.concat(o||Array.prototype.slice.call(e))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineDone}from"./done-CvUz9jjh.js";import{m as miBaselineClose}from"./close-J-ikDhyq.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{k as keyboardKeysData}from"./keys-C4ckbXOl.js";var miBaselineKeyboard='<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>';var testKeyCombination$3="Κάντε κλικ για να δοκιμάσετε τον συνδυασμό πληκτρολογώντας στο πληκτρολόγιο";var testPassed$3="Ο συνδυασμός είναι σωστός";var wrongKeysCombination$3="Ο συνδυασμός που πληκτρολογήσατε δεν φαίνεται να είναι σωστός. Δοκιμάστε ξανά.";var localeEl={testKeyCombination:testKeyCombination$3,testPassed:testPassed$3,wrongKeysCombination:wrongKeysCombination$3};var testKeyCombination$2="Click to test the combination by typing on the keyboard";var testPassed$2="The combination is correct";var wrongKeysCombination$2="The combination you entered does not seem to be correct. Please try again.";var localeEn={testKeyCombination:testKeyCombination$2,testPassed:testPassed$2,wrongKeysCombination:wrongKeysCombination$2};var testKeyCombination$1="Haz clic para probar la combinación escribiendo en el teclado";var testPassed$1="La combinación es correcta";var wrongKeysCombination$1="La combinación que introdujiste no parece ser correcta. Inténtalo de nuevo.";var localeEs={testKeyCombination:testKeyCombination$1,testPassed:testPassed$1,wrongKeysCombination:wrongKeysCombination$1};var testKeyCombination="Clicca per provare la combinazione digitando da tastiera";var testPassed="La combinazione è corretta";var wrongKeysCombination="La combinazione che hai digitato non sembra essere corretta, riprova.";var localeIt={testKeyCombination:testKeyCombination,testPassed:testPassed,wrongKeysCombination:wrongKeysCombination};var mdsKeyboardCss=function(){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}}'};var MdsKeyboard=function(){function a(a){var e=this;registerInstance(this,a);this.errors=new Set;this.keyEls=[];this.testInit=false;this.pressedKeys=new Set;this.keyCombination=new Set;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.testPassed=undefined;this.initKeyboardTest=function(){var a,r;if(e.testInit){return}e.testInit=true;e.updateElements();e.shortcutsEl=(a=e.host.shadowRoot)===null||a===void 0?void 0:a.querySelector(".shortcuts");e.buttonTrigger=(r=e.host.shadowRoot)===null||r===void 0?void 0:r.querySelector(".combination-checker");e.buttonTrigger.removeAttribute("title");e.shortcutsEl.addEventListener("blur",e.stopKeyboardShortcutTest.bind(e));e.shortcutsEl.addEventListener("keydown",e.addKeyboardShortcut.bind(e));e.shortcutsEl.addEventListener("keyup",e.checkKeyboardShortcut.bind(e))};this.separateKeys=function(){e.filteredNodes.forEach((function(a,r){if(r<e.filteredNodes.length-1){var t=document.createElement("mds-text");t.typography="detail";t.innerHTML="<b>+</b>";a.after(t)}}))};this.updateElements=function(){e.filteredNodes.forEach((function(a){if(a.name){e.keyEls.push(a);e.keyCombination.add(e.keyCodes(a.name.toLowerCase()).toString())}}))};this.checkTest=function(){if(e.testPassed===true){return"pass"}if(e.testPassed===false){return"fail"}return undefined};this.checkKeyboardShortcut=function(){e.stopKeyboardShortcutTest();e.testPassed=e.areEquivalent(e.keyCombination,e.pressedKeys);e.test=e.checkTest();e.keyEls.forEach((function(a){a.removeAttribute("pressed")}))};this.keyCodes=function(a){return keyboardKeysData[a.toLowerCase()].keyCodes};this.hasKeyCode=function(a,e){return keyboardKeysData[a.toLowerCase()].keyCodes.includes(e)};this.areEquivalent=function(a,r){var t=Array.from(a);var i=Array.from(r);var o=true;if(t.length!==i.length){e.errors.add("wrongKeysCombination");return false}o=t.every((function(a,e){var r=a.split(",");return r.includes(i[e])}));if(!o){e.errors.add("wrongKeysCombination")}return o};this.addKeyboardShortcut=function(a){if(!document){return}a.stopPropagation();a.preventDefault();var r=a.code;e.pressedKeys.add(r);e.keyEls.forEach((function(a){if(e.hasKeyCode(a.name,r)){a.pressed=true}}))};this.startKeyboardShortcutTest=function(){e.pressedKeys.clear();e.testPassed=undefined;e.test=e.testPassed;e.buttonTrigger.blur();e.buttonTrigger.await=true;e.buttonTrigger.removeAttribute("tabindex");e.shortcutsEl.setAttribute("tabindex","0");e.shortcutsEl.focus()};this.stopKeyboardShortcutTest=function(){e.buttonTrigger.await=false;e.buttonTrigger.setAttribute("tabindex","0");e.shortcutsEl.removeAttribute("tabindex");e.shortcutsEl.removeEventListener("blur",e.stopKeyboardShortcutTest.bind(e));e.shortcutsEl.removeEventListener("keydown",e.addKeyboardShortcut.bind(e));e.shortcutsEl.removeEventListener("keyup",e.checkKeyboardShortcut.bind(e))};this.getButtonIcon=function(){if(e.test==="pass"){return miBaselineDone}if(e.test==="fail"){return miBaselineClose}return miBaselineKeyboard}}a.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.language=this.t.lang(this.host);return[2]}))}))};a.prototype.componentWillLoad=function(){this.t.lang(this.host)};a.prototype.handleTryProperty=function(a){if(a){this.initKeyboardTest()}};a.prototype.componentDidLoad=function(){var a,e;this.nodes=(e=(a=this.host.shadowRoot)===null||a===void 0?void 0:a.querySelectorAll("slot")[0])===null||e===void 0?void 0:e.assignedNodes();this.filteredNodes=this.nodes.filter((function(a){return a.nodeType===1}));this.separateKeys();if(this.try){this.initKeyboardTest()}};a.prototype.discottectedCallback=function(){this.stopKeyboardShortcutTest()};a.prototype.render=function(){var a=this;return h(Host,{key:"ea9c57b89ba7f46adea2f7d8b3e08788387e01d8"},h("div",{key:"adfe0051525e8cb26c34cc17e04135485145beaa",class:"shortcuts"},h("slot",{key:"def60aa7b5ca01d48e55f117f806e187f6ff9a81"})),this.try&&h("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&&h("mds-tooltip",{key:"25b0a9a678d6cbe71a7829fc6ba7cbebab0ece89",target:".combination-checker"},this.testPassed===undefined&&this.t.get("testKeyCombination"),this.testPassed===true&&this.t.get("testPassed"),this.testPassed===false&&h("div",{key:"cb821065194776b5f00c3eaba7d5cb1a806bfa48",class:"errors"},__spreadArray([],this.errors,true).map((function(e){return h("mds-text",{typography:"tip"},a.t.get(e))})))))};Object.defineProperty(a.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{try:[{handleTryProperty:0}]}},enumerable:false,configurable:true});return a}();MdsKeyboard.style=mdsKeyboardCss();export{MdsKeyboard as mds_keyboard};
+var __awaiter=this&&this.__awaiter||function(e,a,r,t){function i(e){return e instanceof r?e:new r((function(a){a(e)}))}return new(r||(r=Promise))((function(r,o){function n(e){try{d(t.next(e))}catch(e){o(e)}}function s(e){try{d(t["throw"](e))}catch(e){o(e)}}function d(e){e.done?r(e.value):i(e.value).then(n,s)}d((t=t.apply(e,a||[])).next())}))};var __generator=this&&this.__generator||function(e,a){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,i,o,n=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return n.next=s(0),n["throw"]=s(1),n["return"]=s(2),typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(a){return d([e,a])}}function d(s){if(t)throw new TypeError("Generator is already executing.");while(n&&(n=0,s[0]&&(r=0)),r)try{if(t=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){r.label=s[1];break}if(s[0]===6&&r.label<o[1]){r.label=o[1];o=s;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(s);break}if(o[2])r.ops.pop();r.trys.pop();continue}s=a.call(e,r)}catch(e){s=[6,e];i=0}finally{t=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,a,r){if(r||arguments.length===2)for(var t=0,i=a.length,o;t<i;t++){if(o||!(t in a)){if(!o)o=Array.prototype.slice.call(a,0,t);o[t]=a[t]}}return e.concat(o||Array.prototype.slice.call(a))};import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";import{m as miBaselineDone}from"./done-CvUz9jjh.js";import{m as miBaselineClose}from"./close-J-ikDhyq.js";import{L as Locale}from"./locale-a4oAcjYG.js";import{k as keyboardKeysData}from"./keys-C4ckbXOl.js";var miBaselineKeyboard='<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>';var testKeyCombination$3="Κάντε κλικ για να δοκιμάσετε τον συνδυασμό πληκτρολογώντας στο πληκτρολόγιο";var testPassed$3="Ο συνδυασμός είναι σωστός";var wrongKeysCombination$3="Ο συνδυασμός που πληκτρολογήσατε δεν φαίνεται να είναι σωστός. Δοκιμάστε ξανά.";var localeEl={testKeyCombination:testKeyCombination$3,testPassed:testPassed$3,wrongKeysCombination:wrongKeysCombination$3};var testKeyCombination$2="Click to test the combination by typing on the keyboard";var testPassed$2="The combination is correct";var wrongKeysCombination$2="The combination you entered does not seem to be correct. Please try again.";var localeEn={testKeyCombination:testKeyCombination$2,testPassed:testPassed$2,wrongKeysCombination:wrongKeysCombination$2};var testKeyCombination$1="Haz clic para probar la combinación escribiendo en el teclado";var testPassed$1="La combinación es correcta";var wrongKeysCombination$1="La combinación que introdujiste no parece ser correcta. Inténtalo de nuevo.";var localeEs={testKeyCombination:testKeyCombination$1,testPassed:testPassed$1,wrongKeysCombination:wrongKeysCombination$1};var testKeyCombination="Clicca per provare la combinazione digitando da tastiera";var testPassed="La combinazione è corretta";var wrongKeysCombination="La combinazione che hai digitato non sembra essere corretta, riprova.";var localeIt={testKeyCombination:testKeyCombination,testPassed:testPassed,wrongKeysCombination:wrongKeysCombination};var mdsKeyboardCss=function(){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}}'};var MdsKeyboard=function(){function e(e){var a=this;registerInstance(this,e);this.errors=new Set;this.keyEls=[];this.testInit=false;this.pressedKeys=new Set;this.keyCombination=new Set;this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.testPassed=undefined;this.initKeyboardTest=function(){var e,r;if(a.testInit){return}a.testInit=true;a.updateElements();a.shortcutsEl=(e=a.host.shadowRoot)===null||e===void 0?void 0:e.querySelector(".shortcuts");a.buttonTrigger=(r=a.host.shadowRoot)===null||r===void 0?void 0:r.querySelector(".combination-checker");a.buttonTrigger.removeAttribute("title");a.shortcutsEl.addEventListener("blur",a.stopKeyboardShortcutTest.bind(a));a.shortcutsEl.addEventListener("keydown",a.addKeyboardShortcut.bind(a));a.shortcutsEl.addEventListener("keyup",a.checkKeyboardShortcut.bind(a))};this.separateKeys=function(){a.filteredNodes.forEach((function(e,r){if(r<a.filteredNodes.length-1){var t=document.createElement("mds-text");t.typography="detail";t.innerHTML="<b>+</b>";e.after(t)}}))};this.updateElements=function(){a.filteredNodes.forEach((function(e){if(e.name!==undefined){a.keyEls.push(e);a.keyCombination.add(a.keyCodes(e.name.toLowerCase()).toString())}}))};this.checkTest=function(){if(a.testPassed===true){return"pass"}if(a.testPassed===false){return"fail"}return undefined};this.checkKeyboardShortcut=function(){a.stopKeyboardShortcutTest();a.testPassed=a.areEquivalent(a.keyCombination,a.pressedKeys);a.test=a.checkTest();a.keyEls.forEach((function(e){e.removeAttribute("pressed")}))};this.keyCodes=function(e){return keyboardKeysData[e.toLowerCase()].keyCodes};this.hasKeyCode=function(e,a){return keyboardKeysData[e.toLowerCase()].keyCodes.includes(a)};this.areEquivalent=function(e,r){var t=Array.from(e);var i=Array.from(r);var o=true;if(t.length!==i.length){a.errors.add("wrongKeysCombination");return false}o=t.every((function(e,a){var r=e.split(",");return r.includes(i[a])}));if(!o){a.errors.add("wrongKeysCombination")}return o};this.addKeyboardShortcut=function(e){if(typeof document==="undefined"){return}e.stopPropagation();e.preventDefault();var r=e.code;a.pressedKeys.add(r);a.keyEls.forEach((function(e){if(a.hasKeyCode(e.name,r)){e.pressed=true}}))};this.startKeyboardShortcutTest=function(){a.pressedKeys.clear();a.testPassed=undefined;a.test=a.testPassed;a.buttonTrigger.blur();a.buttonTrigger.await=true;a.buttonTrigger.removeAttribute("tabindex");a.shortcutsEl.setAttribute("tabindex","0");a.shortcutsEl.focus()};this.stopKeyboardShortcutTest=function(){a.buttonTrigger.await=false;a.buttonTrigger.setAttribute("tabindex","0");a.shortcutsEl.removeAttribute("tabindex");a.shortcutsEl.removeEventListener("blur",a.stopKeyboardShortcutTest.bind(a));a.shortcutsEl.removeEventListener("keydown",a.addKeyboardShortcut.bind(a));a.shortcutsEl.removeEventListener("keyup",a.checkKeyboardShortcut.bind(a))};this.getButtonIcon=function(){if(a.test==="pass"){return miBaselineDone}if(a.test==="fail"){return miBaselineClose}return miBaselineKeyboard}}e.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.language=this.t.lang(this.host);return[2]}))}))};e.prototype.componentWillLoad=function(){this.t.lang(this.host)};e.prototype.handleTryProperty=function(e){if(e){this.initKeyboardTest()}};e.prototype.componentDidLoad=function(){var e,a;this.nodes=(a=(e=this.host.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("slot")[0])===null||a===void 0?void 0:a.assignedNodes();this.filteredNodes=this.nodes.filter((function(e){return e.nodeType===1}));this.separateKeys();if(this.try){this.initKeyboardTest()}};e.prototype.disconnectedCallback=function(){this.stopKeyboardShortcutTest()};e.prototype.render=function(){var e=this;return h(Host,{key:"e69835d30adc7607a0a5e53177cb56b48cdbc009"},h("div",{key:"8b7534e87d1ef433cdd38f38e79fbe35be43815e",class:"shortcuts"},h("slot",{key:"a4ddc3b82e4a5b76d3f7f52771574c02373864af"})),this.try&&h("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&&h("mds-tooltip",{key:"c064d6c315572085f3790792fd10c5645c872604",target:".combination-checker"},this.testPassed===undefined&&this.t.get("testKeyCombination"),this.testPassed===true&&this.t.get("testPassed"),this.testPassed===false&&h("div",{key:"523ecf23e4e53b3dbfb50a41b5b3863a0f1cd2e1",class:"errors"},__spreadArray([],this.errors,true).map((function(a){return h("mds-text",{typography:"tip"},e.t.get(a))})))))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{try:[{handleTryProperty:0}]}},enumerable:false,configurable:true});return e}();MdsKeyboard.style=mdsKeyboardCss();export{MdsKeyboard as mds_keyboard};

package/dist/esm-es5/mds-kpi-item.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsKpiItemCss=function(){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)}}'};var MdsKpiItem=function(){function t(t){var o=this;registerInstance(this,t);this.threshold=0;this.setObserver=function(){if(typeof window==="undefined")return;o.observer=new window.IntersectionObserver((function(t){var e=t[0];o.isIntersecting=e.isIntersecting}),{root:null,threshold:o.threshold});o.observer.observe(o.hostElement)}}t.prototype.componentWillLoad=function(){if(this.threshold!==0){this.setObserver()}};t.prototype.render=function(){return h(Host,{key:"7151944cb8019b988fdd9577c0c6f9fd4ab12c6e","aria-label":"".concat(this.label,": ").concat(this.description),role:"listitem"},this.icon&&h("div",{key:"abf637a070c46e0c4916e5ba13452470571377df",class:"icon-container",part:"icon-container"},h("mds-icon",{key:"5a079dd7dd396c15f9a2d0f94f7568e6562e28fd",class:"icon",name:this.icon,part:"icon"})),h("div",{key:"7fb2bfb3888992ea0b693651522696f8b2cdc3dd",class:"info",part:"content","aria-hidden":"true"},this.label&&this.threshold!==0&&h("mds-text",{key:"00b38a3c634291a7ca6f0bda28f159dd4503fb84",class:"value",typography:"h2",text:this.isIntersecting?this.label:"",animation:"yugop"}),this.label&&this.threshold===0&&h("mds-text",{key:"1f4a28be56905ef80acfe89480cc4f3058d7a988",class:"value",typography:"h2"},this.label),this.description&&this.threshold!==0&&h("mds-text",{key:"f77d680512cc3ae17ac71a56895070a399932193",class:"description",typography:"label",text:this.isIntersecting?this.description:"",animation:"yugop"}),this.description&&this.threshold===0&&h("mds-text",{key:"54dbc082786a615c743fa79c3e0554bf2df54e48",class:"description",typography:"label"},this.description)))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsKpiItem.style=mdsKpiItemCss();export{MdsKpiItem as mds_kpi_item};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-CAd5312P.js";var mdsKpiItemCss=function(){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)}}'};var MdsKpiItem=function(){function t(t){var o=this;registerInstance(this,t);this.threshold=0;this.setObserver=function(){if(typeof window==="undefined")return;o.observer=new window.IntersectionObserver((function(t){var e=t[0];o.isIntersecting=e.isIntersecting}),{root:null,threshold:o.threshold});o.observer.observe(o.hostElement)}}t.prototype.componentWillLoad=function(){if(this.threshold!==0){this.setObserver()}};t.prototype.render=function(){return h(Host,{key:"2a5235504ab4d835f368fb01ce0aef672fadd13b","aria-label":"".concat(this.label,": ").concat(this.description),role:"listitem"},this.icon&&h("div",{key:"17b567f2d7781aa31cb80894e2265623eae07289",class:"icon-container",part:"icon-container"},h("mds-icon",{key:"b6fcdfcd6180afbe10a3874cf882ec23ea75ae0c",class:"icon",name:this.icon,part:"icon"})),h("div",{key:"34851571ac32f518bafb089e4b6036e1219c623b",class:"info",part:"content","aria-hidden":"true"},this.label&&this.threshold!==0&&h("mds-text",{key:"4f343527186ff5342800b650dd637bde11aa40ea",class:"value",typography:"h2",text:this.isIntersecting?this.label:"",animation:"yugop"}),this.label&&this.threshold===0&&h("mds-text",{key:"da2fc65b8fa41543b582b9cc6bbb558e99d4bc35",class:"value",typography:"h2"},this.label),this.description&&this.threshold!==0&&h("mds-text",{key:"f9223f928df5a2e2d3573bc894da4b0cc35e9da4",class:"description",typography:"label",text:this.isIntersecting?this.description:"",animation:"yugop"}),this.description&&this.threshold===0&&h("mds-text",{key:"c4f8d004079d287219b96d90eeb590e2022704c1",class:"description",typography:"label"},this.description)))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsKpiItem.style=mdsKpiItemCss();export{MdsKpiItem as mds_kpi_item};

package/dist/esm-es5/mds-kpi.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsKpiCss=function(){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))}'};var MdsKpi=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"c245abce494cf9dba09c47a0e07b63b66c786349",role:"list"},h("slot",{key:"5c5ecc44ae3d9e5a0b4d737c64694acba6a48660"}))};return e}();MdsKpi.style=mdsKpiCss();export{MdsKpi as mds_kpi};
+import{r as registerInstance,h,H as Host}from"./index-CAd5312P.js";var mdsKpiCss=function(){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))}'};var MdsKpi=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"02a890b517f0b821803bf27d527162edf2693d0b",role:"list"},h("slot",{key:"8a8f4296650703c03528450674afc6712afb54b8"}))};return e}();MdsKpi.style=mdsKpiCss();export{MdsKpi as mds_kpi};