@maggioli-design-system/magma 1.10.4 → 1.10.5

package/dist/magma-components/{p-31064475.system.entry.js → p-6ef624c2.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,d){function r(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,s){function o(t){try{n(d.next(t))}catch(t){s(t)}}function i(t){try{n(d["throw"](t))}catch(t){s(t)}}function n(t){t.done?a(t.value):r(t.value).then(o,i)}n((d=d.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},d,r,s,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(t){return function(e){return n([t,e])}}function n(i){if(d)throw new TypeError("Generator is already executing.");while(o&&(o=0,i[0]&&(a=0)),a)try{if(d=1,r&&(s=i[0]&2?r["return"]:i[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,i[1])).done)return s;if(r=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;r=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(s=a.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){a.label=i[1];break}if(i[0]===6&&a.label<s[1]){a.label=s[1];s=i;break}if(s&&a.label<s[2]){a.label=s[2];a.ops.push(i);break}if(s[2])a.ops.pop();a.trys.pop();continue}i=e.call(t,a)}catch(t){i=[6,t];r=0}finally{d=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-2aef517c.system.js","./p-0b49b32e.system.js","./p-a22e8016.system.js","./p-21b1acec.system.js"],(function(t){"use strict";var e,a,d,r,s,o;return{setters:[function(t){e=t.r;a=t.h;d=t.H;r=t.g},function(t){s=t.L},function(t){o=t.i},function(){}],execute:function(){var i="Επιλογή γραμμής";var n="Αποεπιλογή γραμμής";var h={selectRow:i,unselectRow:n};var c="Select row";var l="Deselect row";var y={selectRow:c,unselectRow:l};var m="Seleccionar fila";var b="Deseleccionar fila";var u={selectRow:m,unselectRow:b};var f="Seleziona riga";var p="Deseleziona riga";var v={selectRow:f,unselectRow:p};var w=':host{--mds-table-row-color-hover:var(--mds-table-color, rgb(var(--tone-neutral-02)));--mds-table-row-color-alt:var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));--mds-table-row-background-hover:var(--mds-table-background, rgb(var(--tone-neutral)));--mds-table-row-background-alt:var(--mds-table-background-alt, rgb(var(--tone-neutral)));--mds-table-row-actions-gap:var(--mds-table-actions-gap, 1rem);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);color:var(--mds-table-row-color);display:table-row;position:relative;-webkit-transition-property:color;transition-property:color}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:-ms-flexbox;display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover);--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt);--mds-table-row-color:var(--mds-table-row-color-alt)}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}.actions-view{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:end;justify-content:end;pointer-events:none;position:absolute}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);-ms-flex-align:center;align-items:center;background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);border-top-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);display:-ms-inline-flexbox;display:inline-flex;gap:var(--mds-table-row-actions-gap);inset:0;margin-right:100%;padding:calc(var(--mds-table-border-width) * 2);padding-right:0;pointer-events:auto;position:-webkit-sticky;position:sticky;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:background-color, padding-right, -webkit-transform;transition-property:background-color, padding-right, -webkit-transform;transition-property:transform, background-color, padding-right;transition-property:transform, background-color, padding-right, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host(:hover) .actions{-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding);-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);-webkit-transform:translateX(0);transform:translateX(0)}:host-context(mds-table[interactive="false"]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-hover)}:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive="false"]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected="false"]:hover) .actions,:host-context(mds-table[selection][interactive="false"]):host([selected="false"]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-alt)}.actions-cell--disable,.actions-cell--disable .actions{position:static !important}.actions-cell--disable .actions{margin-right:0 !important;-webkit-transform:translateX(0) !important;transform:translateX(0) !important}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var g=w;var k=t("mds_table_row",function(){function t(t){var a=this;e(this,t);this.hasActions=true;this.t=new s({el:h,en:y,es:u,it:v});this.selectable=undefined;this.handleSelectionChange=function(t){var e;a.selected=t.detail.checked;(e=a.host.closest("mds-table"))===null||e===void 0?void 0:e.updateSelection()}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.hasActions=this.host.querySelector(':scope > [slot="action"]')!==null};t.prototype.connectedCallback=function(){this.initObserver()};t.prototype.initObserver=function(){var t=this;var e=new IntersectionObserver((function(a){if(a[0].isIntersecting&&t.actions){t.sizerWidth="".concat(t.actions.offsetWidth.toString(),"px");e.unobserve(t.host)}}),{root:this.host.parentElement,threshold:1});e.observe(this.host)};t.prototype.render=function(){var t=this;return a(d,{key:"ca022834802e66713fdb077dfffbc42d2836eee1",role:"row"},this.selectable&&a("mds-table-cell",{key:"7243f44094f5240a8d4cfb1cb8dd9b4af8b4370d",class:"selection-cell"},a("div",{key:"5946a5367e8a7931c6241acecaa28bd23c9fbfc9",class:"checkbox-wrapper"},a("mds-input-switch",{key:"a57c4e471504b0ae5c665889229c942bfc470e0a",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),a("slot",{key:"2ffcec67776d5032f3d024e6a473749165ba2486"}),this.hasActions&&o()&&a("mds-table-cell",{key:"89a4a8a8240487c3c1baa8f7f9e9919f132a182d",class:"actions-cell actions-cell--disable"},a("div",{key:"eca923f4fcf71d2eb411b6896ccf4a4bb8ce855f",class:"actions"},a("slot",{key:"6f0ee828cdfe2624b2c260571a2949fadb9a26d7",name:"action"}))),this.hasActions&&!o()&&a("mds-table-cell",{key:"f165f40bd7a0c3538e7000a58f2e952a84fd87b9",class:"actions-cell"},a("div",{key:"8034709aac3afa03306c73e6b26c1a15af7ee5e0",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),a("div",{key:"64f7f1e7593e87fdec29ad8f413e39f95222d352",class:"actions-view"},a("div",{key:"376f1bac253c67ab38f673de12f2cfdbe087d0e5",class:"actions",ref:function(e){return t.actions=e},style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},a("slot",{key:"3225feec7b4a1004cd07797a27652aaae143a346",name:"action"})))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());k.style=g}}}));
+var __awaiter=this&&this.__awaiter||function(t,e,d,a){function r(t){return t instanceof d?t:new d((function(e){e(t)}))}return new(d||(d=Promise))((function(d,s){function o(t){try{n(a.next(t))}catch(t){s(t)}}function i(t){try{n(a["throw"](t))}catch(t){s(t)}}function n(t){t.done?d(t.value):r(t.value).then(o,i)}n((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var d={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},a,r,s,o;return o={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function i(t){return function(e){return n([t,e])}}function n(i){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,i[0]&&(d=0)),d)try{if(a=1,r&&(s=i[0]&2?r["return"]:i[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,i[1])).done)return s;if(r=0,s)i=[i[0]&2,s.value];switch(i[0]){case 0:case 1:s=i;break;case 4:d.label++;return{value:i[1],done:false};case 5:d.label++;r=i[1];i=[0];continue;case 7:i=d.ops.pop();d.trys.pop();continue;default:if(!(s=d.trys,s=s.length>0&&s[s.length-1])&&(i[0]===6||i[0]===2)){d=0;continue}if(i[0]===3&&(!s||i[1]>s[0]&&i[1]<s[3])){d.label=i[1];break}if(i[0]===6&&d.label<s[1]){d.label=s[1];s=i;break}if(s&&d.label<s[2]){d.label=s[2];d.ops.push(i);break}if(s[2])d.ops.pop();d.trys.pop();continue}i=e.call(t,d)}catch(t){i=[6,t];r=0}finally{a=s=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-2aef517c.system.js","./p-0b49b32e.system.js","./p-a22e8016.system.js","./p-21b1acec.system.js"],(function(t){"use strict";var e,d,a,r,s,o;return{setters:[function(t){e=t.r;d=t.h;a=t.H;r=t.g},function(t){s=t.L},function(t){o=t.i},function(){}],execute:function(){var i="Επιλογή γραμμής";var n="Αποεπιλογή γραμμής";var h={selectRow:i,unselectRow:n};var c="Select row";var l="Deselect row";var y={selectRow:c,unselectRow:l};var m="Seleccionar fila";var b="Deseleccionar fila";var u={selectRow:m,unselectRow:b};var f="Seleziona riga";var p="Deseleziona riga";var v={selectRow:f,unselectRow:p};var w=':host{--mds-table-row-color-hover:var(--mds-table-color, rgb(var(--tone-neutral-02)));--mds-table-row-color-alt:var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));--mds-table-row-background-hover:var(--mds-table-background, rgb(var(--tone-neutral)));--mds-table-row-background-alt:var(--mds-table-background-alt, rgb(var(--tone-neutral)));--mds-table-row-actions-gap:var(--mds-table-actions-gap, 1rem);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);color:var(--mds-table-row-color);display:table-row;position:relative;-webkit-transition-property:color;transition-property:color}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:-ms-flexbox;display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover);--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt);--mds-table-row-color:var(--mds-table-row-color-alt)}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}.actions-view{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:end;justify-content:end;pointer-events:none;position:absolute}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);-ms-flex-align:center;align-items:center;background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);border-top-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);display:-ms-inline-flexbox;display:inline-flex;gap:var(--mds-table-row-actions-gap);inset:0;margin-right:100%;padding:calc(var(--mds-table-border-width) * 2);padding-right:0;pointer-events:auto;position:-webkit-sticky;position:sticky;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:background-color, padding-right, -webkit-transform;transition-property:background-color, padding-right, -webkit-transform;transition-property:transform, background-color, padding-right;transition-property:transform, background-color, padding-right, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host(:hover) .actions{-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding);-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);-webkit-transform:translateX(0);transform:translateX(0)}:host-context(mds-table[interactive="false"]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-hover)}:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive="false"]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected="false"]:hover) .actions,:host-context(mds-table[selection][interactive="false"]):host([selected="false"]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-alt)}.actions-cell--disable,.actions-cell--disable .actions{position:static !important}.actions-cell--disable .actions{margin-right:0 !important;-webkit-transform:translateX(0) !important;transform:translateX(0) !important}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var g=w;var k=t("mds_table_row",function(){function t(t){var d=this;e(this,t);this.hasActions=true;this.t=new s({el:h,en:y,es:u,it:v});this.selectable=undefined;this.handleSelectionChange=function(t){var e;d.selected=t.detail.checked;(e=d.host.closest("mds-table"))===null||e===void 0?void 0:e.updateSelection()}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.hasActions=this.host.querySelector(':scope > [slot="action"]')!==null};t.prototype.connectedCallback=function(){this.initObserver()};t.prototype.initObserver=function(){var t=this;var e=new IntersectionObserver((function(d){if(d[0].isIntersecting&&t.actions){t.sizerWidth="".concat(t.actions.offsetWidth.toString(),"px");e.unobserve(t.host)}}),{root:this.host.parentElement,threshold:1});e.observe(this.host)};t.prototype.render=function(){var t=this;return d(a,{key:"2e8e2f7fbe3fefcefa7e3d01cd6df25b45797e31",role:"row"},this.selectable&&d("mds-table-cell",{key:"2402489a9d4550bcca19947716709950fb1ad4f0",class:"selection-cell"},d("div",{key:"087297fdf2d43a665645fa65576789e41be6ddf0",class:"checkbox-wrapper"},d("mds-input-switch",{key:"52f8751f0e631c819b3028764e722822d0e2a1e0",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),d("slot",{key:"45dd93bf5b0ac4ca6735b321be0149dc4a540d19"}),this.hasActions&&o()&&d("mds-table-cell",{key:"08ee6e136678c5fea1e72a00cdf849f149fd3e6f",class:"actions-cell actions-cell--disable"},d("div",{key:"bb20733d0efbd71c6df3e18921134bbe3ebb845e",class:"actions"},d("slot",{key:"02bb05a788309016bdc11635b7daefe1d0e1631d",name:"action"}))),this.hasActions&&!o()&&d("mds-table-cell",{key:"457e6dbf769c46b020e7e9c018984c22f6b1d8a5",class:"actions-cell"},d("div",{key:"f1b3d0f31014004430028f1d32153d93e08e9543",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),d("div",{key:"71a757463507a82582e1eee3c49e4453ef5614b2",class:"actions-view"},d("div",{key:"9b56c0055fa2c2a333f2ca17b326a33f7a6b8742",class:"actions",ref:function(e){return t.actions=e},style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},d("slot",{key:"65a74d527990e2592c53443a8626c98d12f690fa",name:"action"})))))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());k.style=g}}}));

package/dist/magma-components/{p-f0d1ec10.entry.js → p-6fc5f58b.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as n,H as r,g as o}from"./p-3a6b32e7.js";import{c as i}from"./p-8a1a6e56.js";import{L as d}from"./p-2d77deaf.js";import{d as a}from"./p-9dd6ac8a.js";import"./p-85aa8e05.js";const s={expand:"Ανάπτυξη {{ label }}",collapse:"Σύμπτυξη {{ label }}"},l={expand:"Expand {{ label }}",collapse:"Collapse {{ label }}"},c={expand:"Expandir {{ label }}",collapse:"Contraer {{ label }}"},m={expand:"Espandi {{ label }}",collapse:"Contrai {{ label }}"},h=class{constructor(n){e(this,n),this.expandEvent=t(this,"mdsTreeItemExpand",7),this.collapsedEvent=t(this,"mdsTreeItemCollapse",7),this.hasActions=!1,this.hasChildren=!1,this.t=new d({el:s,en:l,es:c,it:m}),this.truncate="word",this.checkChildrenTransitionEnd=()=>{this.childrenElement.classList.contains("children--expanded")||this.childrenElement.classList.add("children--hidden")},this.updateToggleIcon=()=>{this.currentToggleIcon="folder"!==this.toggle?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>':this.expanded?'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-open" viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>'},this.onClick=()=>{!this.async||this.expanded?this.updateToggle():this.idle()},this.idle=()=>{this.await=!0,this.expandEvent.emit({element:this.host})},this.updateToggle=()=>{this.expanded=!this.expanded,this.updateToggleIcon()},this.updateCssCustomProperty=()=>{const e=window.getComputedStyle(this.host);this.cssToggleChildrenDuration=e.getPropertyValue("--mds-dropdown-backdrop-duration")}}async updateLang(){this.language=this.t.lang(this.host)}handleIconChange(){this.updateToggleIcon()}handleExpandedChange(e){e?this.childrenElement.classList.remove("children--hidden"):this.toggleChildrenTimer=setTimeout((()=>{clearTimeout(this.toggleChildrenTimer),this.collapsedEvent.emit({element:this.host})}),a(this.cssToggleChildrenDuration))}async expand(){this.expanded=!0,this.await=!1,this.updateToggleIcon()}componentWillLoad(){this.language=this.t.lang(this.host),this.updateToggleIcon(),this.hasActions=!!this.host.querySelector(':scope > [slot="action"]'),this.hasChildren=!!this.host.querySelector("mds-tree-item")}componentDidLoad(){var e;this.updateCssCustomProperty(),this.childrenElement=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".children"),this.childrenElement.addEventListener("transitionend",this.checkChildrenTransitionEnd)}disconnectedCallback(){this.childrenElement.removeEventListener("transitionend",this.checkChildrenTransitionEnd)}render(){return n(r,{key:"c25035892d1a31fbb1741cd682cf0cccb760e010"},n("div",{key:"c1145af11c2bce0a4dbb6f6ce26ff0a8260ee053",class:i("header",this.hasChildren&&"header--has-children")},n("div",{key:"95e5777b8da53b6f7b753b692a8cbd58a4c7c5e4",class:"tree-node"},n("div",{key:"ed3e02a600f2ea4d96f7e412f7cb30db6e689b99",class:"tree-branch"}),n("div",{key:"3c2f2f356210e80403bef98794b30a8da4cc1cab",class:"tree-dot"})),n("div",{key:"2d57ab0b5b4062198af3f8d4188c848c1a6d9081",class:i("toggle-icon",`toggle-icon--${this.toggle}`)},n("mds-button",{key:"c4f2e7870c3a4f2d7be5943a2b4a5617fcfdf122",await:this.await,onClick:this.onClick.bind(this),icon:this.await?void 0:this.currentToggleIcon,title:this.t.get(this.expanded?"collapse":"expand",{label:this.label}),variant:"dark",tone:"quiet",size:"sm"})),n("div",{key:"e8beb8a1cd09ea59e4bdef1d49c16796d8bc7b8f",class:"title"},n("mds-button",{key:"2245e357fd15e49a7be2e0943d24f3b48e7a9fd7",class:i("label-action",this.await&&"label-action--await"),disabled:this.await,icon:this.icon,onClick:this.onClick.bind(this),variant:"dark",tone:"quiet",truncate:this.truncate},this.label),n("div",{key:"6cad75bda2e6aba9524473f768db0e0c9f785ac4",class:i("actions-container",this.hasActions&&"actions-container--has-actions"),part:"actions-container"},n("div",{key:"048fc77dbb4e769441ebf28c8fe5ad3b3874c5f9",class:"actions",part:"actions-list"},n("slot",{key:"db818f8161b313944a23e5cb646b319ced51adb0",name:"action"}))))),n("div",{key:"62bd51c09cb4d9b9b111680865c0c5ef36f9436f",class:i("children",this.hasChildren&&"children--has-children",this.expanded&&"children--expanded")},n("slot",{key:"abb46a3a3852d6580ac94111c024d57c816ed771"})))}get host(){return o(this)}static get watchers(){return{toggle:["handleIconChange"],expanded:["handleExpandedChange"]}}};h.style='\n\n@container style(--mds-tree-branch-use-rounded-border: true) {\n  :host-context(:not(.safari)) {\n    --mds-tree-branch-border-radius: 0.5rem;\n  }\n}\n\n@container style(--mds-tree-branch-use-rounded-border: false) {\n  :host-context(:not(.safari)) {\n\n    /* stylelint-disable-next-line length-zero-no-unit */\n    --mds-tree-branch-border-radius: 0px;\n  }\n}\n\n:host {\n  --mds-tree-item-actions-border-radius: var(--mds-tree-actions-border-radius);\n  --mds-tree-item-actions-gap: var(--mds-tree-actions-gap);\n  --mds-tree-item-branch-border-color: var(--mds-tree-branch-border-color);\n  --mds-tree-item-branch-border-radius: var(--mds-tree-branch-border-radius, 0.5rem);\n  --mds-tree-item-branch-border-size: var(--mds-tree-branch-border-size);\n  --mds-tree-item-branch-dot-default-color: var(--mds-tree-branch-dot-default-color);\n  --mds-tree-item-branch-dot-expanded-color: var(--mds-tree-branch-dot-expanded-color);\n  --mds-tree-item-label-default-background: var(--mds-tree-label-default-background);\n  --mds-tree-item-label-hover-background: var(--mds-tree-label-hover-background);\n  --mds-tree-item-label-icon-default-color: var(--mds-tree-label-icon-default-color);\n  --mds-tree-item-label-icon-hover-color: var(--mds-tree-label-icon-hover-color);\n  --mds-tree-item-line-clamp: var(--mds-tree-line-clamp);\n  --mds-tree-item-toggle-gap: var(--mds-tree-toggle-gap);\n  --mds-tree-item-toggle-icon-async-background: var(--mds-tree-toggle-icon-async-background);\n  --mds-tree-item-toggle-icon-async-color: var(--mds-tree-toggle-icon-async-color);\n  --mds-tree-item-toggle-icon-chevron-default-background: var(--mds-tree-toggle-icon-chevron-default-background);\n  --mds-tree-item-toggle-icon-chevron-default-color: var(--mds-tree-toggle-icon-chevron-default-color);\n  --mds-tree-item-toggle-icon-chevron-expanded-background: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-toggle-icon-chevron-expanded-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n  --mds-tree-item-toggle-icon-folder-default-background: var(--mds-tree-toggle-icon-folder-default-background);\n  --mds-tree-item-toggle-icon-folder-default-color: var(--mds-tree-toggle-icon-folder-default-color);\n  --mds-tree-item-toggle-icon-folder-expanded-background: var(--mds-tree-item-toggle-icon-folder-default-background);\n  --mds-tree-item-toggle-icon-folder-expanded-color: var(--mds-tree-item-toggle-icon-folder-default-color);\n  --mds-tree-item-toggle-icon-position-right-default-background: var(--mds-tree-toggle-icon-position-right-default-background);\n  --mds-tree-item-toggle-icon-position-right-default-color: var(--mds-tree-toggle-icon-position-right-default-color);\n  --mds-tree-item-toggle-icon-position-right-expanded-background: var(--mds-tree-toggle-icon-position-right-expanded-background);\n  --mds-tree-item-toggle-icon-position-right-expanded-color: var(--mds-tree-toggle-icon-position-right-expanded-color);\n  --mds-tree-item-toggle-size: var(--mds-tree-toggle-size);\n  --mds-tree-item-transition-duration: var(--mds-tree-transition-duration);\n  --mds-tree-item-transition-timing-function: var(--mds-tree-transition-timing-function);\n\n  /* internal */\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n  --header-gap: 0.25rem;\n\n  display: grid;\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n}\n\n.header {\n  --offset: calc(var(--mds-tree-item-toggle-size) + var(--header-gap));\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--header-gap);\n  min-width: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.title {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  gap: 0.5rem;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  min-width: 0;\n}\n\n.label-action {\n  --mds-button-line-clamp: var(--mds-tree-item-line-clamp);\n  --padding: 0.25rem;\n\n  background-color: var(--mds-tree-item-label-default-background);\n  border-radius: 0.5rem;\n  fill: var(--mds-tree-item-label-icon-default-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n  margin-left: calc(var(--padding) * -1);\n  padding-left: var(--padding);\n  padding-right: var(--padding);\n}\n\n.label-action:hover {\n  background-color: var(--mds-tree-item-label-hover-background);\n  fill: var(--mds-tree-item-label-icon-hover-color);\n}\n\n.actions-container {\n  --duration: 300ms;\n  --ease: cubic-bezier(1, 0, 0, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  border-radius: var(--mds-tree-item-actions-border-radius);\n  display: none;\n  interpolate-size: allow-keywords;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n  min-width: 0;\n  overflow: hidden;\n  transition-behavior: allow-discrete;\n  -webkit-transition-duration: var(--duration);\n  transition-duration: var(--duration);\n  -webkit-transition-property: min-width, width, overflow;\n  transition-property: min-width, width, overflow;\n  -webkit-transition-timing-function: var(--ease);\n  transition-timing-function: var(--ease);\n  width: 0;\n}\n\n.actions-container--has-actions {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.actions {\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: var(--mds-tree-item-actions-border-radius);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  gap: var(--mds-tree-item-actions-gap);\n  pointer-events: none;\n  -webkit-transform: scale(0);\n  transform: scale(0);\n  -webkit-transition-duration: var(--duration);\n  transition-duration: var(--duration);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: var(--ease);\n  transition-timing-function: var(--ease);\n}\n\n:host-context([actions="visible"]) .actions-container,\n:host([actions="visible"]):host-context([actions="auto"]) .actions-container,\n.header:focus-within .actions,\n.header:hover .actions {\n  pointer-events: auto;\n}\n\n:host-context([actions="visible"]) .actions-container,\n:host([actions="visible"]):host-context([actions="auto"]) .actions-container,\n.header:focus-within .actions-container,\n.header:hover .actions-container {\n  -webkit-animation: toggleOverflow var(--duration) forwards;\n  animation: toggleOverflow var(--duration) forwards;\n  min-width: -moz-fit-content;\n  min-width: -webkit-fit-content;\n  min-width: fit-content;\n  width: -moz-fit-content;\n  width: -webkit-fit-content;\n  width: fit-content;\n}\n\n:host([actions="visible"]):host-context([actions="auto"]) .header:focus-within .actions,\n:host([actions="visible"]):host-context([actions="auto"]) .header:hover .actions,\n:host(:not([actions="auto"])):host-context([actions="visible"]) .actions,\n:host(:not([actions="visible"])):host-context([actions="auto"]) .header:focus-within .actions,\n:host(:not([actions="visible"])):host-context([actions="auto"]) .header:hover .actions,\n.header:focus-within .actions,\n.header:hover .actions {\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\n\n:host(:not([actions="visible"])):host-context([actions="auto"]) .actions {\n  -webkit-transform: scale(0);\n  transform: scale(0);\n}\n\n.children {\n  --padding-left: calc(calc(var(--mds-tree-item-toggle-size) - var(--mds-tree-item-branch-border-size)) / 2);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: 0;\n  interpolate-size: allow-keywords;\n  overflow: clip;\n  padding-left: var(--padding-left);\n  position: relative;\n  -webkit-transform: translateY(calc(var(--mds-tree-item-toggle-size) / 2 * -1));\n  transform: translateY(calc(var(--mds-tree-item-toggle-size) / 2 * -1));\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-property: height, -webkit-transform;\n  transition-property: height, -webkit-transform;\n  transition-property: height, transform;\n  transition-property: height, transform, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  z-index: 0;\n}\n\n.children--expanded {\n  -webkit-animation: toggleOverflow var(--mds-tree-item-transition-duration) forwards;\n  animation: toggleOverflow var(--mds-tree-item-transition-duration) forwards;\n  -webkit-animation-timing-function: var(--mds-tree-item-transition-timing-function);\n  animation-timing-function: var(--mds-tree-item-transition-timing-function);\n  display: -ms-flexbox;\n  display: flex;\n  height: auto;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n}\n\n.children--hidden,\n.children--empty {\n  display: none;\n}\n\n@-webkit-keyframes toggleOverflow {\n  99.99% {\n    overflow: hidden;\n  }\n\n  100% {\n    overflow: visible;\n  }\n}\n\n@keyframes toggleOverflow {\n  99.99% {\n    overflow: hidden;\n  }\n\n  100% {\n    overflow: visible;\n  }\n}\n\n@-webkit-keyframes toggleDisplay {\n  99.99% {\n    display: flex;\n  }\n\n  100% {\n    display: none;\n  }\n}\n\n@keyframes toggleDisplay {\n  99.99% {\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  100% {\n    display: none;\n  }\n}\n\n.tree-node {\n  --middle-pos-x: calc(50% - calc(var(--mds-tree-item-branch-border-size)/ 2));\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  height: var(--mds-tree-item-toggle-size);\n  -ms-flex-pack: center;\n  justify-content: center;\n  pointer-events: none;\n  position: relative;\n  width: var(--mds-tree-item-toggle-size);\n  z-index: 0;\n}\n\n/* .tree-node::before, */\n\n.tree-branch {\n  --pos-y: calc(calc(var(--mds-tree-item-toggle-size) / 2 + var(--mds-tree-item-branch-border-radius)) * -1);\n  --tree-height: calc(var(--mds-tree-item-toggle-size) + var(--mds-tree-item-branch-border-radius) + var(--mds-tree-item-branch-border-size) / 2);\n  --tree-width: calc(var(--mds-tree-item-toggle-size) / 2);\n\n  border-color: var(--mds-tree-item-branch-border-color);\n  border-radius: 0 0 0 var(--mds-tree-item-branch-border-radius);\n  border-style: solid;\n  border-width: 0 0 var(--mds-tree-item-branch-border-size) var(--mds-tree-item-branch-border-size);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--tree-height);\n  inset: 0;\n  position: absolute;\n  -webkit-transform: translateY(var(--pos-y));\n  transform: translateY(var(--pos-y));\n  width: calc(var(--mds-tree-item-toggle-size) / 2);\n  z-index: 1;\n}\n\n.tree-dot {\n  --size: calc(0.75rem + var(--mds-tree-item-branch-border-size) * 2);\n\n  background-color: var(--mds-tree-item-branch-border-color);\n  border-radius: var(--size);\n  display: none;\n  height: var(--size);\n  position: relative;\n  width: var(--size);\n}\n\n.header--has-children .tree-dot {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n/* .header:not(.header--has-children) .tree-node::before, */\n\n.header:not(.header--has-children) .tree-node .tree-branch {\n  width: calc(var(--mds-tree-item-toggle-size) - var(--header-gap));\n}\n\n/* border used when component has children */\n\n:host(:not(:last-child)) .header--has-children .tree-node::after {\n  --size: calc(calc(var(--mds-tree-item-toggle-size) / 2) + var(--mds-tree-item-branch-border-radius));\n  --pos-y: calc(var(--size) / 2);\n\n  /* border-color: purple; */\n  border-color: var(--mds-tree-item-branch-border-color);\n  border-radius: 0 0 0 var(--mds-tree-item-branch-border-radius);\n  border-style: solid;\n  border-width: 0 0 var(--mds-tree-item-branch-border-size) var(--mds-tree-item-branch-border-size);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  content: "";\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--size);\n  inset: 0;\n  position: absolute;\n  -webkit-transform: translateY(var(--pos-y));\n  transform: translateY(var(--pos-y));\n  width: var(--mds-tree-item-branch-border-size);\n  z-index: 1;\n}\n\n:host(:not(:last-child)) .children--has-children::before {\n\n  /* border-left-color: green; */\n  border-left-color: var(--mds-tree-item-branch-border-color);\n  border-left-style: solid;\n  border-left-width: var(--mds-tree-item-branch-border-size);\n  content: "";\n  display: -ms-flexbox;\n  display: flex;\n  height: calc(100% + var(--mds-tree-item-toggle-size));\n  left: 0;\n  position: absolute;\n  top: calc(var(--mds-tree-item-toggle-size) * -1);\n}\n\n.tree-dot::after {\n  --pos-y: calc(var(--size) / 2);\n\n  background-color: var(--mds-tree-item-branch-border-color);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  content: "";\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: calc(var(--size) / 2);\n  inset: 0 50% 0 0;\n  position: absolute;\n  -webkit-transform: translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size) / 2), var(--pos-y));\n  transform: translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size) / 2), var(--pos-y));\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-property: height;\n  transition-property: height;\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  width: var(--mds-tree-item-branch-border-size);\n  z-index: 1;\n}\n\n:host([expanded]) .tree-dot::after {\n  height: calc(var(--size) + var(--mds-tree-item-branch-border-size));\n}\n\n/* remove first level elements */\n\n:host([depth="0"]) .children--has-children::before,\n:host([depth="0"]) .children--has-children .tree-branch,\n:host([depth="0"]) .header--has-children .tree-node::after,\n:host([depth="0"]) .tree-node::before,\n:host([depth="0"]) .tree-node .tree-branch {\n  display: none;\n}\n\n.toggle-icon {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-item-align: center;\n  align-self: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  height: var(--mds-tree-item-toggle-size);\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin-left: calc(var(--offset) * -1);\n  position: relative;\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  width: var(--mds-tree-item-toggle-size);\n  z-index: 1;\n}\n\n.toggle-icon mds-button {\n  --size: 1.5rem;\n\n  background-color: var(--mds-tree-item-icon-background-color);\n  border: 0;\n  border-radius: var(--mds-tree-item-toggle-size);\n  color: var(--mds-tree-item-icon-color);\n  fill: var(--mds-tree-item-icon-color);\n  height: var(--size);\n  min-height: var(--size);\n  min-width: var(--size);\n  overflow: hidden;\n  width: var(--size);\n}\n\n.toggle-icon mds-button[await] {\n  background-color: var(--mds-tree-item-toggle-icon-async-background);\n  color: var(--mds-tree-item-toggle-icon-async-color);\n}\n\n:host-context([toggle="chevron"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n}\n\n:host([expanded]):host-context([toggle="chevron"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-expanded-color);\n}\n\n:host-context([toggle="folder"][toggle-position="left"]) .toggle-icon mds-button {\n  -webkit-box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n  box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n}\n\n:host-context([toggle="folder"]) .toggle-icon mds-button {\n  --size: auto;\n\n  border-radius: 0.25rem;\n  padding: 0.0625rem 0.125rem;\n}\n\n:host-context([toggle="folder"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-default-color);\n}\n\n:host-context(mds-tree[toggle="folder"]):host([expanded]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-expanded-color);\n}\n\n:host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-position-right-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-position-right-default-color);\n}\n\n:host([expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-position-right-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-position-right-expanded-color);\n}\n\n:host([expanded]):host-context(mds-tree[toggle-position="left"][toggle="chevron"]) .toggle-icon {\n  -webkit-transform: rotate(90deg);\n  transform: rotate(90deg);\n}\n\n.header:not(.header--has-children) .toggle-icon {\n  display: none;\n}\n\n/* Safari fixes used to sobstitute missing host-context support */\n\n.toggle-icon--chevron {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n}\n\n:host([expanded]) .toggle-icon--chevron {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-expanded-color);\n\n  -webkit-transform: rotate(90deg);\n\n  transform: rotate(90deg);\n}\n\n.toggle-icon--folder mds-button {\n  --size: auto;\n\n  border-radius: 0.25rem;\n  -webkit-box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n  box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n  padding: 0.0625rem 0.125rem;\n}\n\n.toggle-icon--folder {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-default-color);\n}\n\n:host([expanded]) .toggle-icon--folder {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-expanded-color);\n}\n\n:host-context(mds-tree[toggle-position="left"]) .toggle-icon {\n  -ms-flex-order: 0;\n  order: 0;\n}\n\n:host-context(mds-tree[toggle-position="right"]) .header--has-children .title {\n  margin-right: var(--offset);\n}\n\n:host-context(mds-tree[toggle-position="left"]):host([toggle="chevron"][expanded]) .toggle-icon {\n  -webkit-transform: rotate(90deg);\n  transform: rotate(90deg);\n}\n\n:host-context(mds-tree[toggle-position="left"]):host([toggle="chevron"]:not([expanded])) .toggle-icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  background-color: transparent;\n  -ms-flex-order: 1;\n  order: 1;\n}\n\n/* chevron right */\n\n:host([toggle="chevron"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  -webkit-transform: rotate(90deg);\n  transform: rotate(90deg);\n}\n\n:host([toggle="chevron"][expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  -webkit-transform: rotate(270deg);\n  transform: rotate(270deg);\n}\n\n:host([toggle="chevron"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon--dot,\n:host([toggle="folder"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon--dot {\n  -webkit-transform: rotate(0) scale(0.825);\n  transform: rotate(0) scale(0.825);\n}\n\n:host([toggle="chevron"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon,\n:host([toggle="folder"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  background-color: transparent;\n  fill: var(--mds-tree-item-branch-dot-default-color);\n}\n\n:host([toggle="chevron"][expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon,\n:host([toggle="folder"][expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  background-color: transparent;\n  fill: var(--mds-tree-item-branch-dot-expanded-color);\n}\n\n\n:host-context([appearance="none"]) .header {\n  --offset: 0;\n\n  gap: 0;\n}\n\n:host-context([appearance="none"]):host(:not(:last-child)) .children--has-children::before,\n:host-context([appearance="none"]) .tree-dot,\n:host-context([appearance="none"]) .tree-node {\n  display: none;\n}\n\n:host-context([appearance="none"]) .label-action {\n  --padding: 0.5rem;\n\n  margin-left: 0;\n  padding-left: var(--padding);\n  padding-right: var(--padding);\n}\n\n:host-context([appearance="none"][toggle-position="left"]) .children {\n  padding-left: calc(calc(var(--header-gap) * 2) + var(--mds-tree-item-branch-border-size) + var(--padding-left) * 2);\n}\n\n:host-context([appearance="none"][toggle-position="right"]) .children {\n  padding-left: var(--padding-left);\n}\n\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';export{h as mds_tree_item}
+import{r as e,c as t,h as n,H as r,g as o}from"./p-3a6b32e7.js";import{c as i}from"./p-8a1a6e56.js";import{L as d}from"./p-2d77deaf.js";import{d as a}from"./p-9dd6ac8a.js";import"./p-85aa8e05.js";const s={expand:"Ανάπτυξη {{ label }}",collapse:"Σύμπτυξη {{ label }}"},l={expand:"Expand {{ label }}",collapse:"Collapse {{ label }}"},c={expand:"Expandir {{ label }}",collapse:"Contraer {{ label }}"},m={expand:"Espandi {{ label }}",collapse:"Contrai {{ label }}"},h=class{constructor(n){e(this,n),this.expandEvent=t(this,"mdsTreeItemExpand",7),this.collapsedEvent=t(this,"mdsTreeItemCollapse",7),this.hasActions=!1,this.hasChildren=!1,this.t=new d({el:s,en:l,es:c,it:m}),this.truncate="word",this.checkChildrenTransitionEnd=()=>{this.childrenElement.classList.contains("children--expanded")||this.childrenElement.classList.add("children--hidden")},this.updateToggleIcon=()=>{this.currentToggleIcon="folder"!==this.toggle?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41L13.17 12l-4.58 4.59L10 18l6-6z"/></svg>':this.expanded?'<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-open" viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>'},this.onClick=()=>{!this.async||this.expanded?this.updateToggle():this.idle()},this.idle=()=>{this.await=!0,this.expandEvent.emit({element:this.host})},this.updateToggle=()=>{this.expanded=!this.expanded,this.updateToggleIcon()},this.updateCssCustomProperty=()=>{const e=window.getComputedStyle(this.host);this.cssToggleChildrenDuration=e.getPropertyValue("--mds-dropdown-backdrop-duration")}}async updateLang(){this.language=this.t.lang(this.host)}handleIconChange(){this.updateToggleIcon()}handleExpandedChange(e){e?this.childrenElement.classList.remove("children--hidden"):this.toggleChildrenTimer=setTimeout((()=>{clearTimeout(this.toggleChildrenTimer),this.collapsedEvent.emit({element:this.host})}),a(this.cssToggleChildrenDuration))}async expand(){this.expanded=!0,this.await=!1,this.updateToggleIcon()}componentWillLoad(){this.language=this.t.lang(this.host),this.updateToggleIcon(),this.hasActions=!!this.host.querySelector(':scope > [slot="action"]'),this.hasChildren=!!this.host.querySelector("mds-tree-item")}componentDidLoad(){var e;this.updateCssCustomProperty(),this.childrenElement=null===(e=this.host.shadowRoot)||void 0===e?void 0:e.querySelector(".children"),this.childrenElement.addEventListener("transitionend",this.checkChildrenTransitionEnd)}disconnectedCallback(){this.childrenElement.removeEventListener("transitionend",this.checkChildrenTransitionEnd)}render(){return n(r,{key:"69c047c726b2f7f1fc7076164af9b298ee1cfce0"},n("div",{key:"88b36f2cea861c1a4ac82716ffe1fb8970d82b63",class:i("header",this.hasChildren&&"header--has-children")},n("div",{key:"6c79fdcf2d5314da61424e9821397b9fac008e79",class:"tree-node"},n("div",{key:"f0fcc63fffc063b7ff930fd2b8e328472fdecfc0",class:"tree-branch"}),n("div",{key:"f2aedc34c1b308d666e50fcf36873e8d3b40fce0",class:"tree-dot"})),n("div",{key:"146b8318deb160685965293bd632e9963b9602bc",class:i("toggle-icon",`toggle-icon--${this.toggle}`)},n("mds-button",{key:"a8855f89758a7991f8b85aeba48fccfb9331be5d",await:this.await,onClick:this.onClick.bind(this),icon:this.await?void 0:this.currentToggleIcon,title:this.t.get(this.expanded?"collapse":"expand",{label:this.label}),variant:"dark",tone:"quiet",size:"sm"})),n("div",{key:"e526319392b107cb4683b0ab6c6131c1943f60bd",class:"title"},n("mds-button",{key:"8ba451b408f42194a422618356c796788556d502",class:i("label-action",this.await&&"label-action--await"),disabled:this.await,icon:this.icon,onClick:this.onClick.bind(this),variant:"dark",tone:"quiet",truncate:this.truncate},this.label),n("div",{key:"8416a75e40425c2ac8e366b55ae3909731d31deb",class:i("actions-container",this.hasActions&&"actions-container--has-actions"),part:"actions-container"},n("div",{key:"004bb6d99c34b166043cb9031a4f47824f94c54e",class:"actions",part:"actions-list"},n("slot",{key:"ae0fa1e7db2dde6452babf64f34c22f5f97e9a22",name:"action"}))))),n("div",{key:"ddaf633e96c36d5e654c803d03194f18560d8001",class:i("children",this.hasChildren&&"children--has-children",this.expanded&&"children--expanded")},n("slot",{key:"8b8cd2cedff0d93dc33e22d80682f0b3627b5e66"})))}get host(){return o(this)}static get watchers(){return{toggle:["handleIconChange"],expanded:["handleExpandedChange"]}}};h.style='\n\n@container style(--mds-tree-branch-use-rounded-border: true) {\n  :host-context(:not(.safari)) {\n    --mds-tree-branch-border-radius: 0.5rem;\n  }\n}\n\n@container style(--mds-tree-branch-use-rounded-border: false) {\n  :host-context(:not(.safari)) {\n\n    /* stylelint-disable-next-line length-zero-no-unit */\n    --mds-tree-branch-border-radius: 0px;\n  }\n}\n\n:host {\n  --mds-tree-item-actions-border-radius: var(--mds-tree-actions-border-radius);\n  --mds-tree-item-actions-gap: var(--mds-tree-actions-gap);\n  --mds-tree-item-branch-border-color: var(--mds-tree-branch-border-color);\n  --mds-tree-item-branch-border-radius: var(--mds-tree-branch-border-radius, 0.5rem);\n  --mds-tree-item-branch-border-size: var(--mds-tree-branch-border-size);\n  --mds-tree-item-branch-dot-default-color: var(--mds-tree-branch-dot-default-color);\n  --mds-tree-item-branch-dot-expanded-color: var(--mds-tree-branch-dot-expanded-color);\n  --mds-tree-item-label-default-background: var(--mds-tree-label-default-background);\n  --mds-tree-item-label-hover-background: var(--mds-tree-label-hover-background);\n  --mds-tree-item-label-icon-default-color: var(--mds-tree-label-icon-default-color);\n  --mds-tree-item-label-icon-hover-color: var(--mds-tree-label-icon-hover-color);\n  --mds-tree-item-line-clamp: var(--mds-tree-line-clamp);\n  --mds-tree-item-toggle-gap: var(--mds-tree-toggle-gap);\n  --mds-tree-item-toggle-icon-async-background: var(--mds-tree-toggle-icon-async-background);\n  --mds-tree-item-toggle-icon-async-color: var(--mds-tree-toggle-icon-async-color);\n  --mds-tree-item-toggle-icon-chevron-default-background: var(--mds-tree-toggle-icon-chevron-default-background);\n  --mds-tree-item-toggle-icon-chevron-default-color: var(--mds-tree-toggle-icon-chevron-default-color);\n  --mds-tree-item-toggle-icon-chevron-expanded-background: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-toggle-icon-chevron-expanded-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n  --mds-tree-item-toggle-icon-folder-default-background: var(--mds-tree-toggle-icon-folder-default-background);\n  --mds-tree-item-toggle-icon-folder-default-color: var(--mds-tree-toggle-icon-folder-default-color);\n  --mds-tree-item-toggle-icon-folder-expanded-background: var(--mds-tree-item-toggle-icon-folder-default-background);\n  --mds-tree-item-toggle-icon-folder-expanded-color: var(--mds-tree-item-toggle-icon-folder-default-color);\n  --mds-tree-item-toggle-icon-position-right-default-background: var(--mds-tree-toggle-icon-position-right-default-background);\n  --mds-tree-item-toggle-icon-position-right-default-color: var(--mds-tree-toggle-icon-position-right-default-color);\n  --mds-tree-item-toggle-icon-position-right-expanded-background: var(--mds-tree-toggle-icon-position-right-expanded-background);\n  --mds-tree-item-toggle-icon-position-right-expanded-color: var(--mds-tree-toggle-icon-position-right-expanded-color);\n  --mds-tree-item-toggle-size: var(--mds-tree-toggle-size);\n  --mds-tree-item-transition-duration: var(--mds-tree-transition-duration);\n  --mds-tree-item-transition-timing-function: var(--mds-tree-transition-timing-function);\n\n  /* internal */\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n  --header-gap: 0.25rem;\n\n  display: grid;\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n}\n\n.header {\n  --offset: calc(var(--mds-tree-item-toggle-size) + var(--header-gap));\n\n  -ms-flex-align: start;\n\n  align-items: flex-start;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--header-gap);\n  min-width: 0;\n  position: relative;\n  z-index: 1;\n}\n\n.title {\n  -ms-flex-align: stretch;\n  align-items: stretch;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  gap: 0.5rem;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  min-width: 0;\n}\n\n.label-action {\n  --mds-button-line-clamp: var(--mds-tree-item-line-clamp);\n  --padding: 0.25rem;\n\n  background-color: var(--mds-tree-item-label-default-background);\n  border-radius: 0.5rem;\n  fill: var(--mds-tree-item-label-icon-default-color);\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n  margin-left: calc(var(--padding) * -1);\n  padding-left: var(--padding);\n  padding-right: var(--padding);\n}\n\n.label-action:hover {\n  background-color: var(--mds-tree-item-label-hover-background);\n  fill: var(--mds-tree-item-label-icon-hover-color);\n}\n\n.actions-container {\n  --duration: 300ms;\n  --ease: cubic-bezier(1, 0, 0, 1);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  border-radius: var(--mds-tree-item-actions-border-radius);\n  display: none;\n  interpolate-size: allow-keywords;\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n  min-width: 0;\n  overflow: hidden;\n  transition-behavior: allow-discrete;\n  -webkit-transition-duration: var(--duration);\n  transition-duration: var(--duration);\n  -webkit-transition-property: min-width, width, overflow;\n  transition-property: min-width, width, overflow;\n  -webkit-transition-timing-function: var(--ease);\n  transition-timing-function: var(--ease);\n  width: 0;\n}\n\n.actions-container--has-actions {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.actions {\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: var(--mds-tree-item-actions-border-radius);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  gap: var(--mds-tree-item-actions-gap);\n  pointer-events: none;\n  -webkit-transform: scale(0);\n  transform: scale(0);\n  -webkit-transition-duration: var(--duration);\n  transition-duration: var(--duration);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: var(--ease);\n  transition-timing-function: var(--ease);\n}\n\n:host-context([actions="visible"]) .actions-container,\n:host([actions="visible"]):host-context([actions="auto"]) .actions-container,\n.header:focus-within .actions,\n.header:hover .actions {\n  pointer-events: auto;\n}\n\n:host-context([actions="visible"]) .actions-container,\n:host([actions="visible"]):host-context([actions="auto"]) .actions-container,\n.header:focus-within .actions-container,\n.header:hover .actions-container {\n  -webkit-animation: toggleOverflow var(--duration) forwards;\n  animation: toggleOverflow var(--duration) forwards;\n  min-width: -moz-fit-content;\n  min-width: -webkit-fit-content;\n  min-width: fit-content;\n  width: -moz-fit-content;\n  width: -webkit-fit-content;\n  width: fit-content;\n}\n\n:host([actions="visible"]):host-context([actions="auto"]) .header:focus-within .actions,\n:host([actions="visible"]):host-context([actions="auto"]) .header:hover .actions,\n:host(:not([actions="auto"])):host-context([actions="visible"]) .actions,\n:host(:not([actions="visible"])):host-context([actions="auto"]) .header:focus-within .actions,\n:host(:not([actions="visible"])):host-context([actions="auto"]) .header:hover .actions,\n.header:focus-within .actions,\n.header:hover .actions {\n  -webkit-transform: scale(1);\n  transform: scale(1);\n}\n\n:host(:not([actions="visible"])):host-context([actions="auto"]) .actions {\n  -webkit-transform: scale(0);\n  transform: scale(0);\n}\n\n.children {\n  --padding-left: calc(calc(var(--mds-tree-item-toggle-size) - var(--mds-tree-item-branch-border-size)) / 2);\n\n  display: -ms-flexbox;\n\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: 0;\n  interpolate-size: allow-keywords;\n  overflow: clip;\n  padding-left: var(--padding-left);\n  position: relative;\n  -webkit-transform: translateY(calc(var(--mds-tree-item-toggle-size) / 2 * -1));\n  transform: translateY(calc(var(--mds-tree-item-toggle-size) / 2 * -1));\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-property: height, -webkit-transform;\n  transition-property: height, -webkit-transform;\n  transition-property: height, transform;\n  transition-property: height, transform, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  z-index: 0;\n}\n\n.children--expanded {\n  -webkit-animation: toggleOverflow var(--mds-tree-item-transition-duration) forwards;\n  animation: toggleOverflow var(--mds-tree-item-transition-duration) forwards;\n  -webkit-animation-timing-function: var(--mds-tree-item-transition-timing-function);\n  animation-timing-function: var(--mds-tree-item-transition-timing-function);\n  display: -ms-flexbox;\n  display: flex;\n  height: auto;\n  -webkit-transform: translateY(0);\n  transform: translateY(0);\n}\n\n.children--hidden,\n.children--empty {\n  display: none;\n}\n\n@-webkit-keyframes toggleOverflow {\n  99.99% {\n    overflow: hidden;\n  }\n\n  100% {\n    overflow: visible;\n  }\n}\n\n@keyframes toggleOverflow {\n  99.99% {\n    overflow: hidden;\n  }\n\n  100% {\n    overflow: visible;\n  }\n}\n\n@-webkit-keyframes toggleDisplay {\n  99.99% {\n    display: flex;\n  }\n\n  100% {\n    display: none;\n  }\n}\n\n@keyframes toggleDisplay {\n  99.99% {\n    display: -ms-flexbox;\n    display: flex;\n  }\n\n  100% {\n    display: none;\n  }\n}\n\n.tree-node {\n  --middle-pos-x: calc(50% - calc(var(--mds-tree-item-branch-border-size)/ 2));\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  height: var(--mds-tree-item-toggle-size);\n  -ms-flex-pack: center;\n  justify-content: center;\n  pointer-events: none;\n  position: relative;\n  width: var(--mds-tree-item-toggle-size);\n  z-index: 0;\n}\n\n/* .tree-node::before, */\n\n.tree-branch {\n  --pos-y: calc(calc(var(--mds-tree-item-toggle-size) / 2 + var(--mds-tree-item-branch-border-radius)) * -1);\n  --tree-height: calc(var(--mds-tree-item-toggle-size) + var(--mds-tree-item-branch-border-radius) + var(--mds-tree-item-branch-border-size) / 2);\n  --tree-width: calc(var(--mds-tree-item-toggle-size) / 2);\n\n  border-color: var(--mds-tree-item-branch-border-color);\n  border-radius: 0 0 0 var(--mds-tree-item-branch-border-radius);\n  border-style: solid;\n  border-width: 0 0 var(--mds-tree-item-branch-border-size) var(--mds-tree-item-branch-border-size);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--tree-height);\n  inset: 0;\n  position: absolute;\n  -webkit-transform: translateY(var(--pos-y));\n  transform: translateY(var(--pos-y));\n  width: calc(var(--mds-tree-item-toggle-size) / 2);\n  z-index: 1;\n}\n\n.tree-dot {\n  --size: calc(0.75rem + var(--mds-tree-item-branch-border-size) * 2);\n\n  background-color: var(--mds-tree-item-branch-border-color);\n  border-radius: var(--size);\n  display: none;\n  height: var(--size);\n  position: relative;\n  width: var(--size);\n}\n\n.header--has-children .tree-dot {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n/* .header:not(.header--has-children) .tree-node::before, */\n\n.header:not(.header--has-children) .tree-node .tree-branch {\n  width: calc(var(--mds-tree-item-toggle-size) - var(--header-gap));\n}\n\n/* border used when component has children */\n\n:host(:not(:last-child)) .header--has-children .tree-node::after {\n  --size: calc(calc(var(--mds-tree-item-toggle-size) / 2) + var(--mds-tree-item-branch-border-radius));\n  --pos-y: calc(var(--size) / 2);\n\n  /* border-color: purple; */\n  border-color: var(--mds-tree-item-branch-border-color);\n  border-radius: 0 0 0 var(--mds-tree-item-branch-border-radius);\n  border-style: solid;\n  border-width: 0 0 var(--mds-tree-item-branch-border-size) var(--mds-tree-item-branch-border-size);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  content: "";\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--size);\n  inset: 0;\n  position: absolute;\n  -webkit-transform: translateY(var(--pos-y));\n  transform: translateY(var(--pos-y));\n  width: var(--mds-tree-item-branch-border-size);\n  z-index: 1;\n}\n\n:host(:not(:last-child)) .children--has-children::before {\n\n  /* border-left-color: green; */\n  border-left-color: var(--mds-tree-item-branch-border-color);\n  border-left-style: solid;\n  border-left-width: var(--mds-tree-item-branch-border-size);\n  content: "";\n  display: -ms-flexbox;\n  display: flex;\n  height: calc(100% + var(--mds-tree-item-toggle-size));\n  left: 0;\n  position: absolute;\n  top: calc(var(--mds-tree-item-toggle-size) * -1);\n}\n\n.tree-dot::after {\n  --pos-y: calc(var(--size) / 2);\n\n  background-color: var(--mds-tree-item-branch-border-color);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  content: "";\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: calc(var(--size) / 2);\n  inset: 0 50% 0 0;\n  position: absolute;\n  -webkit-transform: translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size) / 2), var(--pos-y));\n  transform: translate(calc(var(--pos-y) - var(--mds-tree-item-branch-border-size) / 2), var(--pos-y));\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-property: height;\n  transition-property: height;\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  width: var(--mds-tree-item-branch-border-size);\n  z-index: 1;\n}\n\n:host([expanded]) .tree-dot::after {\n  height: calc(var(--size) + var(--mds-tree-item-branch-border-size));\n}\n\n/* remove first level elements */\n\n:host([depth="0"]) .children--has-children::before,\n:host([depth="0"]) .children--has-children .tree-branch,\n:host([depth="0"]) .header--has-children .tree-node::after,\n:host([depth="0"]) .tree-node::before,\n:host([depth="0"]) .tree-node .tree-branch {\n  display: none;\n}\n\n.toggle-icon {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-item-align: center;\n  align-self: center;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  height: var(--mds-tree-item-toggle-size);\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin-left: calc(var(--offset) * -1);\n  position: relative;\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n  -webkit-transition-duration: var(--mds-tree-item-transition-duration);\n  transition-duration: var(--mds-tree-item-transition-duration);\n  -webkit-transition-property: -webkit-transform;\n  transition-property: -webkit-transform;\n  transition-property: transform;\n  transition-property: transform, -webkit-transform;\n  -webkit-transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  transition-timing-function: var(--mds-tree-item-transition-timing-function);\n  width: var(--mds-tree-item-toggle-size);\n  z-index: 1;\n}\n\n.toggle-icon mds-button {\n  --size: 1.5rem;\n\n  background-color: var(--mds-tree-item-icon-background-color);\n  border: 0;\n  border-radius: var(--mds-tree-item-toggle-size);\n  color: var(--mds-tree-item-icon-color);\n  fill: var(--mds-tree-item-icon-color);\n  height: var(--size);\n  min-height: var(--size);\n  min-width: var(--size);\n  overflow: hidden;\n  width: var(--size);\n}\n\n.toggle-icon mds-button[await] {\n  background-color: var(--mds-tree-item-toggle-icon-async-background);\n  color: var(--mds-tree-item-toggle-icon-async-color);\n}\n\n:host-context([toggle="chevron"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n}\n\n:host([expanded]):host-context([toggle="chevron"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-expanded-color);\n}\n\n:host-context([toggle="folder"][toggle-position="left"]) .toggle-icon mds-button {\n  -webkit-box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n  box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n}\n\n:host-context([toggle="folder"]) .toggle-icon mds-button {\n  --size: auto;\n\n  border-radius: 0.25rem;\n  padding: 0.0625rem 0.125rem;\n}\n\n:host-context([toggle="folder"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-default-color);\n}\n\n:host-context(mds-tree[toggle="folder"]):host([expanded]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-expanded-color);\n}\n\n:host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-position-right-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-position-right-default-color);\n}\n\n:host([expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-position-right-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-position-right-expanded-color);\n}\n\n:host([expanded]):host-context(mds-tree[toggle-position="left"][toggle="chevron"]) .toggle-icon {\n  -webkit-transform: rotate(90deg);\n  transform: rotate(90deg);\n}\n\n.header:not(.header--has-children) .toggle-icon {\n  display: none;\n}\n\n/* Safari fixes used to sobstitute missing host-context support */\n\n.toggle-icon--chevron {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-default-color);\n}\n\n:host([expanded]) .toggle-icon--chevron {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-chevron-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-chevron-expanded-color);\n\n  -webkit-transform: rotate(90deg);\n\n  transform: rotate(90deg);\n}\n\n.toggle-icon--folder mds-button {\n  --size: auto;\n\n  border-radius: 0.25rem;\n  -webkit-box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n  box-shadow: 0 0.0625rem 0 0 var(--mds-tree-item-branch-border-color);\n  padding: 0.0625rem 0.125rem;\n}\n\n.toggle-icon--folder {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-default-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-default-color);\n}\n\n:host([expanded]) .toggle-icon--folder {\n  --mds-tree-item-icon-background-color: var(--mds-tree-item-toggle-icon-folder-expanded-background);\n  --mds-tree-item-icon-color: var(--mds-tree-item-toggle-icon-folder-expanded-color);\n}\n\n:host-context(mds-tree[toggle-position="left"]) .toggle-icon {\n  -ms-flex-order: 0;\n  order: 0;\n}\n\n:host-context(mds-tree[toggle-position="right"]) .header--has-children .title {\n  margin-right: var(--offset);\n}\n\n:host-context(mds-tree[toggle-position="left"]):host([toggle="chevron"][expanded]) .toggle-icon {\n  -webkit-transform: rotate(90deg);\n  transform: rotate(90deg);\n}\n\n:host-context(mds-tree[toggle-position="left"]):host([toggle="chevron"]:not([expanded])) .toggle-icon {\n  -webkit-transform: rotate(0deg);\n  transform: rotate(0deg);\n}\n\n:host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  background-color: transparent;\n  -ms-flex-order: 1;\n  order: 1;\n}\n\n/* chevron right */\n\n:host([toggle="chevron"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  -webkit-transform: rotate(90deg);\n  transform: rotate(90deg);\n}\n\n:host([toggle="chevron"][expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  -webkit-transform: rotate(270deg);\n  transform: rotate(270deg);\n}\n\n:host([toggle="chevron"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon--dot,\n:host([toggle="folder"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon--dot {\n  -webkit-transform: rotate(0) scale(0.825);\n  transform: rotate(0) scale(0.825);\n}\n\n:host([toggle="chevron"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon,\n:host([toggle="folder"]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  background-color: transparent;\n  fill: var(--mds-tree-item-branch-dot-default-color);\n}\n\n:host([toggle="chevron"][expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon,\n:host([toggle="folder"][expanded]):host-context(mds-tree[toggle-position="right"]) .toggle-icon {\n  background-color: transparent;\n  fill: var(--mds-tree-item-branch-dot-expanded-color);\n}\n\n\n:host-context([appearance="none"]) .header {\n  --offset: 0;\n\n  gap: 0;\n}\n\n:host-context([appearance="none"]):host(:not(:last-child)) .children--has-children::before,\n:host-context([appearance="none"]) .tree-dot,\n:host-context([appearance="none"]) .tree-node {\n  display: none;\n}\n\n:host-context([appearance="none"]) .label-action {\n  --padding: 0.5rem;\n\n  margin-left: 0;\n  padding-left: var(--padding);\n  padding-right: var(--padding);\n}\n\n:host-context([appearance="none"][toggle-position="left"]) .children {\n  padding-left: calc(calc(var(--header-gap) * 2) + var(--mds-tree-item-branch-border-size) + var(--padding-left) * 2);\n}\n\n:host-context([appearance="none"][toggle-position="right"]) .children {\n  padding-left: var(--padding-left);\n}\n\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';export{h as mds_tree_item}

package/dist/magma-components/{p-bb1da78d.entry.js → p-723fbfb0.entry.js}

@@ -1 +1 @@
-import{r as t,h as n,H as o,g as r}from"./p-3a6b32e7.js";import{m as a}from"./p-adc5a87e.js";import{m as s}from"./p-24ec3f86.js";import{c as d}from"./p-8a1a6e56.js";import{b as i}from"./p-9dd6ac8a.js";const e=class{constructor(n){t(this,n),this.hasCompatibility=!0,this.showForward=!0,this.showBack=!1,this.controls="desktop",this.navigation="position",this.snap="start",this.updateElements=()=>{var t,n;this.elements=null===(n=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")[0])||void 0===n?void 0:n.assignedNodes()},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.host);this.scrollGap=i(t.getPropertyValue("--mds-horizontal-scroll-gap"))},this.isInViewport=t=>{if(!this.contents)return!1;const n=this.spacer.offsetWidth+this.scrollGap,o=t.getBoundingClientRect(),r=this.contents.getBoundingClientRect();return o.top>=0&&o.left>=n&&o.bottom<=r.height&&o.right<=r.width-2*n},this.checkNavigationButtons=()=>{if(!this.elements)throw Error("No elements slotted to the component");this.showBack=!0,this.showForward=!0,this.elements.forEach(((t,n)=>{0===n&&this.isInViewport(t)&&(this.showBack=!1),this.elements.length-1===n&&this.isInViewport(t)&&(this.showForward=!1)}))},this.moveBack=()=>{if(!this.elements)throw Error("No elements slotted to the component");let t,n,o=0;this.elements.forEach(((r,a)=>{this.isInViewport(r)&&(t||(o=a,t=r),n=r)})),this.elements.forEach(((r,a)=>{this.isInViewport(r)||a!==o-1||void 0===t||void 0===n||(this.contents.scrollLeft=this.contents.scrollLeft+r.offsetLeft-n.offsetLeft-t.offsetWidth-this.scrollGap)}))},this.moveForward=()=>{if(!this.elements)throw Error("No elements slotted to the component");let t=!0;this.elements.forEach((n=>{this.isInViewport(n)||n.offsetLeft>this.contents.scrollLeft&&t&&(t=!1,this.lastElementOffsetLeft=n.offsetLeft,this.contents.scrollLeft=this.lastElementOffsetLeft)}))},this.translateNavigationDot=()=>{if(!(this.elements&&this.contents&&this.navigationDot&&this.navigationDots))return void console.error("mds-horizontal-scroll.translateNavigationDot: One of the shadowRoot elements is missing.");const{scrollLeft:t,scrollWidth:n,offsetWidth:o}=this.contents,r=window.getComputedStyle(this.navigationDots),a=parseFloat(r.paddingLeft)||0,s=parseFloat(r.paddingRight)||0;0!==o&&0!==n?this.navigationDot.style.transform=`translateX(${t/(n-o)*(this.navigationDots.offsetWidth-a-s-this.navigationDot.offsetWidth)}px)`:console.error("mds-horizontal-scroll.translateNavigationDot: offsetWidth or scrollWidth is 0, impossible to calculate position")},this.updateNavigationDotSize=()=>{if(!this.contents||!this.navigationDot||!this.navigationDots)return void console.error("mds-horizontal-scroll.updateNavigationDotSize: One of the shadowRoot elements is missing.");const{scrollWidth:t,offsetWidth:n}=this.contents,o=this.navigationDots.offsetWidth;this.navigationDot.style.width=t<=n?`${o}px`:n/t*o+"px"},this.addNavigationDots=()=>{var t,n;this.contents.removeEventListener("scroll",this.translateNavigationDot),this.navigationDot=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".dot"),this.navigationDots=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".dot-navigation"),this.updateNavigationDotSize(),this.navigationDot&&this.contents.addEventListener("scroll",this.translateNavigationDot)}}watchNavigation(t){"position"===t&&this.addNavigationDots()}componentWillLoad(){this.updateCSSCustomProps()}componentDidLoad(){var t,n;this.contents=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".contents"),this.spacer=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".spacer"),"position"===this.navigation&&this.addNavigationDots(),window&&void 0!==window.onscrollend?this.contents.addEventListener("scrollend",this.checkNavigationButtons):this.controls&&(this.controls=void 0)}disconnectedCallback(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons),this.contents.removeEventListener("scroll",this.translateNavigationDot)}render(){return n(o,{key:"813a5af54bdb5a86d7662780f1130726b794598f"},n("div",{key:"7fc7be70a78e5d1df138842d017ec516965e36d8",class:"contents",part:"content"},n("div",{key:"9f16ae2a3d5b327685848dac7627e0eabf600c3d",class:"spacer"}),n("slot",{key:"aab4c93cc415efac5754d63738478f6e1fec9d3e",onSlotchange:this.updateElements}),n("div",{key:"728b3827466733209727823476afd5734bcb581e",class:"spacer"})),n("div",{key:"9d5f8a4bdd74746f6c046172be78f80607458d05",class:"dot-navigation"},n("div",{key:"7119cfb68b5582f3f906b4f61ea38c320bd84015",class:"dot"})),this.controls&&"none"!==this.controls&&n("mds-button",{key:"1ce0a724dd3a2f7e90c897066ea36c150d4357af",onClick:this.moveBack,size:"lg",class:d("navigation navigation--back",!this.showBack&&"navigation--disabled"),icon:a}),this.controls&&"none"!==this.controls&&n("mds-button",{key:"56fa074dcffc7549215827728472d574a9c6b195",onClick:this.moveForward,size:"lg",class:d("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:s}))}get host(){return r(this)}static get watchers(){return{navigation:["watchNavigation"]}}};e.style='/* stylelint-disable media-query-no-invalid */\n@tailwind components;\n\n/**\n * @prop --mds-horizontal-scroll-background: Sets the background-color of the component\n * @prop --mds-horizontal-scroll-behavior: Sets the scroll-behavior animation\n * @prop --mds-horizontal-scroll-dot-area-background: Sets the dot container area color\n * @prop --mds-horizontal-scroll-dot-background: Sets the navigation dot color\n * @prop --mds-horizontal-scroll-dot-max-width: Sets the navigation dot max-width, if you want to avoid is scales in proportion of the container\n * @prop --mds-horizontal-scroll-max-width: Sets the max-width of the slotted elements container, to keep layout limited as the rest of the sections\n * @prop --mds-horizontal-scroll-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n */\n\n:host {\n  --mds-horizontal-scroll-behavior: smooth;\n  --mds-horizontal-scroll-dots-gap: 0.25rem;\n  --mds-horizontal-scroll-dot-size: 0.5rem;\n  --mds-horizontal-scroll-dot-max-width: auto;\n  --mds-horizontal-scroll-dot-background: rgb(var(--tone-neutral));\n  --mds-horizontal-scroll-dot-area-background: rgb(var(--tone-neutral-08));\n  --mds-horizontal-scroll-contents-padding: 1.5rem;\n  --mds-horizontal-scroll-contents-scroll-padding: 0 1.5rem;\n  --mds-horizontal-scroll-controls-margin: 3rem;\n  --mds-horizontal-scroll-gap: 1.5rem;\n  --mds-horizontal-scroll-max-width: 1280px;\n  --mds-horizontal-scroll-scrollbar-margin: 0;\n  --mds-horizontal-scroll-scrollbar-radius: 0;\n  --mds-horizontal-scroll-scrollbar-size: 0.5rem;\n  --mds-horizontal-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-horizontal-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  /* private custom props, DO NOT OVERRIDE from outside */\n  --max-width: var(--mds-horizontal-scroll-max-width); /* remember @media (width <= theme(\'screens.wide\')) at the bottom */\n  --scroll-margin: calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin) * 2));\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  container-name: mds-horizontal-scroll;\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n}\n\n.navigation {\n  border-radius: 1000px;\n  display: none;\n  padding: 0;\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, transform;\n  transition-property: opacity, scale, transform, -webkit-transform;\n}\n\n\n\n.contents {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-horizontal-scroll-gap);\n  overflow: auto;\n  padding-bottom: var(--mds-horizontal-scroll-contents-padding);\n  padding-top: var(--mds-horizontal-scroll-contents-padding);\n  position: relative;\n  scroll-behavior: var(--mds-horizontal-scroll-behavior);\n  scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  width: 100%;\n}\n\n/*\n.contents::after {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin) + 48px);\n\n  background-color: rgb(255 0 255 / 0.1);\n  content: "";\n  display: flex;\n  height: 100%;\n  left: clamp(1px, var(--width), var(--width));\n  pointer-events: none;\n  position: fixed;\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n  */\n\n.contents > ::slotted(*) {\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n.spacer {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n\n  content: "";\n  display: block;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: clamp(1px, var(--width), var(--width));\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n@container (max-width: 1024px) {\n  :host {\n    --scroll-margin: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents {\n    scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents > ::slotted(*) {\n    scroll-margin: 0 var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n}\n\n:host-context(.pref-animation-reduce) {\n  --mds-horizontal-scroll-behavior: auto;\n}\n\n@media (prefers-reduced-motion) {\n  :host-context(.pref-animation-system) {\n    --mds-horizontal-scroll-behavior: auto;\n  }\n}\n\n\n.navigation--back {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  left: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--forward {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--disabled {\n  opacity: 0;\n  pointer-events: none;\n  -webkit-transform: translate(0, -50%) scale(0.5);\n  transform: translate(0, -50%) scale(0.5);\n}\n\n:host([controls="all"]) .navigation {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@media (min-width: 1920px){\n\n  :host([controls="tv"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1600px){\n\n  :host([controls="xlarge"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1440px){\n\n  :host([controls="large"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1280px){\n\n  :host([controls="wide"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([controls="desktop"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 768px){\n\n  :host([controls="tablet"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n.dot-navigation {\n  -ms-flex-item-align: center;\n  align-self: center;\n  background-color: var(--mds-horizontal-scroll-dot-area-background);\n  border-radius: 200px;\n  display: none;\n  gap: var(--mds-horizontal-scroll-dots-gap);\n  -ms-flex-pack: start;\n  justify-content: start;\n  margin: 0 auto var(--mds-horizontal-scroll-contents-padding) auto;\n  max-width: 10rem;\n  padding: 0.125rem;\n  width: 100%;\n}\n\n:host([navigation="position"]) .dot-navigation {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.dot {\n  background-color: var(--mds-horizontal-scroll-dot-background);\n  border-radius: 200px;\n  height: var(--mds-horizontal-scroll-dot-size);\n  max-width: var(--mds-horizontal-scroll-dot-max-width);\n  min-width: var(--mds-horizontal-scroll-dot-size);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-property: width;\n  transition-property: width;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  width: calc(var(--mds-horizontal-scroll-dot-size) * 2);\n}\n\n:host(:not([navigation="scrollbar"])) .contents {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([navigation="scrollbar"])) .contents::-webkit-scrollbar {\n    display: none;\n  }\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar {\n  height: var(--mds-horizontal-scroll-scrollbar-size);\n  width: var(--mds-horizontal-scroll-scrollbar-size);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-track {\n  background-color: var(--mds-horizontal-scroll-scrollbar-track-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n  margin-block: var(--mds-horizontal-scroll-scrollbar-margin);\n  margin-inline: var(--mds-horizontal-scroll-scrollbar-margin);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-thumb {\n  background-color: var(--mds-horizontal-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .contents {\n    scrollbar-color: var(--mds-horizontal-scroll-scrollbar-thumb-background) var(--mds-horizontal-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n:host([snap="start"]) .contents > ::slotted(*) {\n  scroll-snap-align: start;\n}\n\n:host([snap="center"]) .contents > ::slotted(*) {\n  scroll-snap-align: center;\n}\n\n:host([snap="end"]) .contents > ::slotted(*) {\n  scroll-snap-align: end;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';export{e as mds_horizontal_scroll}
+import{r as t,h as n,H as o,g as r}from"./p-3a6b32e7.js";import{m as a}from"./p-adc5a87e.js";import{m as s}from"./p-24ec3f86.js";import{c as d}from"./p-8a1a6e56.js";import{b as i}from"./p-9dd6ac8a.js";const e=class{constructor(n){t(this,n),this.hasCompatibility=!0,this.showForward=!0,this.showBack=!1,this.controls="desktop",this.navigation="position",this.snap="start",this.updateElements=()=>{var t,n;this.elements=null===(n=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")[0])||void 0===n?void 0:n.assignedNodes()},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.host);this.scrollGap=i(t.getPropertyValue("--mds-horizontal-scroll-gap"))},this.isInViewport=t=>{if(!this.contents)return!1;const n=this.spacer.offsetWidth+this.scrollGap,o=t.getBoundingClientRect(),r=this.contents.getBoundingClientRect();return o.top>=0&&o.left>=n&&o.bottom<=r.height&&o.right<=r.width-2*n},this.checkNavigationButtons=()=>{if(!this.elements)throw Error("No elements slotted to the component");this.showBack=!0,this.showForward=!0,this.elements.forEach(((t,n)=>{0===n&&this.isInViewport(t)&&(this.showBack=!1),this.elements.length-1===n&&this.isInViewport(t)&&(this.showForward=!1)}))},this.moveBack=()=>{if(!this.elements)throw Error("No elements slotted to the component");let t,n,o=0;this.elements.forEach(((r,a)=>{this.isInViewport(r)&&(t||(o=a,t=r),n=r)})),this.elements.forEach(((r,a)=>{this.isInViewport(r)||a!==o-1||void 0===t||void 0===n||(this.contents.scrollLeft=this.contents.scrollLeft+r.offsetLeft-n.offsetLeft-t.offsetWidth-this.scrollGap)}))},this.moveForward=()=>{if(!this.elements)throw Error("No elements slotted to the component");let t=!0;this.elements.forEach((n=>{this.isInViewport(n)||n.offsetLeft>this.contents.scrollLeft&&t&&(t=!1,this.lastElementOffsetLeft=n.offsetLeft,this.contents.scrollLeft=this.lastElementOffsetLeft)}))},this.translateNavigationDot=()=>{if(!(this.elements&&this.contents&&this.navigationDot&&this.navigationDots))return void console.error("mds-horizontal-scroll.translateNavigationDot: One of the shadowRoot elements is missing.");const{scrollLeft:t,scrollWidth:n,offsetWidth:o}=this.contents,r=window.getComputedStyle(this.navigationDots),a=parseFloat(r.paddingLeft)||0,s=parseFloat(r.paddingRight)||0;0!==o&&0!==n?this.navigationDot.style.transform=`translateX(${t/(n-o)*(this.navigationDots.offsetWidth-a-s-this.navigationDot.offsetWidth)}px)`:console.error("mds-horizontal-scroll.translateNavigationDot: offsetWidth or scrollWidth is 0, impossible to calculate position")},this.updateNavigationDotSize=()=>{if(!this.contents||!this.navigationDot||!this.navigationDots)return void console.error("mds-horizontal-scroll.updateNavigationDotSize: One of the shadowRoot elements is missing.");const{scrollWidth:t,offsetWidth:n}=this.contents,o=this.navigationDots.offsetWidth;this.navigationDot.style.width=t<=n?`${o}px`:n/t*o+"px"},this.addNavigationDots=()=>{var t,n;this.contents.removeEventListener("scroll",this.translateNavigationDot),this.navigationDot=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".dot"),this.navigationDots=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".dot-navigation"),this.updateNavigationDotSize(),this.navigationDot&&this.contents.addEventListener("scroll",this.translateNavigationDot)}}watchNavigation(t){"position"===t&&this.addNavigationDots()}componentWillLoad(){this.updateCSSCustomProps()}componentDidLoad(){var t,n;this.contents=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".contents"),this.spacer=null===(n=this.host.shadowRoot)||void 0===n?void 0:n.querySelector(".spacer"),"position"===this.navigation&&this.addNavigationDots(),window&&void 0!==window.onscrollend?this.contents.addEventListener("scrollend",this.checkNavigationButtons):this.controls&&(this.controls=void 0)}disconnectedCallback(){this.contents.removeEventListener("scrollend",this.checkNavigationButtons),this.contents.removeEventListener("scroll",this.translateNavigationDot)}render(){return n(o,{key:"b65cd5aef21f81cf9c660b9e16ee0742033b0522"},n("div",{key:"957de53a7aeee4ddb820288c54fe4b976b74bac9",class:"contents",part:"content"},n("div",{key:"385e764035e30f5e0d656c700198de314eb87a8d",class:"spacer"}),n("slot",{key:"85fff563ccf060e4fc590faf05595a79dbd87d57",onSlotchange:this.updateElements}),n("div",{key:"181ee99f3e0d61f4c1062dec205632f0b9d287fc",class:"spacer"})),n("div",{key:"d575c09eab0fa7e5d08e0fcb720d1740035cf38d",class:"dot-navigation"},n("div",{key:"403830bc1cca796930ae5da665f9f3d3a206c7b9",class:"dot"})),this.controls&&"none"!==this.controls&&n("mds-button",{key:"47befe2f2aa6522819c7ff80b3385ab574ce6c30",onClick:this.moveBack,size:"lg",class:d("navigation navigation--back",!this.showBack&&"navigation--disabled"),icon:a}),this.controls&&"none"!==this.controls&&n("mds-button",{key:"3bcdf715858fbed99e63957506f751e5188f4a53",onClick:this.moveForward,size:"lg",class:d("navigation navigation--forward",!this.showForward&&"navigation--disabled"),icon:s}))}get host(){return r(this)}static get watchers(){return{navigation:["watchNavigation"]}}};e.style='/* stylelint-disable media-query-no-invalid */\n@tailwind components;\n\n/**\n * @prop --mds-horizontal-scroll-background: Sets the background-color of the component\n * @prop --mds-horizontal-scroll-behavior: Sets the scroll-behavior animation\n * @prop --mds-horizontal-scroll-dot-area-background: Sets the dot container area color\n * @prop --mds-horizontal-scroll-dot-background: Sets the navigation dot color\n * @prop --mds-horizontal-scroll-dot-max-width: Sets the navigation dot max-width, if you want to avoid is scales in proportion of the container\n * @prop --mds-horizontal-scroll-max-width: Sets the max-width of the slotted elements container, to keep layout limited as the rest of the sections\n * @prop --mds-horizontal-scroll-scrollbar-margin: Sets the margin of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-radius: Sets the border-radius of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-size: Sets the height and width of the browser scroll bar (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-thumb-background: Sets the background-color of the browser scroll bar thumb (if supported)\n * @prop --mds-horizontal-scroll-scrollbar-track-background: Sets the background-color of the browser scroll bar track (if supported)\n */\n\n:host {\n  --mds-horizontal-scroll-behavior: smooth;\n  --mds-horizontal-scroll-dots-gap: 0.25rem;\n  --mds-horizontal-scroll-dot-size: 0.5rem;\n  --mds-horizontal-scroll-dot-max-width: auto;\n  --mds-horizontal-scroll-dot-background: rgb(var(--tone-neutral));\n  --mds-horizontal-scroll-dot-area-background: rgb(var(--tone-neutral-08));\n  --mds-horizontal-scroll-contents-padding: 1.5rem;\n  --mds-horizontal-scroll-contents-scroll-padding: 0 1.5rem;\n  --mds-horizontal-scroll-controls-margin: 3rem;\n  --mds-horizontal-scroll-gap: 1.5rem;\n  --mds-horizontal-scroll-max-width: 1280px;\n  --mds-horizontal-scroll-scrollbar-margin: 0;\n  --mds-horizontal-scroll-scrollbar-radius: 0;\n  --mds-horizontal-scroll-scrollbar-size: 0.5rem;\n  --mds-horizontal-scroll-scrollbar-thumb-background: rgb(var(--tone-neutral-02) 0.3);\n  --mds-horizontal-scroll-scrollbar-track-background: rgb(var(--tone-neutral-06) 0.3);\n\n  /* private custom props, DO NOT OVERRIDE from outside */\n  --max-width: var(--mds-horizontal-scroll-max-width); /* remember @media (width <= theme(\'screens.wide\')) at the bottom */\n  --scroll-margin: calc(((100svw - var(--max-width)) / 2) + (var(--mds-horizontal-scroll-controls-margin) * 2));\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  container-name: mds-horizontal-scroll;\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-pack: center;\n  justify-content: center;\n  position: relative;\n  width: 100%;\n}\n\n.navigation {\n  border-radius: 1000px;\n  display: none;\n  padding: 0;\n  position: absolute;\n  top: 50%;\n  -webkit-transform: translate(0, -50%);\n  transform: translate(0, -50%);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, -webkit-transform;\n  transition-property: opacity, scale, transform;\n  transition-property: opacity, scale, transform, -webkit-transform;\n}\n\n\n\n.contents {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: -ms-flexbox;\n  display: flex;\n  gap: var(--mds-horizontal-scroll-gap);\n  overflow: auto;\n  padding-bottom: var(--mds-horizontal-scroll-contents-padding);\n  padding-top: var(--mds-horizontal-scroll-contents-padding);\n  position: relative;\n  scroll-behavior: var(--mds-horizontal-scroll-behavior);\n  scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  -webkit-scroll-snap-type: x mandatory;\n  -ms-scroll-snap-type: x mandatory;\n  scroll-snap-type: x mandatory;\n  width: 100%;\n}\n\n/*\n.contents::after {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin) + 48px);\n\n  background-color: rgb(255 0 255 / 0.1);\n  content: "";\n  display: flex;\n  height: 100%;\n  left: clamp(1px, var(--width), var(--width));\n  pointer-events: none;\n  position: fixed;\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n  */\n\n.contents > ::slotted(*) {\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n.spacer {\n  --width: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap));\n\n  content: "";\n  display: block;\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -ms-flex-positive: 0;\n  flex-grow: 0;\n  -ms-flex-negative: 0;\n  flex-shrink: 0;\n  min-width: clamp(1px, var(--width), var(--width));\n  scroll-margin: 0 var(--scroll-margin);\n}\n\n@container (max-width: 1024px) {\n  :host {\n    --scroll-margin: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents {\n    scroll-padding: var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n\n  .contents > ::slotted(*) {\n    scroll-margin: 0 var(--mds-horizontal-scroll-contents-scroll-padding);\n  }\n}\n\n:host-context(.pref-animation-reduce) {\n  --mds-horizontal-scroll-behavior: auto;\n}\n\n@media (prefers-reduced-motion) {\n  :host-context(.pref-animation-system) {\n    --mds-horizontal-scroll-behavior: auto;\n  }\n}\n\n\n.navigation--back {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  left: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--forward {\n  --position: calc(var(--scroll-margin) - var(--mds-horizontal-scroll-gap) - var(--mds-horizontal-scroll-controls-margin));\n\n  right: clamp(calc(var(--mds-horizontal-scroll-gap) / 2), var(--position), var(--position));\n}\n\n.navigation--disabled {\n  opacity: 0;\n  pointer-events: none;\n  -webkit-transform: translate(0, -50%) scale(0.5);\n  transform: translate(0, -50%) scale(0.5);\n}\n\n:host([controls="all"]) .navigation {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n@media (min-width: 1920px){\n\n  :host([controls="tv"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1600px){\n\n  :host([controls="xlarge"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1440px){\n\n  :host([controls="large"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1280px){\n\n  :host([controls="wide"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 1024px){\n\n  :host([controls="desktop"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n@media (min-width: 768px){\n\n  :host([controls="tablet"]) .navigation{\n    display: -ms-flexbox;\n    display: flex;\n  }\n}\n\n.dot-navigation {\n  -ms-flex-item-align: center;\n  align-self: center;\n  background-color: var(--mds-horizontal-scroll-dot-area-background);\n  border-radius: 200px;\n  display: none;\n  gap: var(--mds-horizontal-scroll-dots-gap);\n  -ms-flex-pack: start;\n  justify-content: start;\n  margin: 0 auto var(--mds-horizontal-scroll-contents-padding) auto;\n  max-width: 10rem;\n  padding: 0.125rem;\n  width: 100%;\n}\n\n:host([navigation="position"]) .dot-navigation {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\n.dot {\n  background-color: var(--mds-horizontal-scroll-dot-background);\n  border-radius: 200px;\n  height: var(--mds-horizontal-scroll-dot-size);\n  max-width: var(--mds-horizontal-scroll-dot-max-width);\n  min-width: var(--mds-horizontal-scroll-dot-size);\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-property: width;\n  transition-property: width;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  width: calc(var(--mds-horizontal-scroll-dot-size) * 2);\n}\n\n:host(:not([navigation="scrollbar"])) .contents {\n    -webkit-overflow-scrolling: touch;\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n  }\n\n:host(:not([navigation="scrollbar"])) .contents::-webkit-scrollbar {\n    display: none;\n  }\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar {\n  height: var(--mds-horizontal-scroll-scrollbar-size);\n  width: var(--mds-horizontal-scroll-scrollbar-size);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-track {\n  background-color: var(--mds-horizontal-scroll-scrollbar-track-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n  margin-block: var(--mds-horizontal-scroll-scrollbar-margin);\n  margin-inline: var(--mds-horizontal-scroll-scrollbar-margin);\n}\n\n:host([navigation="scrollbar"]) .contents::-webkit-scrollbar-thumb {\n  background-color: var(--mds-horizontal-scroll-scrollbar-thumb-background);\n  border-radius: var(--mds-horizontal-scroll-scrollbar-radius);\n}\n\n@supports (scrollbar-color: transparent transparent) {\n  .contents {\n    scrollbar-color: var(--mds-horizontal-scroll-scrollbar-thumb-background) var(--mds-horizontal-scroll-scrollbar-track-background);\n    scrollbar-width: thin;\n  }\n}\n\n:host([snap="start"]) .contents > ::slotted(*) {\n  scroll-snap-align: start;\n}\n\n:host([snap="center"]) .contents > ::slotted(*) {\n  scroll-snap-align: center;\n}\n\n:host([snap="end"]) .contents > ::slotted(*) {\n  scroll-snap-align: end;\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';export{e as mds_horizontal_scroll}

package/dist/magma-components/{p-ac5f329f.system.entry.js → p-746fd1cf.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-2aef517c.system.js","./p-32f55263.system.js","./p-d68089ba.system.js","./p-35651508.system.js"],(function(t){"use strict";var a,d,e,r,s,i,o,n,h;return{setters:[function(t){a=t.r;d=t.c;e=t.h;r=t.H;s=t.g},function(t){i=t.s;o=t.h},function(t){n=t.c},function(t){h=t.d}],execute:function(){var b='@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem}:host([animation="slide"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:"";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot="content"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot="content"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction="vertical"]){grid-template-columns:var(--mds-tab-direction-vertical-columns)}:host([direction="vertical"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction="vertical"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction="vertical"][fill]) .tabs-wrapper,:host([direction="vertical"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction="vertical"])::slotted(mds-tab-item){width:100%}@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:"";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:"";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var m=b;var l=t("mds_tab",function(){function t(t){var e=this;a(this,t);this.changedEvent=d(this,"mdsTabChange",7);this.currentItemIndex=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderHeight=-1;this.sliderOffsetX=-1;this.sliderOffsetY=-1;this.overflowLeft=false;this.overflowRight=false;this.direction="horizontal";this.animation="slide";this.queryContentItems=function(){return Array.from(e.element.querySelectorAll(":scope > [slot=content]"))};this.updateContentItems=function(){e.contentItems=e.queryContentItems();e.contentItems.forEach((function(t,a){i(t,"role","tabpanel");i(t,"aria-labelledby",e.tabItems[a].id)}));e.selectContentItem()};this.setTabsItems=function(){e.tabItems=Array.from(e.element.querySelectorAll("mds-tab-item"));e.currentItemIndex=-1;e.tabItems.forEach((function(t){t.size=e.size}));e.tabItems.forEach((function(t,a){if(!t.id){i(t,"id",o("mds-tab-item"))}if(t.selected){e.currentItemIndex=a;e.currentItemEl=e.tabItems[e.currentItemIndex]}}))};this.updateTabItems=function(){e.setTabsItems();if(e.overflow)e.updateOverflowState();e.updateSliderPosition();e.scrollTabs(e.currentItemIndex)};this.unsetOverflowCheck=function(){e.tabs.removeEventListener("scroll",e.updateOverflowState);e.observer.unobserve(e.tabsContainer)};this.initOverflowCheck=function(){e.tabs.addEventListener("scroll",e.updateOverflowState);e.observer=new ResizeObserver((function(){if(e.overflow)e.updateOverflowState();e.updateSliderPosition()}));e.observer.observe(e.tabsContainer);e.updateOverflowState()};this.updateOverflowState=function(){if(!e.tabs||!e.tabsContainer)return;var t=e.tabsContainer.offsetWidth;var a=e.tabs.scrollWidth;var d=e.tabs.scrollLeft;e.overflowLeft=d>0;e.overflowRight=Math.ceil(d+t)<a-1};this.updateSliderPosition=function(){if(e.animation==="slide"&&e.currentItemIndex>=0){self.requestAnimationFrame((function(){e.sliderWidth=e.currentItemEl.offsetWidth;e.sliderHeight=e.currentItemEl.offsetHeight;e.sliderOffsetX=e.currentItemEl.offsetLeft-e.tabsContainer.offsetLeft;e.sliderOffsetY=e.currentItemEl.offsetTop-e.tabsContainer.offsetTop+e.currentItemEl.offsetHeight-e.sliderHeight}))}else{e.sliderHeight=-1;e.sliderOffsetX=-1;e.sliderOffsetY=-1;e.sliderWidth=-1}};this.scrollTabs=function(t){var a=e.tabItems[t];setTimeout((function(){e.tabs.scrollLeft=a.offsetLeft-e.tabs.offsetLeft-e.tabs.offsetWidth/2+a.offsetWidth/2;e.updateOverflowState()}),h(e.cssSlideDelayDuration))};this.selectContentItem=function(){e.contentItems.forEach((function(t,a){t.setAttribute("mds-tab-content-hidden","");if(a===e.currentItemIndex){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(e.element);e.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){this.setTabsItems()};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a,d,e;this.updateCSSCustomProps();this.tabs=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tabs");this.tabsContainer=(a=this.element.shadowRoot)===null||a===void 0?void 0:a.querySelector(".tabs-wrapper");(e=(d=this.element.shadowRoot)===null||d===void 0?void 0:d.querySelector("slot"))===null||e===void 0?void 0:e.addEventListener("slotchange",this.updateTabItems.bind(this));this.updateContentItems();this.initOverflowCheck();this.updateSliderPosition();if(this.currentItemIndex>0){this.scrollTabs(this.currentItemIndex)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(d,e){var r;if(d.id===t.detail.target.id){a.changedEvent.emit({id:e,value:d.value});a.currentItemIndex=e;a.currentItemEl=a.tabItems[a.currentItemIndex];a.scrollTabs(e);d.selected=true;var s=(r=a.tabItems[a.currentItemIndex].shadowRoot)===null||r===void 0?void 0:r.querySelector("mds-button");setTimeout((function(){s.focus()}),0);return}d.selected=undefined}));this.selectContentItem();this.updateSliderPosition()};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(d,e){if(d.id===t.detail.target.id){a.scrollTabs(e)}}))};t.prototype.handleAnimationChange=function(){this.updateSliderPosition()};t.prototype.handleScrollbarChange=function(t){if(t===false){this.scrollbar=undefined}};t.prototype.handleFillChange=function(t){if(t===false){this.fill=undefined}};t.prototype.handleOverflowChange=function(t){if(!t){this.unsetOverflowCheck();return}this.initOverflowCheck()};t.prototype.handleSizeChange=function(t){this.tabItems.forEach((function(a){a.size=t}))};t.prototype.render=function(){return e(r,{key:"0cee35f7ed7d3673d76e9f87a81b620273b9859b"},e("div",{key:"e4e248908127fb334f72886b03469f94a3826c8c",class:n("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&e("div",{key:"a8b1955806568e1e314ce23ec05563b23a12c7e7",class:n("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&e("div",{key:"49ff85dddd8e56d4463f5f233e4d2f69397aca2b",class:n("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),e("div",{key:"2f11ace6c2845b4048f413ed1df07775835dbe01",class:"tabs",part:"tabs",role:"tablist"},e("slot",{key:"9ef816fbdc5008db20bbc0f702167e90ba471330"}),this.animation==="slide"&&e("div",{key:"ceadac8b4b5f8891294573d60748fe9e9cdc323e",class:"slider",part:"slider",style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-height":"".concat(this.sliderHeight,"px"),"--mds-tab-slider-offset-x":"".concat(this.sliderOffsetX,"px"),"--mds-tab-slider-offset-y":"".concat(this.sliderOffsetY,"px")}}))),e("div",{key:"38d88c11f4a33bb223ceecd40231ad33e5c6ad60",class:"contents",part:"contents"},e("slot",{key:"f04a15f918ecea307a07b72a07b26c2695406db0",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"],size:["handleSizeChange"]}},enumerable:false,configurable:true});return t}());l.style=m;var y=':host{--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent;cursor:pointer;display:-ms-flexbox;display:flex}:host-context(mds-tab[animation="slide"]){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.button{--mds-button-background:var(--mds-tab-item-default-background);--mds-button-color:var(--mds-tab-item-default-color);--mds-button-radius:var(--mds-tab-item-radius);--mds-button-border-default-opacity:0;-ms-flex-positive:1;flex-grow:1}.button:hover{--mds-button-background:var(--mds-tab-item-hover-background);--mds-button-color:var(--mds-tab-item-hover-color)}.button.selected,.button.selected:hover{--mds-button-background:var(--mds-tab-item-selected-background);--mds-button-color:var(--mds-tab-item-selected-color);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);pointer-events:none}:host([disabled]){pointer-events:none}:host-context(mds-tab[direction="vertical"]){width:100%}:host-context(mds-tab[direction="vertical"]) .button{-ms-flex-pack:start;justify-content:start}:host-context(.pref-theme-dark){--mds-tab-item-selected-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-item-selected-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6)}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6)}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var c=y;var u=t("mds_tab_item",function(){function t(t){var e=this;a(this,t);this.selectedEvent=d(this,"mdsTabItemSelect",7);this.focusedEvent=d(this,"mdsTabItemFocus",7);this.iconPosition="left";this.type="submit";this.size="md";this.toggle=function(){if(e.disabled){return}e.isSelected=!e.isSelected;if(e.isSelected){e.selectedEvent.emit({target:e.element,value:e.value})}};this.focus=function(){e.focusedEvent.emit({target:e.element,value:e.value})}}t.prototype.validateActive=function(t){this.isSelected=t;if(this.isSelected){this.selectedEvent.emit({target:this.element,value:this.value})}};t.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};t.prototype.render=function(){var t;return e(r,{key:"a903efdab2ba601a7391ee1859686cd60fa8c7e5"},e("mds-button",{key:"25b65b618a26529ce5daa864742927ecfa1cf890",class:n("button",this.selected?"selected":""),await:this.await,disabled:(t=this.disabled)!==null&&t!==void 0?t:undefined,href:this.href,icon:this.icon,iconPosition:this.iconPosition,onKeyDown:this.focus,onClick:this.toggle,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&e("slot",{key:"a406f686115822fa7d12e03838c8c05da1e4344a"})))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["validateActive"]}},enumerable:false,configurable:true});return t}());u.style=c}}}));
+System.register(["./p-2aef517c.system.js","./p-32f55263.system.js","./p-d68089ba.system.js","./p-35651508.system.js"],(function(t){"use strict";var a,d,r,e,s,i,o,n,h;return{setters:[function(t){a=t.r;d=t.c;r=t.h;e=t.H;s=t.g},function(t){i=t.s;o=t.h},function(t){n=t.c},function(t){h=t.d}],execute:function(){var b='@tailwind components; :host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:0.5rem;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:0.5rem;--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02) 0.3);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06) 0.3);--mds-tab-slide-delay:0.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-overflow-shadow-size:1.5rem;--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size) -2px rgb(0 0 0 / 0.375);--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:0.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background);--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-transition-duration:0.5s;--mds-tab-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);display:grid;gap:0 1.5rem}:host([animation="slide"]) ::slotted(mds-tab-item){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.tabs{-ms-flex-align:start;align-items:flex-start;background-color:var(--mds-tab-tabs-background);border-radius:var(--mds-tab-tabs-radius);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;gap:var(--mds-tab-tabs-gap);overflow:auto;padding:var(--mds-tab-tabs-padding);scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:0}.tabs-wrapper{border-radius:var(--mds-tab-tabs-radius);display:grid;margin:var(--mds-tab-tabs-wrapper-margin);max-width:-moz-max-content;max-width:-webkit-max-content;max-width:max-content;overflow:hidden;position:relative}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:"";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.contents::-webkit-scrollbar{display:none}.contents{gap:1.5rem;-ms-flex-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:var(--mds-tab-contents-height);overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:var(--mds-tab-scroll-behavior);-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:height;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents:empty{display:none}::slotted([slot="content"]){width:100%;min-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;scroll-snap-align:start}::slotted([slot="content"][mds-tab-content-hidden]){display:none !important}.tabs{position:relative}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x), var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, box-shadow, transform, width;transition-property:background-color, box-shadow, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height, transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction="vertical"]){grid-template-columns:var(--mds-tab-direction-vertical-columns)}:host([direction="vertical"]) .tabs{-ms-flex-item-align:start;align-self:start;-ms-flex-direction:column;flex-direction:column}:host([direction="vertical"]) .tabs-wrapper{-ms-flex-item-align:start;align-self:start;max-width:none}:host([direction="vertical"][fill]) .tabs-wrapper,:host([direction="vertical"][fill]) .tabs{-ms-flex-item-align:auto;align-self:auto}:host([direction="vertical"])::slotted(mds-tab-item){width:100%}@import \'~@maggioli-design-system/styles/dist/tailwind/components.css\';@tailwind components; :host(:not([scrollbar])) .tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host(:not([scrollbar])) .tabs::-webkit-scrollbar{display:none}:host([scrollbar]) .tabs::-webkit-scrollbar{height:var(--mds-tab-scroll-scrollbar-size);width:var(--mds-tab-scroll-scrollbar-size)}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background);border-radius:var(--mds-tab-scroll-scrollbar-radius);margin-block:var(--mds-tab-scroll-scrollbar-margin);margin-inline:var(--mds-tab-scroll-scrollbar-margin)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background);border-radius:var(--mds-tab-scroll-scrollbar-radius)}@supports (scrollbar-color: transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background) var(--mds-tab-scroll-scrollbar-track-background);scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size));background-color:var(--mds-tab-tabs-background);border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:"";display:-ms-inline-flexbox;display:inline-flex;height:auto;pointer-events:none;position:absolute;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);width:var(--size);z-index:2}.tabs-wrapper-overflow-left{inset:0 auto 0 0;-webkit-transform:translateX(calc(var(--offset-outside) * -1));transform:translateX(calc(var(--offset-outside) * -1))}.tabs-wrapper-overflow-right{inset:0 0 0 auto;-webkit-transform:translateX(var(--offset-outside));transform:translateX(var(--offset-outside))}.tabs-wrapper-overflow-left--show{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tabs-wrapper-overflow-right--show{-webkit-transform:translateX(100%);transform:translateX(100%)}.tabs-wrapper::after{border-radius:var(--mds-tab-tabs-radius);-webkit-box-shadow:var(--mds-tab-tabs-wrapper-shadow);box-shadow:var(--mds-tab-tabs-wrapper-shadow);content:"";inset:0;opacity:var(--mds-tab-tabs-wrapper-outline-opacity);pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-tab-transition-duration);transition-duration:var(--mds-tab-transition-duration);-webkit-transition-property:opacity, -webkit-box-shadow;transition-property:opacity, -webkit-box-shadow;transition-property:box-shadow, opacity;transition-property:box-shadow, opacity, -webkit-box-shadow;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}:host-context(.pref-theme-dark){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-tabs-background:rgb(var(--tone-neutral-08));--mds-tab-item-selected-background:rgb(var(--tone-neutral-07))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);--mds-tab-tabs-wrapper-shadow:0 0 0 0.125rem var(--mds-tab-tabs-wrapper-shadow-color) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07));--mds-tab-tabs-wrapper-outline-opacity:0.3}}:host-context(.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var m=b;var l=t("mds_tab",function(){function t(t){var r=this;a(this,t);this.changedEvent=d(this,"mdsTabChange",7);this.currentItemIndex=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderHeight=-1;this.sliderOffsetX=-1;this.sliderOffsetY=-1;this.overflowLeft=false;this.overflowRight=false;this.direction="horizontal";this.animation="slide";this.queryContentItems=function(){return Array.from(r.element.querySelectorAll(":scope > [slot=content]"))};this.updateContentItems=function(){r.contentItems=r.queryContentItems();r.contentItems.forEach((function(t,a){i(t,"role","tabpanel");i(t,"aria-labelledby",r.tabItems[a].id)}));r.selectContentItem()};this.setTabsItems=function(){r.tabItems=Array.from(r.element.querySelectorAll("mds-tab-item"));r.currentItemIndex=-1;r.tabItems.forEach((function(t){t.size=r.size}));r.tabItems.forEach((function(t,a){if(!t.id){i(t,"id",o("mds-tab-item"))}if(t.selected){r.currentItemIndex=a;r.currentItemEl=r.tabItems[r.currentItemIndex]}}))};this.updateTabItems=function(){r.setTabsItems();if(r.overflow)r.updateOverflowState();r.updateSliderPosition();r.scrollTabs(r.currentItemIndex)};this.unsetOverflowCheck=function(){r.tabs.removeEventListener("scroll",r.updateOverflowState);r.observer.unobserve(r.tabsContainer)};this.initOverflowCheck=function(){r.tabs.addEventListener("scroll",r.updateOverflowState);r.observer=new ResizeObserver((function(){if(r.overflow)r.updateOverflowState();r.updateSliderPosition()}));r.observer.observe(r.tabsContainer);r.updateOverflowState()};this.updateOverflowState=function(){if(!r.tabs||!r.tabsContainer)return;var t=r.tabsContainer.offsetWidth;var a=r.tabs.scrollWidth;var d=r.tabs.scrollLeft;r.overflowLeft=d>0;r.overflowRight=Math.ceil(d+t)<a-1};this.updateSliderPosition=function(){if(r.animation==="slide"&&r.currentItemIndex>=0){self.requestAnimationFrame((function(){r.sliderWidth=r.currentItemEl.offsetWidth;r.sliderHeight=r.currentItemEl.offsetHeight;r.sliderOffsetX=r.currentItemEl.offsetLeft-r.tabsContainer.offsetLeft;r.sliderOffsetY=r.currentItemEl.offsetTop-r.tabsContainer.offsetTop+r.currentItemEl.offsetHeight-r.sliderHeight}))}else{r.sliderHeight=-1;r.sliderOffsetX=-1;r.sliderOffsetY=-1;r.sliderWidth=-1}};this.scrollTabs=function(t){var a=r.tabItems[t];setTimeout((function(){r.tabs.scrollLeft=a.offsetLeft-r.tabs.offsetLeft-r.tabs.offsetWidth/2+a.offsetWidth/2;r.updateOverflowState()}),h(r.cssSlideDelayDuration))};this.selectContentItem=function(){r.contentItems.forEach((function(t,a){t.setAttribute("mds-tab-content-hidden","");if(a===r.currentItemIndex){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(r.element);r.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){this.setTabsItems()};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a,d,r;this.updateCSSCustomProps();this.tabs=(t=this.element.shadowRoot)===null||t===void 0?void 0:t.querySelector(".tabs");this.tabsContainer=(a=this.element.shadowRoot)===null||a===void 0?void 0:a.querySelector(".tabs-wrapper");(r=(d=this.element.shadowRoot)===null||d===void 0?void 0:d.querySelector("slot"))===null||r===void 0?void 0:r.addEventListener("slotchange",this.updateTabItems.bind(this));this.updateContentItems();this.initOverflowCheck();this.updateSliderPosition();if(this.currentItemIndex>0){this.scrollTabs(this.currentItemIndex)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(d,r){var e;if(d.id===t.detail.target.id){a.changedEvent.emit({id:r,value:d.value});a.currentItemIndex=r;a.currentItemEl=a.tabItems[a.currentItemIndex];a.scrollTabs(r);d.selected=true;var s=(e=a.tabItems[a.currentItemIndex].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){s.focus()}),0);return}d.selected=undefined}));this.selectContentItem();this.updateSliderPosition()};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(d,r){if(d.id===t.detail.target.id){a.scrollTabs(r)}}))};t.prototype.handleAnimationChange=function(){this.updateSliderPosition()};t.prototype.handleScrollbarChange=function(t){if(t===false){this.scrollbar=undefined}};t.prototype.handleFillChange=function(t){if(t===false){this.fill=undefined}};t.prototype.handleOverflowChange=function(t){if(!t){this.unsetOverflowCheck();return}this.initOverflowCheck()};t.prototype.handleSizeChange=function(t){this.tabItems.forEach((function(a){a.size=t}))};t.prototype.render=function(){return r(e,{key:"4138e29d5cd3b142e3eac4087cefb536978ef5eb"},r("div",{key:"59be0248301234a142b740680cfe7cbbf1860c8f",class:n("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&r("div",{key:"87ab1aaed2774bb76d42dc0824406df89a7bc51e",class:n("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&r("div",{key:"601b3b7303e51e7eda2cd8a53509121c76a951c5",class:n("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),r("div",{key:"207c925a238840b4c099aa2b2f042a9805ab911b",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"62193a3970c6a92aa72ef532a57b3a74898a6310"}),this.animation==="slide"&&r("div",{key:"230ea3829204b4cc334e8bd19e2da7c924892a87",class:"slider",part:"slider",style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-height":"".concat(this.sliderHeight,"px"),"--mds-tab-slider-offset-x":"".concat(this.sliderOffsetX,"px"),"--mds-tab-slider-offset-y":"".concat(this.sliderOffsetY,"px")}}))),r("div",{key:"232c152328c93bcc74fad4dc265a446c73b413df",class:"contents",part:"contents"},r("slot",{key:"a6257b53c0603ad1edecadc52953d92540ccc2e0",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"],size:["handleSizeChange"]}},enumerable:false,configurable:true});return t}());l.style=m;var c=':host{--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:rgb(var(--tone-neutral));--mds-tab-item-selected-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent;cursor:pointer;display:-ms-flexbox;display:flex}:host-context(mds-tab[animation="slide"]){--mds-tab-item-hover-background:transparent;--mds-tab-item-selected-background:transparent;--mds-tab-item-selected-shadow:transparent;--mds-tab-item-default-background:transparent;--mds-tab-item-default-shadow:transparent}.button{--mds-button-background:var(--mds-tab-item-default-background);--mds-button-color:var(--mds-tab-item-default-color);--mds-button-radius:var(--mds-tab-item-radius);--mds-button-border-default-opacity:0;-ms-flex-positive:1;flex-grow:1}.button:hover{--mds-button-background:var(--mds-tab-item-hover-background);--mds-button-color:var(--mds-tab-item-hover-color)}.button.selected,.button.selected:hover{--mds-button-background:var(--mds-tab-item-selected-background);--mds-button-color:var(--mds-tab-item-selected-color);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);pointer-events:none}:host([disabled]){pointer-events:none}:host-context(mds-tab[direction="vertical"]){width:100%}:host-context(mds-tab[direction="vertical"]) .button{-ms-flex-pack:start;justify-content:start}:host-context(.pref-theme-dark){--mds-tab-item-selected-background:rgb(var(--tone-neutral-08))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-tab-item-selected-background:rgb(var(--tone-neutral-08))}}:host-context(.pref-contrast-more){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6)}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-tab-item-selected-color:rgb(var(--tone-neutral-01));--mds-tab-item-selected-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6)}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var y=c;var u=t("mds_tab_item",function(){function t(t){var r=this;a(this,t);this.selectedEvent=d(this,"mdsTabItemSelect",7);this.focusedEvent=d(this,"mdsTabItemFocus",7);this.iconPosition="left";this.type="submit";this.size="md";this.toggle=function(){if(r.disabled){return}r.isSelected=!r.isSelected;if(r.isSelected){r.selectedEvent.emit({target:r.element,value:r.value})}};this.focus=function(){r.focusedEvent.emit({target:r.element,value:r.value})}}t.prototype.validateActive=function(t){this.isSelected=t;if(this.isSelected){this.selectedEvent.emit({target:this.element,value:this.value})}};t.prototype.componentWillLoad=function(){this.hasText=this.element.innerHTML!==""};t.prototype.render=function(){var t;return r(e,{key:"68ac3ba60165b08af16ab76ecd34ed6740ff889b"},r("mds-button",{key:"d004ad30c216bfe131a4c8dce9db6fa66606f07c",class:n("button",this.selected?"selected":""),await:this.await,disabled:(t=this.disabled)!==null&&t!==void 0?t:undefined,href:this.href,icon:this.icon,iconPosition:this.iconPosition,onKeyDown:this.focus,onClick:this.toggle,part:"button",role:"tab",size:this.size,type:this.type},this.hasText&&r("slot",{key:"d113146375a3821eeb4515fb87edfca40c0910cf"})))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["validateActive"]}},enumerable:false,configurable:true});return t}());u.style=y}}}));

package/dist/magma-components/p-75487b6d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as n,h as e,H as i,g as o}from"./p-3a6b32e7.js";import{c as r}from"./p-8a1a6e56.js";import{m as s}from"./p-581a0bb5.js";import{m as a}from"./p-a8265c47.js";import{m as d}from"./p-af30edf5.js";import{m as h}from"./p-b69d8626.js";import{L as l}from"./p-2d77deaf.js";import{h as c}from"./p-f00c93f4.js";import"./p-85aa8e05.js";const p='<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>',u='<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>',m={decrease:"Μείωση",hidePassword:"Απόκρυψη κωδικού",increase:"Αύξηση",showPassword:"Εμφάνιση κωδικού",speechToTextError:"Η φωνητική υπαγόρευση δεν υποστηρίζεται από αυτό το πρόγραμμα περιήγησης",speechToTextOff:"Διακοπή φωνητικής υπαγόρευσης",speechToTextOn:"Έναρξη φωνητικής υπαγόρευσης"},b={decrease:"Decrease",hidePassword:"Hide password",increase:"Increase",showPassword:"Show password",speechToTextError:"Voice dictation is not supported by this browser",speechToTextOff:"Stop voice dictation",speechToTextOn:"Start voice dictation"},y={decrease:"Disminuir",hidePassword:"Ocultar contraseña",increase:"Aumentar",showPassword:"Mostrar contraseña",speechToTextError:"El dictado por voz no es compatible con este navegador",speechToTextOff:"Detener dictado por voz",speechToTextOn:"Iniciar dictado por voz"},g={decrease:"Diminuisci",hidePassword:"Nascondi password",increase:"Aumenta",showPassword:"Visualizza password",speechToTextError:"Dettatura vocale non supportata da questo browser",speechToTextOff:"Ferma dettatura vocale",speechToTextOn:"Inizia dettatura vocale"},f=()=>null,v=t=>t.length>0?null:{required:""},w=t=>{if(""===t)return null;if(Number.isNaN(t.slice(0,-1))||10!==t.length&&13!==t.length)return{"isbn-error":"formato isbn non correto"};const n=t.split("").map((t=>"X"===t?10:Number(t)));let e=0;return e=10===t.length?n.reduce(((t,n,e)=>t+(10-e)*n),0)%11:n.reduce(((t,n,e)=>t+n*(e%2==0?1:3)),0)%10,0===e?null:{"isbn-error":"codice isbn non valido"}};class x{constructor(){this._validators=[],this._errors=null,this.isValid=!0}addValidator(t){Array.isArray(t)?this._validators.push(...t):this._validators.push(t)}_hasValidator(t,n){return Array.isArray(t)?t.includes(n):t===n}hasValidator(t){return t?this._hasValidator(this._validators,t):this._validators.length>0}removeValidator(t){this._validators=this._validators.filter((n=>!this._hasValidator(t,n)))}validate(t){const n=this._validators.map((n=>n(t))).reduce(((t,n)=>Object.assign(Object.assign({},t),n)),f);this._errors=0===Object.keys(n).length?null:n,this.isValid=!this._errors}get errors(){return this._errors}}class k{}k.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,k.CF_MASK="A{6}(99|AA)A(99|AA)A(999|AAA)A",k.CC_MASK="9999-9999-9999-9999";class z{constructor(t){this.validator=new x,this.pattern=t}mask(t){if(!this.pattern)throw new Error("no pattern found, set pattern before mask")}isValid(t){return this.validator.validate(t),this.validator.isValid}}const M=class{constructor(e){t(this,e),this.changeEvent=n(this,"mdsInputChange",7),this.keyDownEvent=n(this,"mdsInputKeydown",7),this.blurEvent=n(this,"mdsInputBlur",7),this.focusEvent=n(this,"mdsInputFocus",7),this.speechEvent=n(this,"mdsInputSpeechEnd",7),this.validationEvent=n(this,"mdsInputValidation",7),e.$hostElement$["s-ei"]?this.internals=e.$hostElement$["s-ei"]:(this.internals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.internals),this.speechToTextIcon=u,this.hasFocus=!1,this.isRecording=!1,this.countVariant="count-empty",this.isPasswordVisible=!1,this.t=new l({el:m,en:b,es:y,it:g}),this.autocomplete="off",this.autofocus=!1,this.await=!1,this.controlsLayout="vertical",this.controlsIcon="arrow",this.controlIncreaseLabel="Aumenta",this.controlDecreaseLabel="Riduci",this.disabled=!1,this.readonly=!1,this.required=!1,this.variant="primary",this.type="text",this.typography="detail",this.value="",this.countMaxLength=()=>{var t,n,e;if(!this.maxlength)return;if(void 0===this.value)return;this.currentLengthLabel=`${null!==(n=null===(t=this.value)||void 0===t?void 0:t.length)&&void 0!==n?n:0} / ${this.maxlength}`;const i=Math.round(100*this.value.length/this.maxlength);this.countVariant=(null===(e=this.value)||void 0===e?void 0:e.length)!==this.maxlength?i>=100?"count-full":i>=75?"count-almost-full":i>=50?"count-almost":i>=25?"count-incomplete":"count-empty":"count-full"},this.onInput=t=>{const n=t.target;n&&(this.value=n.value,this.internals.setFormValue(this.value)),this.keyDownEvent.emit(t)},this.onBlur=()=>{this.hasFocus=!1,this.validateInput(),this.blurEvent.emit()},this.onFocus=t=>{const n=t.target;this.hasFocus=!0,this.focusEvent.emit(),this.readonly&&setTimeout((()=>{n.select()}),10)},this.stepUp=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepUp(),this.value=this.nativeInput.value)},this.stepDown=()=>{!this.nativeInput||this.readonly||this.disabled||(this.nativeInput.stepDown(),this.value=this.nativeInput.value)},this.toggleTextRecognition=()=>{if(this.isRecording=!this.isRecording,!this.isRecording)return this.speechToTextLabel=this.t.get("speechToTextOn"),this.speechToTextIcon=u,void this.stopRecognition();this.speechToTextLabel=this.t.get("speechToTextOff"),this.speechToTextIcon=h,this.startRecognition()},this.onSpeechRecognitionError=()=>{console.error("SpeechRecognition API may not work properly on Chrome based browsers."),this.speechButton.classList.remove("mic-toggle-button--recording"),this.speechButton.classList.add("toggle-button--error"),this.isRecording=!1,this.speechToTextLabel=this.t.get("speechToTextError"),this.speechToTextIcon='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10.8 4.9c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2l-.01 3.91L15 10.6V5c0-1.66-1.34-3-3-3c-1.54 0-2.79 1.16-2.96 2.65l1.76 1.76V4.9zM19 11h-1.7c0 .58-.1 1.13-.27 1.64l1.27 1.27c.44-.88.7-1.87.7-2.91zM4.41 2.86L3 4.27l6 6V11c0 1.66 1.34 3 3 3c.23 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52c-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28a7.13 7.13 0 0 0 2.55-.9l4.2 4.2l1.41-1.41L4.41 2.86z"/></svg>'},this.startRecognition=()=>{var t,n,e;this.speechButton||(this.speechButton=null===(n=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===n?void 0:n.querySelector(".mic-toggle-button"));const i=null!==(e=window.SpeechRecognition)&&void 0!==e?e:window.webkitSpeechRecognition;if(this.value="",!i)return void this.onSpeechRecognitionError();this.recognition=new i,this.recognition.continuous=!0,this.recognition.lang=navigator.language||"it-IT",this.recognition.interimResults=!0,this.recognition.maxAlternatives=1;let o="",r=0;this.recognition.onresult=t=>{const n=t.results[r];if(n.isFinal)return o+=n[0].transcript,this.value=o,void(r+=1);this.value=o+n[0].transcript},this.recognition.onerror=t=>{console.error("SpeechRecognition API error:",t.error),this.onSpeechRecognitionError()},this.recognition.start()},this.stopRecognition=()=>{this.recognition&&(this.recognition.stop(),this.speechEvent.emit())}}async updateLang(){this.language=this.t.lang(this.el),this.t.update()}formResetCallback(){this.internals.setFormValue("")}connectedCallback(){this.datalistId=`datalist-${c()}`}componentWillLoad(){var t;if(this.language=this.t.lang(this.el),this.speechToTextLabel=this.t.get("speechToTextOn"),this.el.hasAttribute("tabindex")){const t=this.el.getAttribute("tabindex");this.tabindex=null!==t?parseInt(t):void 0,this.el.removeAttribute("tabindex")}this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),this.maxLengthChanged(this.maxlength),this.isValid=!(this.required&&""===this.value),this.el.focus=()=>{var t;null===(t=this.nativeInput)||void 0===t||t.focus()}}componentDidLoad(){var t,n,e;this.inputValidation=function(t){let n;switch(t){case"tel":case"url":case"piva":default:n=new z("");break;case"cc":n=new z(k.CC_MASK);break;case"cf":n=new z(k.CF_MASK),n.validator.addValidator((t=>""===t||k.CF_Regex.test(t)?null:{"cf-regex":"Codice fiscale inserito non corretto"})),n.validator.addValidator((t=>""===t||16===t.length?null:{"cf-length":"Codice fiscale deve essere lungo 16 caratteri"}));break;case"isbn":n=new z,n.validator.addValidator(w)}return n}(this.type),this.setValidators(),null===(t=this.nativeInput)||void 0===t||t.setAttribute("pattern",String(this.inputValidation.pattern)),this.autofocus&&(null===(n=this.nativeInput)||void 0===n||n.focus()),this.variantChanged(null!==(e=this.variant)&&void 0!==e?e:"primary")}setValidators(){var t,n,e;this.required&&this.inputValidation.validator.addValidator(v),""!==this.max&&Number(this.max)&&this.inputValidation.validator.addValidator((t=Number(this.max),n=>{if(""===n||null===t)return null;const e=parseFloat(n);return!isNaN(e)&&e>t?{max:`valore massimo ${t}`}:null})),""!==this.min&&Number(this.min)&&this.inputValidation.validator.addValidator((n=Number(this.max),t=>{if(""===t||null===n)return null;const e=parseFloat(t);return!isNaN(e)&&e<n?{min:`valore minimo ${n}`}:null})),this.maxlength&&this.inputValidation.validator.addValidator((e=this.maxlength,t=>""===t||null===e?null:t.length>e?{minLenght:`La lunghezza massima accettata è ${e}`}:null)),this.minlength&&this.inputValidation.validator.addValidator((t=>n=>""===n||null===t?null:n.length<t?{minLenght:`La lunghezza minima accettata è ${t}`}:null)(this.minlength))}valueChanged(){var t;this.changeEvent.emit({value:this.value}),this.internals.setFormValue(null!==(t=this.value)&&void 0!==t?t:null),void 0!==this.maxlength&&this.countMaxLength(),""!==this.value&&(this.isValid||this.validateInput())}variantChanged(t){"ai"===t&&void 0===this.icon&&(this.icon='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path d="M10 11H8V8h2zM16 11h-2V8h2z"/>\n  <path fill-rule="evenodd" d="M21.544 10.436a3 3 0 0 1 0 3.128l-3.667 6A3 3 0 0 1 15.317 21H8.683a3 3 0 0 1-2.56-1.436l-3.666-6a3 3 0 0 1 0-3.128l3.667-6A3 3 0 0 1 8.683 3h6.635a3 3 0 0 1 2.56 1.436zM4.162 11.479a1 1 0 0 0 0 1.043l3.668 6a1 1 0 0 0 .853.478h6.634a1 1 0 0 0 .853-.479l3.667-6a1 1 0 0 0 0-1.042l-3.667-6A1 1 0 0 0 15.317 5H8.683a1 1 0 0 0-.853.479z" clip-rule="evenodd"/>\n  <path d="M16.707 14.707C15.477 15.937 13.698 16.5 12 16.5s-3.477-.563-4.707-1.793l1.414-1.414c.77.77 1.991 1.207 3.293 1.207s2.523-.437 3.293-1.207z"/>\n</svg>\n')}maxLengthChanged(t){void 0!==t&&(t<=0?this.maxlength=void 0:this.countMaxLength())}async addValidator(t){return this.inputValidation.validator.addValidator(t),Promise.resolve()}async removeValidator(t){this.inputValidation.validator.removeValidator(t)}async hasValidator(t){return this.inputValidation.validator.hasValidator(t)}async getErrors(){return Promise.resolve(this.inputValidation.validator.errors)}validateInput(){return this.inputValidation.validator.hasValidator()&&(this.isValid=this.inputValidation.isValid(this.value),this.variant=""!==this.value||this.required?this.isValid?"success":"error":"primary",this.validationEvent.emit(this.isValid)),this.isValid}disabledChanged(t){t&&this.internals.setFormValue(null)}async setFocus(){this.nativeInput&&this.nativeInput.focus()}getInputElement(){return Promise.resolve(this.nativeInput)}componentWillRender(){this.t.lang(this.el)}render(){var t,n;return e(i,{key:"6904606bb94fbe4039190d44dc6b146561cb1c9d"},"number"===this.type&&"horizontal"===this.controlsLayout&&e("mds-button",{key:"e529d4c484cd78950a425b884fe927199acc0b05",class:"counter-button counter-button--horizontal counter-button--decrease",icon:"arrow"===this.controlsIcon?s:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),part:"counter-button-decrease"}),"textarea"===this.type?e("textarea",{class:r("input",(null!==(t=this.icon)&&void 0!==t?t:this.await)&&"has-icon",this.mic&&"has-right-icon"),autoFocus:this.autofocus,disabled:this.disabled,maxLength:this.maxlength,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,tabIndex:this.tabindex,value:this.value}):e("input",{class:r("input",(null!==(n=this.icon)&&void 0!==n?n:this.await)&&"has-icon",this.mic&&"has-right-icon"),autoComplete:this.autocomplete,autoFocus:this.autofocus,disabled:this.disabled,max:this.max,maxLength:this.maxlength,min:this.min,minLength:this.minlength,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,pattern:this.pattern,list:this.datalistId,part:"field",placeholder:this.placeholder,readOnly:this.readonly,ref:t=>this.nativeInput=t,required:this.required,step:this.step,tabIndex:this.tabindex,type:"password"===this.type&&this.isPasswordVisible?"text":this.type,value:this.value}),"number"===this.type&&"vertical"===this.controlsLayout&&e("div",{key:"d000022047e1333c236edce58b177c5f619f4385",class:"counter counter--vertical"},e("mds-button",{key:"c96ebc62547c9feec928ffe5ff818015ff011032",class:"counter-button",icon:"arrow"===this.controlsIcon?a:p,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),e("mds-button",{key:"ee82c65fd71d66b08714461ac8263f4bbfebcc9d",class:"counter-button",icon:"arrow"===this.controlsIcon?s:d,onClick:this.stepDown,tabindex:"0",title:this.t.get("decrease"),part:"counter-button-decrease"})),"number"===this.type&&"horizontal"===this.controlsLayout&&e("mds-button",{key:"b4621ae846273b4b70642d6747aa5d69fa234342",class:"counter-button counter-button--horizontal counter-button--increase",icon:"arrow"===this.controlsIcon?a:p,onClick:this.stepUp,tabindex:"0",title:this.t.get("increase"),part:"counter-button-increase"}),"password"===this.type&&e("mds-button",{key:"fa637888acee00fb2df6d6b5770f5b40eeae7031",class:"password-toggle-button",icon:this.isPasswordVisible?'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 7c2.76 0 5 2.24 5 5c0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28l.46.46A11.804 11.804 0 0 0 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22L21 20.73L3.27 3L2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65c0 1.66 1.34 3 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53c-2.76 0-5-2.24-5-5c0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15l.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/></svg>':'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"/></svg>',onClick:()=>this.isPasswordVisible=!this.isPasswordVisible,tabindex:"0",tone:"quiet",title:this.t.get(this.isPasswordVisible?"hidePassword":"showPassword"),part:"password-toggle-button"}),this.mic&&e("mds-button",{key:"85613ac5d7b424dc43770a4e54296d0bc9e7794a",class:r("mic-toggle-button",this.isRecording&&"mic-toggle-button--recording"),icon:this.speechToTextIcon,onClick:()=>this.toggleTextRecognition(),tabindex:"0",variant:"dark",tone:"quiet",title:this.speechToTextLabel,part:"mic-toggle-button"}),e("mds-input-tip",{key:"156b330252d0f8483c7996d902e1321bcc05dd7c",lang:this.language,position:"top",active:this.hasFocus},this.disabled&&e("mds-input-tip-item",{key:"5ccb7a0700d723bc05bab4fdac21d7bf823cf12f",expanded:!0,variant:"disabled"}),this.readonly&&e("mds-input-tip-item",{key:"eed82a87a109822b60e8d0a9ff6b078517087135",expanded:!0,variant:"readonly"}),this.required&&e("mds-input-tip-item",{key:"53daa9c77147a4fda3d13e55fdf4bca4c8471b29",expanded:this.hasFocus,variant:this.isValid?"required-success":"required"})),e("mds-input-tip",{key:"c95aa6e4c98c074712c772fe3a7513640c4daa63",lang:this.language,position:"bottom",active:this.hasFocus},this.tip&&e("mds-input-tip-item",{key:"a7813d9e3675924fe00e93248292a48d5e273ada",expanded:!0,variant:"text"},this.tip),this.maxlength&&e("mds-input-tip-item",{key:"01305a14e95334b7352dbe9cbccc90af18c0cc1d",part:"tip-count",expanded:!0,variant:this.countVariant},this.currentLengthLabel)),this.datalist&&e("datalist",{key:"f99c96b4bbb45760252e2a5fc5965dddfbc60c21",id:this.datalistId,class:"datalist"},this.datalist.map(((t,n)=>e("option",{key:n,value:t})))),this.icon&&!this.await&&e("mds-icon",{key:"41f6e990e5f47dbc8821934fc486c44a388d0386",class:r("icon",this.variant),name:this.icon}),e("mds-spinner",{key:"85598d3e10e75fff275693b7fe2d17b392e3e8c2",running:this.await,class:r("await",this.variant)}))}static get formAssociated(){return!0}get el(){return o(this)}static get watchers(){return{value:["valueChanged"],variant:["variantChanged"],maxlength:["maxLengthChanged"],disabled:["disabledChanged"]}}};M.style='/**\n * @prop --mds-input-background: Sets the background-color of the component\n * @prop --mds-input-icon-color: Sets the icon color of the component\n * @prop --mds-input-placeholder-default-color: Sets the color of the placeholder\n * @prop --mds-input-placeholder-focus-color: Sets the color of the placeholder when the input is focused\n * @prop --mds-input-placeholder-hover-color: Sets the color of the placeholder when the input is hovered\n * @prop --mds-input-ring: Sets the box-shadow of the component\'s input\n * @prop --mds-input-shadow: Sets the box-shadow of the component\'s input\n * @prop --mds-input-textarea-field-sizing: Sets the height of the textarea automatically, this is an EXPERIMENTAL css property, so it couldn\'t work in every browser\n * @prop --mds-input-textarea-max-height: Sets the `max-height` of the component when attribute `type` is set to `textarea`\n * @prop --mds-input-textarea-min-height: Sets the `min-height` of the component when attribute `type` is set to `textarea`\n * @prop --mds-input-tip-background: Sets the background color of the tip message at the bottom right of the component\n * @prop --mds-input-variant-color: Sets the variant colors of the component\n */\n\n:host {\n  --mds-input-background: rgb(var(--tone-neutral));\n  --mds-input-icon-color: var(--mds-input-variant-color);\n  --mds-input-placeholder-default-color: rgb(var(--tone-neutral-06));\n  --mds-input-placeholder-focus-color: rgb(var(--tone-neutral-07));\n  --mds-input-placeholder-hover-color: var(--mds-input-placeholder-default-color);\n  --mds-input-ring: 0 0 0 1px rgb(var(--mds-input-variant-color) / 0.1);\n  --mds-input-shadow: 0 1px 3px 0 rgb(var(--mds-input-variant-color) / 0.1), 0 1px 2px 0 rgb(var(--mds-input-variant-color) / 0.06);\n  --mds-input-textarea-field-sizing: content;\n  --mds-input-textarea-resize: none;\n  --mds-input-textarea-max-height: 16rem;\n  --mds-input-textarea-min-height: 6rem;\n  --mds-input-tip-background: 84 84 84;\n  --mds-input-variant-color: 0 0 0;\n  /* private */ --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-09));\n  /* private */ --mds-input-controls-color: rgb(var(--tone-neutral-03)); min-height: 1.5rem; font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif; font-size: 1rem; line-height: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; gap: 0.5rem;\n\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n}\n\n:host([typography="detail"]) .input {\n  min-height: 1.5rem;\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host([typography="snippet"]) .input {\n  min-height: 1.5rem;\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.input {\n  font-family: Karla, system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  margin: 0rem;\n  border-radius: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n    background-color: var(--mds-input-background);\n    border: 0;\n    -webkit-box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    box-shadow: var(--mds-input-ring), var(--mds-input-shadow);\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    color: rgb(var(--tone-neutral-02));\n    max-width: 100%;\n    min-height: 3rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    -webkit-transition-property: background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, color, fill, margin, opacity, padding, -webkit-box-shadow, -webkit-transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform;\n    transition-property: background-color, border-color, box-shadow, color, fill, margin, opacity, padding, transform, -webkit-box-shadow, -webkit-transform;\n    width: 100%;\n}\n\n.input::-moz-placeholder {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: var(--mds-input-placeholder-default-color);\n  -moz-transition-property: color;\n  transition-property: color;\n}\n\n.input::-webkit-input-placeholder {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: var(--mds-input-placeholder-default-color);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.input:-ms-input-placeholder {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: var(--mds-input-placeholder-default-color);\n  -ms-transition-property: color;\n  transition-property: color;\n}\n\n.input::-ms-input-placeholder {\n  transition-duration: 300ms;\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: var(--mds-input-placeholder-default-color);\n  -ms-transition-property: color;\n  transition-property: color;\n}\n\n.input::placeholder {\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  color: var(--mds-input-placeholder-default-color);\n  -webkit-transition-property: color;\n  transition-property: color;\n}\n\n.input:hover::-moz-placeholder {\n  color: var(--mds-input-placeholder-hover-color);\n}\n\n.input:hover::-webkit-input-placeholder {\n  color: var(--mds-input-placeholder-hover-color);\n}\n\n.input:hover:-ms-input-placeholder {\n  color: var(--mds-input-placeholder-hover-color);\n}\n\n.input:hover::-ms-input-placeholder {\n  color: var(--mds-input-placeholder-hover-color);\n}\n\n.input:hover::placeholder {\n  color: var(--mds-input-placeholder-hover-color);\n}\n\n.input:focus::-moz-placeholder {\n  color: var(--mds-input-placeholder-focus-color);\n}\n\n.input:focus::-webkit-input-placeholder {\n  color: var(--mds-input-placeholder-focus-color);\n}\n\n.input:focus:-ms-input-placeholder {\n  color: var(--mds-input-placeholder-focus-color);\n}\n\n.input:focus::-ms-input-placeholder {\n  color: var(--mds-input-placeholder-focus-color);\n}\n\n.input:focus::placeholder {\n  color: var(--mds-input-placeholder-focus-color);\n}\n\n.input::-webkit-outer-spin-button,\n.input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n          appearance: none;\n  display: none;\n  margin: 0;\n}\n\n:host textarea.input,\n:host([typography]) textarea.input {\n  border-bottom-right-radius: 0;\n\n  field-sizing: var(--mds-input-textarea-field-sizing);\n  max-height: var(--mds-input-textarea-max-height);\n  min-height: var(--mds-input-textarea-min-height);\n  overflow: auto;\n  resize: var(--mds-input-textarea-resize);\n}\n\n.input:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n\n  --mds-input-ring: 0 0 0 3px rgb(var(--mds-input-variant-color) / 1);\n  --mds-input-shadow: 0 4px 6px 3px rgb(var(--mds-input-variant-color) / 0.1), 0 2px 4px -1px rgb(var(--mds-input-variant-color) / 0.06);\n}\n\n.input:disabled {\n  background-color: rgb(var(--tone-neutral-10));\n}\n\n.input:disabled::-moz-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input:disabled,\n.input:disabled::placeholder {\n  color: rgb(var(--tone-neutral-05));\n}\n\n.input.has-icon {\n  padding-left: 2.75rem;\n}\n\n.input.has-right-icon {\n  padding-right: 2.75rem;\n}\n\n\n.await,\n.icon {\n  left: 0.75rem;\n  top: 0.75rem;\n\n  fill: rgb(var(--mds-input-icon-color));\n  position: absolute;\n}\n\n.await {\n  color: rgb(var(--mds-input-icon-color));\n  height: 24px;\n  width: 24px;\n}\n\n.counter {\n  border-left: var(--mds-input-controls-border);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  gap: 0;\n  position: absolute;\n  right: 0;\n}\n\n.counter-button {\n  height: 1.5rem;\n  width: 1.75rem;\n  border-radius: 0.5rem;\n\n  --mds-button-background: transparent;\n\n  border: 0;\n  fill: var(--mds-input-controls-color);\n  min-height: 0;\n  padding: 0;\n}\n\n.counter-button:hover {\n  --mds-button-background: rgb(var(--tone-neutral-09));\n}\n\n.counter .counter-button:first-child {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-top-left-radius: 0;\n}\n\n.counter .counter-button:last-child {\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n.counter-button--horizontal {\n  height: 3rem;\n  width: 3rem;\n\n  bottom: 0;\n  position: absolute;\n  top: 0;\n}\n\n.counter-button--decrease {\n  border-bottom-right-radius: 0;\n  border-right: var(--mds-input-controls-border);\n  border-top-right-radius: 0;\n  left: 0;\n}\n\n.counter-button--increase {\n  border-bottom-left-radius: 0;\n  border-left: var(--mds-input-controls-border);\n  border-top-left-radius: 0;\n  right: 0;\n}\n\n.password-toggle-button {\n  top: 0.375rem;\n  right: 0.375rem;\n\n  fill: var(--mds-input-controls-color);\n  position: absolute;\n}\n\n.mic-toggle-button {\n  top: 0.375rem;\n  right: 0.375rem;\n\n  fill: var(--mds-input-controls-color);\n  position: absolute;\n}\n\n.toggle-button--error {\n  cursor: help;\n  fill: rgb(var(--tone-neutral-06));\n}\n\n@-webkit-keyframes pulse {\n\n  50% {\n    opacity: .5;\n  }\n}\n\n@keyframes pulse {\n\n  50% {\n    opacity: .5;\n  }\n}\n\n.mic-toggle-button--recording {\n  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n:host([type="number"]) .input {\n\n  /* required to avoid input number buttons on firefox go be shown always */\n\n  /* stylelint-disable-next-line property-no-vendor-prefix */\n  -moz-appearance: textfield;\n  padding-right: 2rem;\n}\n\n:host([type="number"][controls-layout="horizontal"]) .input {\n  padding-left: 3.5rem;\n  padding-right: 3.5rem;\n\n  text-align: center;\n}\n\n:host([type="number"][controls-layout="horizontal"][icon]) .input {\n  padding-left: 6rem;\n\n  text-align: left;\n}\n\n\n:host([type="number"][controls-layout="horizontal"]) .icon {\n  left: 3.75rem;\n}\n\n:host([type="password"]) .input {\n  padding-right: 2.5rem;\n}\n\n:host([type="password"]) .input[type="password"]:not(:-moz-placeholder-shown) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host([type="password"]) .input[type="password"]:not(:-ms-input-placeholder) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host([type="password"]) .input[type="password"]:not(:placeholder-shown) {\n  font-size: 3rem;\n  max-height: 3rem;\n}\n\n:host([type="password"]) .input[type="text"]:not(:-moz-placeholder-shown) {\n  min-height: 1.5rem;\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host([type="password"]) .input[type="text"]:not(:-ms-input-placeholder) {\n  min-height: 1.5rem;\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host([type="password"]) .input[type="text"]:not(:placeholder-shown) {\n  min-height: 1.5rem;\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n:host([type="cf"]) .input {\n  min-height: 1.5rem;\n  font-family: \'Roboto Mono\', \'Courier New\', monospace;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-transform: uppercase;\n}\n\n@container (max-width: 210px) {\n  :host .tip__content,\n  :host(:focus-within) .tip__content {\n    grid-template-columns: 0fr;\n    opacity: 0;\n  }\n\n  :host .tip {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  :host {\n    --mds-input-background: rgb(var(--variant-primary-07));\n  }\n}\n\n:host {\n  --mds-input-icon-color: var(--variant-primary-03);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host(:focus) {\n  --mds-input-variant-color: var(--variant-primary-04);\n}\n\n:host([variant="ai"]) {\n  --mds-input-icon-color: var(--variant-ai-05);\n  --mds-input-tip-background: var(--variant-ai-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host([variant="ai"]:focus) {\n  --mds-input-icon-color: var(--variant-ai-04);\n  --mds-input-variant-color: var(--variant-ai-05);\n}\n\n:host([variant="info"]) {\n  --mds-input-icon-color: var(--status-info-05);\n  --mds-input-tip-background: var(--status-info-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host([variant="info"]:focus) {\n  --mds-input-icon-color: var(--status-info-04);\n  --mds-input-variant-color: var(--status-info-05);\n}\n\n:host([variant="success"]) {\n  --mds-input-icon-color: var(--status-success-05);\n  --mds-input-tip-background: var(--status-success-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host([variant="success"]:focus) {\n  --mds-input-icon-color: var(--status-success-04);\n  --mds-input-variant-color: var(--status-success-05);\n}\n\n:host([variant="warning"]) {\n  --mds-input-icon-color: var(--status-warning-05);\n  --mds-input-tip-background: var(--status-warning-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host([variant="warning"]:focus) {\n  --mds-input-icon-color: var(--status-warning-04);\n  --mds-input-variant-color: var(--status-warning-05);\n}\n\n:host([variant="error"]) {\n  --mds-input-icon-color: var(--status-error-05);\n  --mds-input-tip-background: var(--status-error-05);\n  --mds-input-variant-color: 0 0 0;\n}\n\n:host([variant="error"]:focus) {\n  --mds-input-icon-color: var(--status-error-04);\n  --mds-input-variant-color: var(--status-error-05);\n}\n\n:host-context(.pref-animation-reduce) .input {\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n}\n\n@media (prefers-reduced-motion) {\n  :host-context(.pref-animation-system) .input {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n:host-context(.pref-theme-dark) {\n  --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n  --mds-input-background: rgb(var(--tone-neutral-09));\n  --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-06));\n}\n\n:host-context(.pref-theme-dark) .counter-button:hover {\n  --mds-button-background: rgb(var(--tone-neutral-08));\n}\n\n@media (prefers-color-scheme: dark) {\n  :host-context(.pref-theme-system) {\n    --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.3);\n    --mds-input-background: rgb(var(--tone-neutral-09));\n    --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-06));\n  }\n\n  :host-context(.pref-theme-system) .counter-button:hover {\n    --mds-button-background: rgb(var(--tone-neutral-08));\n  }\n}\n\n:host-context(.pref-contrast-more) {\n  --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n  --mds-input-background: rgb(var(--tone-neutral-09));\n  --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-05));\n}\n\n:host-context(.pref-contrast-more) .input::-moz-placeholder {\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host-context(.pref-contrast-more) .input::-webkit-input-placeholder {\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host-context(.pref-contrast-more) .input:-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host-context(.pref-contrast-more) .input::-ms-input-placeholder {\n  color: rgb(var(--tone-neutral-03));\n}\n\n:host-context(.pref-contrast-more) .input::placeholder {\n  color: rgb(var(--tone-neutral-03));\n}\n\n@media (prefers-contrast: more) {\n  :host-context(.pref-contrast-system) {\n    --mds-input-ring: 0 0 0 2px rgb(var(--tone-neutral-01) / 0.6);\n    --mds-input-background: rgb(var(--tone-neutral-09));\n    --mds-input-controls-border: 2px solid rgb(var(--tone-neutral-05));\n  }\n\n  :host-context(.pref-contrast-more) .input::-moz-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  :host-context(.pref-contrast-more) .input::-webkit-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  :host-context(.pref-contrast-more) .input:-ms-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  :host-context(.pref-contrast-more) .input::-ms-input-placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n\n  :host-context(.pref-contrast-more) .input::placeholder {\n    color: rgb(var(--tone-neutral-03));\n  }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n';export{M as mds_input}