@maggioli-design-system/mds-tab 8.6.1 → 8.6.3

package/dist/cjs/mds-tab.cjs.entry.js

@@ -58,7 +58,7 @@ const MdsTab = class {
          * Sets the animation type of the selection transition between `mds-tab-item` elements
          */
         this.animation = 'slide';
-        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll(':scope > [slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -205,11 +205,11 @@ const MdsTab = class {
         this.initOverflowCheck();
     }
     render() {
-        return (index.h(index.Host, { key: 'b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3' }, index.h("div", { key: 'c80a5cd6795905e47af602a0388ad3b3d24e82fa', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && index.h("div", { key: '690013ca4a164b9ea9bbbd888a1fcd092c7c7918', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && index.h("div", { key: '6b39ae97660af79a5333dc18f18d657e0f02b4ca', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), index.h("div", { key: '5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: '6445e184420060585292070d14fd4681fac32b11' }), this.animation === 'slide' &&
-            index.h("div", { key: 'ed0151b966001aa410af33cc3203923d743fcd3a', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (index.h(index.Host, { key: '7a99fa190d999a3740970dde67e30cd68abed989' }, index.h("div", { key: '44361f24743bf20ec577959607d3612ab338d250', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && index.h("div", { key: '81bbaf185e04127267c0efce28cb3e70e7d67648', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && index.h("div", { key: '61c155a13bd3a5e09c81c654b04a5eb1de827b9a', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), index.h("div", { key: '46070d92a8e4350a908abb06b88e9755361cf46f', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: 'aca614ebbac3d9f54e8ce599153b1d3e4a193b2c' }), this.animation === 'slide' &&
+            index.h("div", { key: 'a26b03954a46d7101e77ff265757312ad7331655', class: "slider", part: "slider", ref: el => this.slider = el, style: {
                     '--mds-tab-slider-width': `${this.sliderWidth}px`,
                     '--mds-tab-slider-offset': `${this.sliderOffset}px`,
-                } }))), index.h("div", { key: 'b6d497243f7baa1595597c090374177fd87c9a01', class: "contents", part: "contents" }, index.h("slot", { key: '51f8efe1bbdaef6410af697a810993daba159c50', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), index.h("div", { key: '84b8c706a5b036e54aafe9a14f459017599d0cc4', class: "contents", part: "contents" }, index.h("slot", { key: '2afb25d28066ff841223d0bb5703a20e4de7da1a', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/components/mds-tab/mds-tab.css

@@ -1,5 +1,3 @@
-@import '~@maggioli-design-system/styles/dist/tailwind/components.css';
-
 @tailwind components;
 
 /**
@@ -191,6 +189,8 @@
   z-index: 1;
 }
 
+@import '~@maggioli-design-system/styles/dist/tailwind/components.css';
+
 @tailwind components;
 
 :host(:not([scrollbar])) .tabs {

package/dist/collection/components/mds-tab/mds-tab.js

@@ -22,7 +22,7 @@ export class MdsTab {
          * Sets the animation type of the selection transition between `mds-tab-item` elements
          */
         this.animation = 'slide';
-        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll(':scope > [slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -169,11 +169,11 @@ export class MdsTab {
         this.initOverflowCheck();
     }
     render() {
-        return (h(Host, { key: 'b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3' }, h("div", { key: 'c80a5cd6795905e47af602a0388ad3b3d24e82fa', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '690013ca4a164b9ea9bbbd888a1fcd092c7c7918', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '6b39ae97660af79a5333dc18f18d657e0f02b4ca', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '6445e184420060585292070d14fd4681fac32b11' }), this.animation === 'slide' &&
-            h("div", { key: 'ed0151b966001aa410af33cc3203923d743fcd3a', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (h(Host, { key: '7a99fa190d999a3740970dde67e30cd68abed989' }, h("div", { key: '44361f24743bf20ec577959607d3612ab338d250', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '81bbaf185e04127267c0efce28cb3e70e7d67648', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '61c155a13bd3a5e09c81c654b04a5eb1de827b9a', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '46070d92a8e4350a908abb06b88e9755361cf46f', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: 'aca614ebbac3d9f54e8ce599153b1d3e4a193b2c' }), this.animation === 'slide' &&
+            h("div", { key: 'a26b03954a46d7101e77ff265757312ad7331655', class: "slider", part: "slider", ref: el => this.slider = el, style: {
                     '--mds-tab-slider-width': `${this.sliderWidth}px`,
                     '--mds-tab-slider-offset': `${this.sliderOffset}px`,
-                } }))), h("div", { key: 'b6d497243f7baa1595597c090374177fd87c9a01', class: "contents", part: "contents" }, h("slot", { key: '51f8efe1bbdaef6410af697a810993daba159c50', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), h("div", { key: '84b8c706a5b036e54aafe9a14f459017599d0cc4', class: "contents", part: "contents" }, h("slot", { key: '2afb25d28066ff841223d0bb5703a20e4de7da1a', name: "content", onSlotchange: this.updateContentItems }))));
     }
     static get is() { return "mds-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/dictionary/variant.js

@@ -18,6 +18,14 @@ const themeStatusVariantDictionary = [
     'success',
     'warning',
 ];
+const themeInputVariantDictionary = [
+    'ai',
+    'error',
+    'info',
+    'primary',
+    'success',
+    'warning',
+];
 const themeFullVariantDictionary = [
     'amaranth',
     'aqua',
@@ -113,4 +121,4 @@ const toneMinimalVariantDictionary = [
     'strong',
     'weak',
 ];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, themeVariantChipDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeInputVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantChipDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

package/dist/components/mds-tab.js

@@ -36,7 +36,7 @@ const cssDurationToMilliseconds = (duration, defaultValue = 1000) => {
     return defaultValue;
 };
 
-const mdsTabCss = "@import '~@maggioli-design-system/styles/dist/tailwind/components.css';@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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}";
+const mdsTabCss = "@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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}";
 const MdsTabStyle0 = mdsTabCss;
 
 const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLElement {
@@ -56,7 +56,7 @@ const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLEleme
          * Sets the animation type of the selection transition between `mds-tab-item` elements
          */
         this.animation = 'slide';
-        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll(':scope > [slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -203,11 +203,11 @@ const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLEleme
         this.initOverflowCheck();
     }
     render() {
-        return (h(Host, { key: 'b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3' }, h("div", { key: 'c80a5cd6795905e47af602a0388ad3b3d24e82fa', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '690013ca4a164b9ea9bbbd888a1fcd092c7c7918', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '6b39ae97660af79a5333dc18f18d657e0f02b4ca', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '6445e184420060585292070d14fd4681fac32b11' }), this.animation === 'slide' &&
-            h("div", { key: 'ed0151b966001aa410af33cc3203923d743fcd3a', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (h(Host, { key: '7a99fa190d999a3740970dde67e30cd68abed989' }, h("div", { key: '44361f24743bf20ec577959607d3612ab338d250', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '81bbaf185e04127267c0efce28cb3e70e7d67648', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '61c155a13bd3a5e09c81c654b04a5eb1de827b9a', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '46070d92a8e4350a908abb06b88e9755361cf46f', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: 'aca614ebbac3d9f54e8ce599153b1d3e4a193b2c' }), this.animation === 'slide' &&
+            h("div", { key: 'a26b03954a46d7101e77ff265757312ad7331655', class: "slider", part: "slider", ref: el => this.slider = el, style: {
                     '--mds-tab-slider-width': `${this.sliderWidth}px`,
                     '--mds-tab-slider-offset': `${this.sliderOffset}px`,
-                } }))), h("div", { key: 'b6d497243f7baa1595597c090374177fd87c9a01', class: "contents", part: "contents" }, h("slot", { key: '51f8efe1bbdaef6410af697a810993daba159c50', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), h("div", { key: '84b8c706a5b036e54aafe9a14f459017599d0cc4', class: "contents", part: "contents" }, h("slot", { key: '2afb25d28066ff841223d0bb5703a20e4de7da1a', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-14T14:48:44",
+  "timestamp": "2025-06-03T13:55:47",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/esm/mds-tab.entry.js

@@ -54,7 +54,7 @@ const MdsTab = class {
          * Sets the animation type of the selection transition between `mds-tab-item` elements
          */
         this.animation = 'slide';
-        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll(':scope > [slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -201,11 +201,11 @@ const MdsTab = class {
         this.initOverflowCheck();
     }
     render() {
-        return (h(Host, { key: 'b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3' }, h("div", { key: 'c80a5cd6795905e47af602a0388ad3b3d24e82fa', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '690013ca4a164b9ea9bbbd888a1fcd092c7c7918', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '6b39ae97660af79a5333dc18f18d657e0f02b4ca', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '6445e184420060585292070d14fd4681fac32b11' }), this.animation === 'slide' &&
-            h("div", { key: 'ed0151b966001aa410af33cc3203923d743fcd3a', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (h(Host, { key: '7a99fa190d999a3740970dde67e30cd68abed989' }, h("div", { key: '44361f24743bf20ec577959607d3612ab338d250', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '81bbaf185e04127267c0efce28cb3e70e7d67648', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '61c155a13bd3a5e09c81c654b04a5eb1de827b9a', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: '46070d92a8e4350a908abb06b88e9755361cf46f', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: 'aca614ebbac3d9f54e8ce599153b1d3e4a193b2c' }), this.animation === 'slide' &&
+            h("div", { key: 'a26b03954a46d7101e77ff265757312ad7331655', class: "slider", part: "slider", ref: el => this.slider = el, style: {
                     '--mds-tab-slider-width': `${this.sliderWidth}px`,
                     '--mds-tab-slider-offset': `${this.sliderOffset}px`,
-                } }))), h("div", { key: 'b6d497243f7baa1595597c090374177fd87c9a01', class: "contents", part: "contents" }, h("slot", { key: '51f8efe1bbdaef6410af697a810993daba159c50', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), h("div", { key: '84b8c706a5b036e54aafe9a14f459017599d0cc4', class: "contents", part: "contents" }, h("slot", { key: '2afb25d28066ff841223d0bb5703a20e4de7da1a', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-ed19c7c9.js";var hash=function(t){var a,r;for(a=0,r=0;a<t.length;a++){r=Math.imul(31,r)+t.charCodeAt(a)|0}return r.toString()};var randomInt=function(t){return Math.floor(Math.random()*t)};var setAttributeIfEmpty=function(t,a,r){var s;if(t.hasAttribute(a)){return(s=t.getAttribute(a))!==null&&s!==void 0?s:""}t.setAttribute(a,r);return r};var hashRandomValue=function(t){var a=randomInt(1e6);if(t){return"".concat(t,"-").concat(hash(a.toString()))}return hash(a.toString())};function r(t){var a,s,e="";if("string"==typeof t||"number"==typeof t)e+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(s=r(t[a]))&&(e&&(e+=" "),e+=s)}else for(s in t)t[s]&&(e&&(e+=" "),e+=s);return e}function clsx(){for(var t,a,s=0,e="",d=arguments.length;s<d;s++)(t=arguments[s])&&(a=r(t))&&(e&&(e+=" "),e+=a);return e}var cssDurationToMilliseconds=function(t,a){if(a===void 0){a=1e3}if(t.includes("ms")){return Number(t.replace("ms",""))}if(t.includes("s")){return Number(t.replace("s",""))*1e3}return a};var mdsTabCss='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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 MdsTabStyle0=mdsTabCss;var MdsTab=function(){function t(t){var a=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsTabChange",7);this.currentItem=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return Array.from(a.element.querySelectorAll("[slot=content]"))};this.updateContentItems=function(){a.contentItems=a.queryContentItems();a.contentItems.forEach((function(t,r){setAttributeIfEmpty(t,"role","tabpanel");setAttributeIfEmpty(t,"aria-labelledby",a.tabItems[r].id)}));a.selectContentItem()};this.unsetOverflowCheck=function(){a.tabs.removeEventListener("scroll",a.updateOverflowState);a.observer.unobserve(a.tabsContainer)};this.initOverflowCheck=function(){a.tabs.addEventListener("scroll",a.updateOverflowState);a.observer=new ResizeObserver((function(){if(a.overflow)a.updateOverflowState();a.updateSliderPosition()}));a.observer.observe(a.tabsContainer);a.updateOverflowState()};this.updateOverflowState=function(){if(!a.tabs||!a.tabsContainer)return;var t=a.tabsContainer.offsetWidth;var r=a.tabs.scrollWidth;var s=a.tabs.scrollLeft;a.overflowLeft=s>0;a.overflowRight=Math.ceil(s+t)<r-1};this.updateSliderPosition=function(){if(a.slider&&a.currentItem>=0){self.requestAnimationFrame((function(){a.sliderWidth=a.tabItems[a.currentItem].offsetWidth;a.sliderOffset=a.tabItems[a.currentItem].offsetLeft-a.tabsContainer.offsetLeft}))}};this.scrollTabs=function(t){var r=a.tabItems[t];setTimeout((function(){a.tabs.scrollLeft=r.offsetLeft-a.tabs.offsetLeft-a.tabs.offsetWidth/2+r.offsetWidth/2;a.updateOverflowState()}),cssDurationToMilliseconds(a.cssSlideDelayDuration))};this.selectContentItem=function(){a.contentItems.forEach((function(t,r){t.setAttribute("mds-tab-content-hidden","");if(r===a.currentItem){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(a.element);a.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item"));this.tabItems.forEach((function(a,r){if(!a.id){setAttributeIfEmpty(a,"id",hashRandomValue("mds-tab-item"))}if(a.selected){t.currentItem=r}}))};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a;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");this.updateContentItems();this.initOverflowCheck();if(this.animation==="slide"){this.updateSliderPosition()}if(this.currentItem>0){this.scrollTabs(this.currentItem)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){var e;if(r.id===t.detail.target.id){a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);r.selected=true;var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0);return}r.selected=undefined}));this.selectContentItem();if(this.animation==="slide"){this.updateSliderPosition()}};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){if(r.id===t.detail.target.id){a.scrollTabs(s)}}))};t.prototype.handleAnimationChange=function(t){if(t==="slide"){this.updateSliderPosition();return}this.slider=null};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.render=function(){var t=this;return h(Host,{key:"b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3"},h("div",{key:"c80a5cd6795905e47af602a0388ad3b3d24e82fa",class:clsx("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&h("div",{key:"690013ca4a164b9ea9bbbd888a1fcd092c7c7918",class:clsx("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&h("div",{key:"6b39ae97660af79a5333dc18f18d657e0f02b4ca",class:clsx("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),h("div",{key:"5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"6445e184420060585292070d14fd4681fac32b11"}),this.animation==="slide"&&h("div",{key:"ed0151b966001aa410af33cc3203923d743fcd3a",class:"slider",part:"slider",ref:function(a){return t.slider=a},style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-offset":"".concat(this.sliderOffset,"px")}}))),h("div",{key:"b6d497243f7baa1595597c090374177fd87c9a01",class:"contents",part:"contents"},h("slot",{key:"51f8efe1bbdaef6410af697a810993daba159c50",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}},enumerable:false,configurable:true});return t}();MdsTab.style=MdsTabStyle0;export{MdsTab as mds_tab};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-ed19c7c9.js";var hash=function(t){var a,r;for(a=0,r=0;a<t.length;a++){r=Math.imul(31,r)+t.charCodeAt(a)|0}return r.toString()};var randomInt=function(t){return Math.floor(Math.random()*t)};var setAttributeIfEmpty=function(t,a,r){var s;if(t.hasAttribute(a)){return(s=t.getAttribute(a))!==null&&s!==void 0?s:""}t.setAttribute(a,r);return r};var hashRandomValue=function(t){var a=randomInt(1e6);if(t){return"".concat(t,"-").concat(hash(a.toString()))}return hash(a.toString())};function r(t){var a,s,e="";if("string"==typeof t||"number"==typeof t)e+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(s=r(t[a]))&&(e&&(e+=" "),e+=s)}else for(s in t)t[s]&&(e&&(e+=" "),e+=s);return e}function clsx(){for(var t,a,s=0,e="",d=arguments.length;s<d;s++)(t=arguments[s])&&(a=r(t))&&(e&&(e+=" "),e+=a);return e}var cssDurationToMilliseconds=function(t,a){if(a===void 0){a=1e3}if(t.includes("ms")){return Number(t.replace("ms",""))}if(t.includes("s")){return Number(t.replace("s",""))*1e3}return a};var mdsTabCss='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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 MdsTabStyle0=mdsTabCss;var MdsTab=function(){function t(t){var a=this;registerInstance(this,t);this.changedEvent=createEvent(this,"mdsTabChange",7);this.currentItem=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return Array.from(a.element.querySelectorAll(":scope > [slot=content]"))};this.updateContentItems=function(){a.contentItems=a.queryContentItems();a.contentItems.forEach((function(t,r){setAttributeIfEmpty(t,"role","tabpanel");setAttributeIfEmpty(t,"aria-labelledby",a.tabItems[r].id)}));a.selectContentItem()};this.unsetOverflowCheck=function(){a.tabs.removeEventListener("scroll",a.updateOverflowState);a.observer.unobserve(a.tabsContainer)};this.initOverflowCheck=function(){a.tabs.addEventListener("scroll",a.updateOverflowState);a.observer=new ResizeObserver((function(){if(a.overflow)a.updateOverflowState();a.updateSliderPosition()}));a.observer.observe(a.tabsContainer);a.updateOverflowState()};this.updateOverflowState=function(){if(!a.tabs||!a.tabsContainer)return;var t=a.tabsContainer.offsetWidth;var r=a.tabs.scrollWidth;var s=a.tabs.scrollLeft;a.overflowLeft=s>0;a.overflowRight=Math.ceil(s+t)<r-1};this.updateSliderPosition=function(){if(a.slider&&a.currentItem>=0){self.requestAnimationFrame((function(){a.sliderWidth=a.tabItems[a.currentItem].offsetWidth;a.sliderOffset=a.tabItems[a.currentItem].offsetLeft-a.tabsContainer.offsetLeft}))}};this.scrollTabs=function(t){var r=a.tabItems[t];setTimeout((function(){a.tabs.scrollLeft=r.offsetLeft-a.tabs.offsetLeft-a.tabs.offsetWidth/2+r.offsetWidth/2;a.updateOverflowState()}),cssDurationToMilliseconds(a.cssSlideDelayDuration))};this.selectContentItem=function(){a.contentItems.forEach((function(t,r){t.setAttribute("mds-tab-content-hidden","");if(r===a.currentItem){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(a.element);a.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item"));this.tabItems.forEach((function(a,r){if(!a.id){setAttributeIfEmpty(a,"id",hashRandomValue("mds-tab-item"))}if(a.selected){t.currentItem=r}}))};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a;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");this.updateContentItems();this.initOverflowCheck();if(this.animation==="slide"){this.updateSliderPosition()}if(this.currentItem>0){this.scrollTabs(this.currentItem)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){var e;if(r.id===t.detail.target.id){a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);r.selected=true;var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0);return}r.selected=undefined}));this.selectContentItem();if(this.animation==="slide"){this.updateSliderPosition()}};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){if(r.id===t.detail.target.id){a.scrollTabs(s)}}))};t.prototype.handleAnimationChange=function(t){if(t==="slide"){this.updateSliderPosition();return}this.slider=null};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.render=function(){var t=this;return h(Host,{key:"7a99fa190d999a3740970dde67e30cd68abed989"},h("div",{key:"44361f24743bf20ec577959607d3612ab338d250",class:clsx("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&h("div",{key:"81bbaf185e04127267c0efce28cb3e70e7d67648",class:clsx("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&h("div",{key:"61c155a13bd3a5e09c81c654b04a5eb1de827b9a",class:clsx("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),h("div",{key:"46070d92a8e4350a908abb06b88e9755361cf46f",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"aca614ebbac3d9f54e8ce599153b1d3e4a193b2c"}),this.animation==="slide"&&h("div",{key:"a26b03954a46d7101e77ff265757312ad7331655",class:"slider",part:"slider",ref:function(a){return t.slider=a},style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-offset":"".concat(this.sliderOffset,"px")}}))),h("div",{key:"84b8c706a5b036e54aafe9a14f459017599d0cc4",class:"contents",part:"contents"},h("slot",{key:"2afb25d28066ff841223d0bb5703a20e4de7da1a",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}},enumerable:false,configurable:true});return t}();MdsTab.style=MdsTabStyle0;export{MdsTab as mds_tab};

package/dist/mds-tab/mds-tab.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-5dea8418.js";export{s as setNonce}from"./p-5dea8418.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-2cc18899",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],e))));
+import{p as e,b as a}from"./p-5dea8418.js";export{s as setNonce}from"./p-5dea8418.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-82754779",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],e))));

package/dist/mds-tab/p-82754779.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as r,H as s,g as d}from"./p-5dea8418.js";const e=t=>{let a,r;for(a=0,r=0;a<t.length;a++)r=Math.imul(31,r)+t.charCodeAt(a)|0;return r.toString()},i=(t,a,r)=>{var s;return t.hasAttribute(a)?null!==(s=t.getAttribute(a))&&void 0!==s?s:"":(t.setAttribute(a,r),r)};function o(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(r=o(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function n(){for(var t,a,r=0,s="",d=arguments.length;r<d;r++)(t=arguments[r])&&(a=o(t))&&(s&&(s+=" "),s+=a);return s}const b=class{constructor(r){t(this,r),this.changedEvent=a(this,"mdsTabChange",7),this.currentItem=-1,this.tabItems=[],this.contentItems=[],this.sliderWidth=-1,this.sliderOffset=-1,this.overflowLeft=!1,this.overflowRight=!1,this.animation="slide",this.queryContentItems=()=>Array.from(this.element.querySelectorAll(":scope > [slot=content]")),this.updateContentItems=()=>{this.contentItems=this.queryContentItems(),this.contentItems.forEach(((t,a)=>{i(t,"role","tabpanel"),i(t,"aria-labelledby",this.tabItems[a].id)})),this.selectContentItem()},this.unsetOverflowCheck=()=>{this.tabs.removeEventListener("scroll",this.updateOverflowState),this.observer.unobserve(this.tabsContainer)},this.initOverflowCheck=()=>{this.tabs.addEventListener("scroll",this.updateOverflowState),this.observer=new ResizeObserver((()=>{this.overflow&&this.updateOverflowState(),this.updateSliderPosition()})),this.observer.observe(this.tabsContainer),this.updateOverflowState()},this.updateOverflowState=()=>{if(!this.tabs||!this.tabsContainer)return;const t=this.tabsContainer.offsetWidth,a=this.tabs.scrollWidth,{scrollLeft:r}=this.tabs;this.overflowLeft=r>0,this.overflowRight=Math.ceil(r+t)<a-1},this.updateSliderPosition=()=>{this.slider&&this.currentItem>=0&&self.requestAnimationFrame((()=>{this.sliderWidth=this.tabItems[this.currentItem].offsetWidth,this.sliderOffset=this.tabItems[this.currentItem].offsetLeft-this.tabsContainer.offsetLeft}))},this.scrollTabs=t=>{const a=this.tabItems[t];setTimeout((()=>{this.tabs.scrollLeft=a.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+a.offsetWidth/2,this.updateOverflowState()}),((t,a=1e3)=>t.includes("ms")?Number(t.replace("ms","")):t.includes("s")?1e3*Number(t.replace("s","")):a)(this.cssSlideDelayDuration))},this.selectContentItem=()=>{this.contentItems.forEach(((t,a)=>{t.setAttribute("mds-tab-content-hidden",""),a===this.currentItem&&t.removeAttribute("mds-tab-content-hidden")}))},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.element);this.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}componentWillLoad(){this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item")),this.tabItems.forEach(((t,a)=>{t.id||i(t,"id",(t=>{const a=Math.floor(1e6*Math.random());return t?`${t}-${e(a.toString())}`:e(a.toString())})("mds-tab-item")),t.selected&&(this.currentItem=a)}))}disconnectedCallback(){this.unsetOverflowCheck()}componentDidLoad(){var t,a;this.updateCSSCustomProps(),this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.tabsContainer=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".tabs-wrapper"),this.updateContentItems(),this.initOverflowCheck(),"slide"===this.animation&&this.updateSliderPosition(),this.currentItem>0&&this.scrollTabs(this.currentItem)}changeEventHandler(t){this.tabItems.forEach(((a,r)=>{var s;if(a.id!==t.detail.target.id)a.selected=void 0;else{this.changedEvent.emit({id:r,value:a.value}),this.currentItem=r,this.scrollTabs(r),a.selected=!0;const t=null===(s=this.tabItems[this.currentItem].shadowRoot)||void 0===s?void 0:s.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}})),this.selectContentItem(),"slide"===this.animation&&this.updateSliderPosition()}focusEventHandler(t){this.tabItems.forEach(((a,r)=>{a.id===t.detail.target.id&&this.scrollTabs(r)}))}handleAnimationChange(t){"slide"!==t?this.slider=null:this.updateSliderPosition()}handleScrollbarChange(t){!1===t&&(this.scrollbar=void 0)}handleFillChange(t){!1===t&&(this.fill=void 0)}handleOverflowChange(t){t?this.initOverflowCheck():this.unsetOverflowCheck()}render(){return r(s,{key:"7a99fa190d999a3740970dde67e30cd68abed989"},r("div",{key:"44361f24743bf20ec577959607d3612ab338d250",class:n("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&r("div",{key:"81bbaf185e04127267c0efce28cb3e70e7d67648",class:n("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&r("div",{key:"61c155a13bd3a5e09c81c654b04a5eb1de827b9a",class:n("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),r("div",{key:"46070d92a8e4350a908abb06b88e9755361cf46f",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"aca614ebbac3d9f54e8ce599153b1d3e4a193b2c"}),"slide"===this.animation&&r("div",{key:"a26b03954a46d7101e77ff265757312ad7331655",class:"slider",part:"slider",ref:t=>this.slider=t,style:{"--mds-tab-slider-width":`${this.sliderWidth}px`,"--mds-tab-slider-offset":`${this.sliderOffset}px`}}))),r("div",{key:"84b8c706a5b036e54aafe9a14f459017599d0cc4",class:"contents",part:"contents"},r("slot",{key:"2afb25d28066ff841223d0bb5703a20e4de7da1a",name:"content",onSlotchange:this.updateContentItems})))}get element(){return d(this)}static get watchers(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}}};b.style='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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}';export{b as mds_tab}

package/dist/mds-tab/{p-7788cca1.system.entry.js → p-e5d7ae2e.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-3019e3f9.system.js"],(function(t){"use strict";var a,r,s,d,e;return{setters:[function(t){a=t.r;r=t.c;s=t.h;d=t.H;e=t.g}],execute:function(){var i=function(t){var a,r;for(a=0,r=0;a<t.length;a++){r=Math.imul(31,r)+t.charCodeAt(a)|0}return r.toString()};var o=function(t){return Math.floor(Math.random()*t)};var n=function(t,a,r){var s;if(t.hasAttribute(a)){return(s=t.getAttribute(a))!==null&&s!==void 0?s:""}t.setAttribute(a,r);return r};var b=function(t){var a=o(1e6);if(t){return"".concat(t,"-").concat(i(a.toString()))}return i(a.toString())};function h(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(r=h(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function l(){for(var t,a,r=0,s="",d=arguments.length;r<d;r++)(t=arguments[r])&&(a=h(t))&&(s&&(s+=" "),s+=a);return s}var m=function(t,a){if(a===void 0){a=1e3}if(t.includes("ms")){return Number(t.replace("ms",""))}if(t.includes("s")){return Number(t.replace("s",""))*1e3}return a};var c='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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 y=c;var p=t("mds_tab",function(){function t(t){var s=this;a(this,t);this.changedEvent=r(this,"mdsTabChange",7);this.currentItem=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return Array.from(s.element.querySelectorAll("[slot=content]"))};this.updateContentItems=function(){s.contentItems=s.queryContentItems();s.contentItems.forEach((function(t,a){n(t,"role","tabpanel");n(t,"aria-labelledby",s.tabItems[a].id)}));s.selectContentItem()};this.unsetOverflowCheck=function(){s.tabs.removeEventListener("scroll",s.updateOverflowState);s.observer.unobserve(s.tabsContainer)};this.initOverflowCheck=function(){s.tabs.addEventListener("scroll",s.updateOverflowState);s.observer=new ResizeObserver((function(){if(s.overflow)s.updateOverflowState();s.updateSliderPosition()}));s.observer.observe(s.tabsContainer);s.updateOverflowState()};this.updateOverflowState=function(){if(!s.tabs||!s.tabsContainer)return;var t=s.tabsContainer.offsetWidth;var a=s.tabs.scrollWidth;var r=s.tabs.scrollLeft;s.overflowLeft=r>0;s.overflowRight=Math.ceil(r+t)<a-1};this.updateSliderPosition=function(){if(s.slider&&s.currentItem>=0){self.requestAnimationFrame((function(){s.sliderWidth=s.tabItems[s.currentItem].offsetWidth;s.sliderOffset=s.tabItems[s.currentItem].offsetLeft-s.tabsContainer.offsetLeft}))}};this.scrollTabs=function(t){var a=s.tabItems[t];setTimeout((function(){s.tabs.scrollLeft=a.offsetLeft-s.tabs.offsetLeft-s.tabs.offsetWidth/2+a.offsetWidth/2;s.updateOverflowState()}),m(s.cssSlideDelayDuration))};this.selectContentItem=function(){s.contentItems.forEach((function(t,a){t.setAttribute("mds-tab-content-hidden","");if(a===s.currentItem){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(s.element);s.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item"));this.tabItems.forEach((function(a,r){if(!a.id){n(a,"id",b("mds-tab-item"))}if(a.selected){t.currentItem=r}}))};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a;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");this.updateContentItems();this.initOverflowCheck();if(this.animation==="slide"){this.updateSliderPosition()}if(this.currentItem>0){this.scrollTabs(this.currentItem)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){var d;if(r.id===t.detail.target.id){a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);r.selected=true;var e=(d=a.tabItems[a.currentItem].shadowRoot)===null||d===void 0?void 0:d.querySelector("mds-button");setTimeout((function(){e.focus()}),0);return}r.selected=undefined}));this.selectContentItem();if(this.animation==="slide"){this.updateSliderPosition()}};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){if(r.id===t.detail.target.id){a.scrollTabs(s)}}))};t.prototype.handleAnimationChange=function(t){if(t==="slide"){this.updateSliderPosition();return}this.slider=null};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.render=function(){var t=this;return s(d,{key:"b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3"},s("div",{key:"c80a5cd6795905e47af602a0388ad3b3d24e82fa",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"690013ca4a164b9ea9bbbd888a1fcd092c7c7918",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"6b39ae97660af79a5333dc18f18d657e0f02b4ca",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"6445e184420060585292070d14fd4681fac32b11"}),this.animation==="slide"&&s("div",{key:"ed0151b966001aa410af33cc3203923d743fcd3a",class:"slider",part:"slider",ref:function(a){return t.slider=a},style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-offset":"".concat(this.sliderOffset,"px")}}))),s("div",{key:"b6d497243f7baa1595597c090374177fd87c9a01",class:"contents",part:"contents"},s("slot",{key:"51f8efe1bbdaef6410af697a810993daba159c50",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}},enumerable:false,configurable:true});return t}());p.style=y}}}));
+System.register(["./p-3019e3f9.system.js"],(function(t){"use strict";var a,r,s,e,d;return{setters:[function(t){a=t.r;r=t.c;s=t.h;e=t.H;d=t.g}],execute:function(){var i=function(t){var a,r;for(a=0,r=0;a<t.length;a++){r=Math.imul(31,r)+t.charCodeAt(a)|0}return r.toString()};var o=function(t){return Math.floor(Math.random()*t)};var n=function(t,a,r){var s;if(t.hasAttribute(a)){return(s=t.getAttribute(a))!==null&&s!==void 0?s:""}t.setAttribute(a,r);return r};var b=function(t){var a=o(1e6);if(t){return"".concat(t,"-").concat(i(a.toString()))}return i(a.toString())};function h(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var e=t.length;for(a=0;a<e;a++)t[a]&&(r=h(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function l(){for(var t,a,r=0,s="",e=arguments.length;r<e;r++)(t=arguments[r])&&(a=h(t))&&(s&&(s+=" "),s+=a);return s}var m=function(t,a){if(a===void 0){a=1e3}if(t.includes("ms")){return Number(t.replace("ms",""))}if(t.includes("s")){return Number(t.replace("s",""))*1e3}return a};var c='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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 y=c;var p=t("mds_tab",function(){function t(t){var s=this;a(this,t);this.changedEvent=r(this,"mdsTabChange",7);this.currentItem=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return Array.from(s.element.querySelectorAll(":scope > [slot=content]"))};this.updateContentItems=function(){s.contentItems=s.queryContentItems();s.contentItems.forEach((function(t,a){n(t,"role","tabpanel");n(t,"aria-labelledby",s.tabItems[a].id)}));s.selectContentItem()};this.unsetOverflowCheck=function(){s.tabs.removeEventListener("scroll",s.updateOverflowState);s.observer.unobserve(s.tabsContainer)};this.initOverflowCheck=function(){s.tabs.addEventListener("scroll",s.updateOverflowState);s.observer=new ResizeObserver((function(){if(s.overflow)s.updateOverflowState();s.updateSliderPosition()}));s.observer.observe(s.tabsContainer);s.updateOverflowState()};this.updateOverflowState=function(){if(!s.tabs||!s.tabsContainer)return;var t=s.tabsContainer.offsetWidth;var a=s.tabs.scrollWidth;var r=s.tabs.scrollLeft;s.overflowLeft=r>0;s.overflowRight=Math.ceil(r+t)<a-1};this.updateSliderPosition=function(){if(s.slider&&s.currentItem>=0){self.requestAnimationFrame((function(){s.sliderWidth=s.tabItems[s.currentItem].offsetWidth;s.sliderOffset=s.tabItems[s.currentItem].offsetLeft-s.tabsContainer.offsetLeft}))}};this.scrollTabs=function(t){var a=s.tabItems[t];setTimeout((function(){s.tabs.scrollLeft=a.offsetLeft-s.tabs.offsetLeft-s.tabs.offsetWidth/2+a.offsetWidth/2;s.updateOverflowState()}),m(s.cssSlideDelayDuration))};this.selectContentItem=function(){s.contentItems.forEach((function(t,a){t.setAttribute("mds-tab-content-hidden","");if(a===s.currentItem){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(s.element);s.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item"));this.tabItems.forEach((function(a,r){if(!a.id){n(a,"id",b("mds-tab-item"))}if(a.selected){t.currentItem=r}}))};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a;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");this.updateContentItems();this.initOverflowCheck();if(this.animation==="slide"){this.updateSliderPosition()}if(this.currentItem>0){this.scrollTabs(this.currentItem)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){var e;if(r.id===t.detail.target.id){a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);r.selected=true;var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0);return}r.selected=undefined}));this.selectContentItem();if(this.animation==="slide"){this.updateSliderPosition()}};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){if(r.id===t.detail.target.id){a.scrollTabs(s)}}))};t.prototype.handleAnimationChange=function(t){if(t==="slide"){this.updateSliderPosition();return}this.slider=null};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.render=function(){var t=this;return s(e,{key:"7a99fa190d999a3740970dde67e30cd68abed989"},s("div",{key:"44361f24743bf20ec577959607d3612ab338d250",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"81bbaf185e04127267c0efce28cb3e70e7d67648",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"61c155a13bd3a5e09c81c654b04a5eb1de827b9a",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"46070d92a8e4350a908abb06b88e9755361cf46f",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"aca614ebbac3d9f54e8ce599153b1d3e4a193b2c"}),this.animation==="slide"&&s("div",{key:"a26b03954a46d7101e77ff265757312ad7331655",class:"slider",part:"slider",ref:function(a){return t.slider=a},style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-offset":"".concat(this.sliderOffset,"px")}}))),s("div",{key:"84b8c706a5b036e54aafe9a14f459017599d0cc4",class:"contents",part:"contents"},s("slot",{key:"2afb25d28066ff841223d0bb5703a20e4de7da1a",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}},enumerable:false,configurable:true});return t}());p.style=y}}}));

package/dist/mds-tab/p-fae5d582.system.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(n,e,t,r){function i(n){return n instanceof t?n:new t((function(e){e(n)}))}return new(t||(t=Promise))((function(t,o){function a(n){try{u(r.next(n))}catch(n){o(n)}}function c(n){try{u(r["throw"](n))}catch(n){o(n)}}function u(n){n.done?t(n.value):i(n.value).then(a,c)}u((r=r.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(n){return function(e){return u([n,e])}}function u(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(t=0)),t)try{if(r=1,i&&(o=c[0]&2?i["return"]:c[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,c[1])).done)return o;if(i=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){t.label=c[1];break}if(c[0]===6&&t.label<o[1]){t.label=o[1];o=c;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(c);break}if(o[2])t.ops.pop();t.trys.pop();continue}c=e.call(n,t)}catch(n){c=[6,n];i=0}finally{r=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-3019e3f9.system.js","./p-56ba5cbf.system.js"],(function(n,e){"use strict";var t,r,i;return{setters:[function(e){t=e.p;r=e.b;n("setNonce",e.s)},function(n){i=n.g}],execute:function(){var n=this;var o=function(){var n=e.meta.url;var r={};if(n!==""){r.resourcesUrl=new URL(".",n).href}return t(r)};o().then((function(e){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,i()];case 1:n.sent();return[2,r([["p-7788cca1.system",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],e)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?t(e.value):i(e.value).then(a,c)}u((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(n){return u([e,n])}}function u(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(t=0)),t)try{if(r=1,i&&(o=c[0]&2?i["return"]:c[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,c[1])).done)return o;if(i=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){t.label=c[1];break}if(c[0]===6&&t.label<o[1]){t.label=o[1];o=c;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(c);break}if(o[2])t.ops.pop();t.trys.pop();continue}c=n.call(e,t)}catch(e){c=[6,e];i=0}finally{r=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-3019e3f9.system.js","./p-56ba5cbf.system.js"],(function(e,n){"use strict";var t,r,i;return{setters:[function(n){t=n.p;r=n.b;e("setNonce",n.s)},function(e){i=e.g}],execute:function(){var e=this;var o=function(){var e=n.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};o().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,i()];case 1:e.sent();return[2,r([["p-e5d7ae2e.system",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],n)]}}))}))}))}}}));

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-14T14:48:45",
+  "timestamp": "2025-06-03T13:55:48",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -112,24 +112,24 @@
           "./dist/mds-tab/index.esm.js",
           "./dist/mds-tab/mds-tab.esm.js",
           "./dist/mds-tab/mds-tab.js",
-          "./dist/mds-tab/p-2cc18899.entry.js",
           "./dist/mds-tab/p-3019e3f9.system.js",
           "./dist/mds-tab/p-50ea2036.system.js",
           "./dist/mds-tab/p-56ba5cbf.system.js",
           "./dist/mds-tab/p-5dea8418.js",
-          "./dist/mds-tab/p-7788cca1.system.entry.js",
+          "./dist/mds-tab/p-82754779.entry.js",
           "./dist/mds-tab/p-e1255160.js",
+          "./dist/mds-tab/p-e5d7ae2e.system.entry.js",
           "./dist/mds-tab/p-fae5d582.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-tab.esm.js",
           "./www/build/mds-tab.js",
-          "./www/build/p-2cc18899.entry.js",
           "./www/build/p-3019e3f9.system.js",
           "./www/build/p-50ea2036.system.js",
           "./www/build/p-56ba5cbf.system.js",
           "./www/build/p-5dea8418.js",
-          "./www/build/p-7788cca1.system.entry.js",
+          "./www/build/p-82754779.entry.js",
           "./www/build/p-e1255160.js",
+          "./www/build/p-e5d7ae2e.system.entry.js",
           "./www/build/p-fae5d582.system.js"
         ]
       },
@@ -163,12 +163,12 @@
         "components": [
           "mds-tab"
         ],
-        "bundleId": "p-2cc18899",
-        "fileName": "p-2cc18899.entry.js",
+        "bundleId": "p-82754779",
+        "fileName": "p-82754779.entry.js",
         "imports": [
           "p-5dea8418.js"
         ],
-        "originalByteSize": 24870
+        "originalByteSize": 24879
       }
     ],
     "esm": [
@@ -182,7 +182,7 @@
         "imports": [
           "index-ed19c7c9.js"
         ],
-        "originalByteSize": 24874
+        "originalByteSize": 24883
       }
     ],
     "es5": [
@@ -196,7 +196,7 @@
         "imports": [
           "index-ed19c7c9.js"
         ],
-        "originalByteSize": 24874
+        "originalByteSize": 24883
       }
     ],
     "system": [
@@ -205,12 +205,12 @@
         "components": [
           "mds-tab"
         ],
-        "bundleId": "p-7788cca1.system",
-        "fileName": "p-7788cca1.system.entry.js",
+        "bundleId": "p-e5d7ae2e.system",
+        "fileName": "p-e5d7ae2e.system.entry.js",
         "imports": [
           "p-3019e3f9.system.js"
         ],
-        "originalByteSize": 27723
+        "originalByteSize": 27732
       }
     ],
     "commonjs": [
@@ -224,7 +224,7 @@
         "imports": [
           "index-a5364c02.js"
         ],
-        "originalByteSize": 24963
+        "originalByteSize": 24972
       }
     ]
   },

package/dist/types/dictionary/variant.d.ts

@@ -1,6 +1,7 @@
 declare const themeVariantDictionary: string[];
 declare const themeLuminanceVariantDictionary: string[];
 declare const themeStatusVariantDictionary: string[];
+declare const themeInputVariantDictionary: string[];
 declare const themeFullVariantDictionary: string[];
 declare const themeFullVariantAvatarDictionary: string[];
 declare const themeLabelVariantDictionary: string[];
@@ -10,4 +11,4 @@ declare const toneActionVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
 declare const toneSmartVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, themeVariantChipDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeInputVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantChipDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

package/dist/types/type/variant.d.ts

@@ -1,4 +1,5 @@
 export type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
+export type ThemeInputVariantType = 'primary' | 'ai' | 'error' | 'info' | 'success' | 'warning';
 export type ThemeVariantType = 'ai' | 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
 export type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
 export type ThemeFullVariantAvatarType = 'amaranth' | 'aqua' | 'blue' | 'error' | 'green' | 'info' | 'lime' | 'orange' | 'orchid' | 'primary' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-14T12:14:14",
+  "timestamp": "2025-06-03T08:10:23",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -651,8 +651,8 @@
       "docstring": "",
       "path": "src/type/input.ts"
     },
-    "src/type/variant.ts::ThemeStatusVariantType": {
-      "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+    "src/type/variant.ts::ThemeInputVariantType": {
+      "declaration": "export type ThemeInputVariantType =\n  | 'primary'\n  | 'ai'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
       "docstring": "",
       "path": "src/type/variant.ts"
     },
@@ -681,6 +681,11 @@
       "docstring": "",
       "path": "src/components/mds-input/meta/validators.ts"
     },
+    "src/type/variant.ts::ThemeStatusVariantType": {
+      "declaration": "export type ThemeStatusVariantType =\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
     "src/components/mds-input-switch/meta/types.ts::InputSwitchSizeType": {
       "declaration": "export type InputSwitchSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-tab",
-  "version": "8.6.1",
+  "version": "8.6.3",
   "description": "mds-tab is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,8 +24,8 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-tab-item": "8.7.1",
-    "@maggioli-design-system/styles": "15.10.0",
+    "@maggioli-design-system/mds-tab-item": "8.7.2",
+    "@maggioli-design-system/styles": "15.11.0",
     "@stencil/core": "4.27.2"
   },
   "license": "MIT",

package/src/components/mds-tab/mds-tab.tsx

@@ -61,7 +61,7 @@ export class MdsTab {
   @Event({ eventName: 'mdsTabChange' }) changedEvent: EventEmitter<MdsTabEventDetail>
 
   private queryContentItems = (): Array<HTMLElement> =>
-    Array.from(this.element.querySelectorAll<HTMLElement>('[slot=content]'))
+    Array.from(this.element.querySelectorAll<HTMLElement>(':scope > [slot=content]'))
 
   componentWillLoad (): void {
     this.tabItems = Array.from(this.element.querySelectorAll<HTMLMdsTabItemElement>('mds-tab-item'))

package/src/dictionary/variant.ts

@@ -21,6 +21,15 @@ const themeStatusVariantDictionary = [
   'warning',
 ]
 
+const themeInputVariantDictionary = [
+  'ai',
+  'error',
+  'info',
+  'primary',
+  'success',
+  'warning',
+]
+
 const themeFullVariantDictionary = [
   'amaranth',
   'aqua',
@@ -128,11 +137,12 @@ const toneMinimalVariantDictionary = [
 export {
   themeFullVariantAvatarDictionary,
   themeFullVariantDictionary,
+  themeInputVariantDictionary,
   themeLabelVariantDictionary,
   themeLuminanceVariantDictionary,
   themeStatusVariantDictionary,
-  themeVariantDictionary,
   themeVariantChipDictionary,
+  themeVariantDictionary,
   toneActionVariantDictionary,
   toneMinimalVariantDictionary,
   toneSimpleVariantDictionary,

package/src/fixtures/icons.json

@@ -53,6 +53,8 @@
     "mgg/adv-denied",
     "mgg/ai-brain",
     "mgg/ai-brain-outline",
+    "mgg/ai-chatbot",
+    "mgg/ai-chatbot-outline",
     "mgg/ai-human",
     "mgg/ai-message",
     "mgg/ai-outline",
@@ -116,6 +118,7 @@
     "mgg/document-magic",
     "mgg/document-rename",
     "mgg/download-csv",
+    "mgg/download-html",
     "mgg/download-json",
     "mgg/edit-article",
     "mgg/electronic-document",
@@ -138,6 +141,7 @@
     "mgg/file-download",
     "mgg/file-folder-tree",
     "mgg/file-folder-tree-open",
+    "mgg/file-html",
     "mgg/file-import",
     "mgg/file-odt",
     "mgg/file-rtf",
@@ -448,6 +452,8 @@
     "mi/outline/circle",
     "mi/outline/dark-mode",
     "mi/outline/help-outline",
+    "mi/outline/mic",
+    "mi/outline/mic-off",
     "mi/outline/policy",
     "mi/outline/schedule",
     "mi/round/arrow-circle-down",

package/src/fixtures/iconsauce.json

@@ -23,6 +23,8 @@
     "mgg/adv-denied",
     "mgg/ai-brain-outline",
     "mgg/ai-brain",
+    "mgg/ai-chatbot-outline",
+    "mgg/ai-chatbot",
     "mgg/ai-human",
     "mgg/ai-message",
     "mgg/ai-outline",
@@ -86,6 +88,7 @@
     "mgg/document-magic",
     "mgg/document-rename",
     "mgg/download-csv",
+    "mgg/download-html",
     "mgg/download-json",
     "mgg/edit-article",
     "mgg/electronic-document",
@@ -108,6 +111,7 @@
     "mgg/file-download",
     "mgg/file-folder-tree-open",
     "mgg/file-folder-tree",
+    "mgg/file-html",
     "mgg/file-import",
     "mgg/file-odt",
     "mgg/file-rtf",

package/src/type/variant.ts

@@ -4,6 +4,14 @@ export type ThemeStatusVariantType =
   | 'success'
   | 'warning'
 
+export type ThemeInputVariantType =
+  | 'primary'
+  | 'ai'
+  | 'error'
+  | 'info'
+  | 'success'
+  | 'warning'
+
 export type ThemeVariantType =
   | 'ai'
   | 'dark'

package/www/build/mds-tab.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-5dea8418.js";export{s as setNonce}from"./p-5dea8418.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-2cc18899",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],e))));
+import{p as e,b as a}from"./p-5dea8418.js";export{s as setNonce}from"./p-5dea8418.js";import{g as l}from"./p-e1255160.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((async e=>(await l(),a([["p-82754779",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],e))));

package/www/build/p-82754779.entry.js

@@ -0,0 +1 @@
+import{r as t,c as a,h as r,H as s,g as d}from"./p-5dea8418.js";const e=t=>{let a,r;for(a=0,r=0;a<t.length;a++)r=Math.imul(31,r)+t.charCodeAt(a)|0;return r.toString()},i=(t,a,r)=>{var s;return t.hasAttribute(a)?null!==(s=t.getAttribute(a))&&void 0!==s?s:"":(t.setAttribute(a,r),r)};function o(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(r=o(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function n(){for(var t,a,r=0,s="",d=arguments.length;r<d;r++)(t=arguments[r])&&(a=o(t))&&(s&&(s+=" "),s+=a);return s}const b=class{constructor(r){t(this,r),this.changedEvent=a(this,"mdsTabChange",7),this.currentItem=-1,this.tabItems=[],this.contentItems=[],this.sliderWidth=-1,this.sliderOffset=-1,this.overflowLeft=!1,this.overflowRight=!1,this.animation="slide",this.queryContentItems=()=>Array.from(this.element.querySelectorAll(":scope > [slot=content]")),this.updateContentItems=()=>{this.contentItems=this.queryContentItems(),this.contentItems.forEach(((t,a)=>{i(t,"role","tabpanel"),i(t,"aria-labelledby",this.tabItems[a].id)})),this.selectContentItem()},this.unsetOverflowCheck=()=>{this.tabs.removeEventListener("scroll",this.updateOverflowState),this.observer.unobserve(this.tabsContainer)},this.initOverflowCheck=()=>{this.tabs.addEventListener("scroll",this.updateOverflowState),this.observer=new ResizeObserver((()=>{this.overflow&&this.updateOverflowState(),this.updateSliderPosition()})),this.observer.observe(this.tabsContainer),this.updateOverflowState()},this.updateOverflowState=()=>{if(!this.tabs||!this.tabsContainer)return;const t=this.tabsContainer.offsetWidth,a=this.tabs.scrollWidth,{scrollLeft:r}=this.tabs;this.overflowLeft=r>0,this.overflowRight=Math.ceil(r+t)<a-1},this.updateSliderPosition=()=>{this.slider&&this.currentItem>=0&&self.requestAnimationFrame((()=>{this.sliderWidth=this.tabItems[this.currentItem].offsetWidth,this.sliderOffset=this.tabItems[this.currentItem].offsetLeft-this.tabsContainer.offsetLeft}))},this.scrollTabs=t=>{const a=this.tabItems[t];setTimeout((()=>{this.tabs.scrollLeft=a.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+a.offsetWidth/2,this.updateOverflowState()}),((t,a=1e3)=>t.includes("ms")?Number(t.replace("ms","")):t.includes("s")?1e3*Number(t.replace("s","")):a)(this.cssSlideDelayDuration))},this.selectContentItem=()=>{this.contentItems.forEach(((t,a)=>{t.setAttribute("mds-tab-content-hidden",""),a===this.currentItem&&t.removeAttribute("mds-tab-content-hidden")}))},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.element);this.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}componentWillLoad(){this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item")),this.tabItems.forEach(((t,a)=>{t.id||i(t,"id",(t=>{const a=Math.floor(1e6*Math.random());return t?`${t}-${e(a.toString())}`:e(a.toString())})("mds-tab-item")),t.selected&&(this.currentItem=a)}))}disconnectedCallback(){this.unsetOverflowCheck()}componentDidLoad(){var t,a;this.updateCSSCustomProps(),this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.tabsContainer=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".tabs-wrapper"),this.updateContentItems(),this.initOverflowCheck(),"slide"===this.animation&&this.updateSliderPosition(),this.currentItem>0&&this.scrollTabs(this.currentItem)}changeEventHandler(t){this.tabItems.forEach(((a,r)=>{var s;if(a.id!==t.detail.target.id)a.selected=void 0;else{this.changedEvent.emit({id:r,value:a.value}),this.currentItem=r,this.scrollTabs(r),a.selected=!0;const t=null===(s=this.tabItems[this.currentItem].shadowRoot)||void 0===s?void 0:s.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}})),this.selectContentItem(),"slide"===this.animation&&this.updateSliderPosition()}focusEventHandler(t){this.tabItems.forEach(((a,r)=>{a.id===t.detail.target.id&&this.scrollTabs(r)}))}handleAnimationChange(t){"slide"!==t?this.slider=null:this.updateSliderPosition()}handleScrollbarChange(t){!1===t&&(this.scrollbar=void 0)}handleFillChange(t){!1===t&&(this.fill=void 0)}handleOverflowChange(t){t?this.initOverflowCheck():this.unsetOverflowCheck()}render(){return r(s,{key:"7a99fa190d999a3740970dde67e30cd68abed989"},r("div",{key:"44361f24743bf20ec577959607d3612ab338d250",class:n("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&r("div",{key:"81bbaf185e04127267c0efce28cb3e70e7d67648",class:n("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&r("div",{key:"61c155a13bd3a5e09c81c654b04a5eb1de827b9a",class:n("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),r("div",{key:"46070d92a8e4350a908abb06b88e9755361cf46f",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"aca614ebbac3d9f54e8ce599153b1d3e4a193b2c"}),"slide"===this.animation&&r("div",{key:"a26b03954a46d7101e77ff265757312ad7331655",class:"slider",part:"slider",ref:t=>this.slider=t,style:{"--mds-tab-slider-width":`${this.sliderWidth}px`,"--mds-tab-slider-offset":`${this.sliderOffset}px`}}))),r("div",{key:"84b8c706a5b036e54aafe9a14f459017599d0cc4",class:"contents",part:"contents"},r("slot",{key:"2afb25d28066ff841223d0bb5703a20e4de7da1a",name:"content",onSlotchange:this.updateContentItems})))}get element(){return d(this)}static get watchers(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}}};b.style='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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}';export{b as mds_tab}

package/www/build/{p-7788cca1.system.entry.js → p-e5d7ae2e.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-3019e3f9.system.js"],(function(t){"use strict";var a,r,s,d,e;return{setters:[function(t){a=t.r;r=t.c;s=t.h;d=t.H;e=t.g}],execute:function(){var i=function(t){var a,r;for(a=0,r=0;a<t.length;a++){r=Math.imul(31,r)+t.charCodeAt(a)|0}return r.toString()};var o=function(t){return Math.floor(Math.random()*t)};var n=function(t,a,r){var s;if(t.hasAttribute(a)){return(s=t.getAttribute(a))!==null&&s!==void 0?s:""}t.setAttribute(a,r);return r};var b=function(t){var a=o(1e6);if(t){return"".concat(t,"-").concat(i(a.toString()))}return i(a.toString())};function h(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(r=h(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function l(){for(var t,a,r=0,s="",d=arguments.length;r<d;r++)(t=arguments[r])&&(a=h(t))&&(s&&(s+=" "),s+=a);return s}var m=function(t,a){if(a===void 0){a=1e3}if(t.includes("ms")){return Number(t.replace("ms",""))}if(t.includes("s")){return Number(t.replace("s",""))*1e3}return a};var c='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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 y=c;var p=t("mds_tab",function(){function t(t){var s=this;a(this,t);this.changedEvent=r(this,"mdsTabChange",7);this.currentItem=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return Array.from(s.element.querySelectorAll("[slot=content]"))};this.updateContentItems=function(){s.contentItems=s.queryContentItems();s.contentItems.forEach((function(t,a){n(t,"role","tabpanel");n(t,"aria-labelledby",s.tabItems[a].id)}));s.selectContentItem()};this.unsetOverflowCheck=function(){s.tabs.removeEventListener("scroll",s.updateOverflowState);s.observer.unobserve(s.tabsContainer)};this.initOverflowCheck=function(){s.tabs.addEventListener("scroll",s.updateOverflowState);s.observer=new ResizeObserver((function(){if(s.overflow)s.updateOverflowState();s.updateSliderPosition()}));s.observer.observe(s.tabsContainer);s.updateOverflowState()};this.updateOverflowState=function(){if(!s.tabs||!s.tabsContainer)return;var t=s.tabsContainer.offsetWidth;var a=s.tabs.scrollWidth;var r=s.tabs.scrollLeft;s.overflowLeft=r>0;s.overflowRight=Math.ceil(r+t)<a-1};this.updateSliderPosition=function(){if(s.slider&&s.currentItem>=0){self.requestAnimationFrame((function(){s.sliderWidth=s.tabItems[s.currentItem].offsetWidth;s.sliderOffset=s.tabItems[s.currentItem].offsetLeft-s.tabsContainer.offsetLeft}))}};this.scrollTabs=function(t){var a=s.tabItems[t];setTimeout((function(){s.tabs.scrollLeft=a.offsetLeft-s.tabs.offsetLeft-s.tabs.offsetWidth/2+a.offsetWidth/2;s.updateOverflowState()}),m(s.cssSlideDelayDuration))};this.selectContentItem=function(){s.contentItems.forEach((function(t,a){t.setAttribute("mds-tab-content-hidden","");if(a===s.currentItem){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(s.element);s.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item"));this.tabItems.forEach((function(a,r){if(!a.id){n(a,"id",b("mds-tab-item"))}if(a.selected){t.currentItem=r}}))};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a;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");this.updateContentItems();this.initOverflowCheck();if(this.animation==="slide"){this.updateSliderPosition()}if(this.currentItem>0){this.scrollTabs(this.currentItem)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){var d;if(r.id===t.detail.target.id){a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);r.selected=true;var e=(d=a.tabItems[a.currentItem].shadowRoot)===null||d===void 0?void 0:d.querySelector("mds-button");setTimeout((function(){e.focus()}),0);return}r.selected=undefined}));this.selectContentItem();if(this.animation==="slide"){this.updateSliderPosition()}};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){if(r.id===t.detail.target.id){a.scrollTabs(s)}}))};t.prototype.handleAnimationChange=function(t){if(t==="slide"){this.updateSliderPosition();return}this.slider=null};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.render=function(){var t=this;return s(d,{key:"b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3"},s("div",{key:"c80a5cd6795905e47af602a0388ad3b3d24e82fa",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"690013ca4a164b9ea9bbbd888a1fcd092c7c7918",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"6b39ae97660af79a5333dc18f18d657e0f02b4ca",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"6445e184420060585292070d14fd4681fac32b11"}),this.animation==="slide"&&s("div",{key:"ed0151b966001aa410af33cc3203923d743fcd3a",class:"slider",part:"slider",ref:function(a){return t.slider=a},style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-offset":"".concat(this.sliderOffset,"px")}}))),s("div",{key:"b6d497243f7baa1595597c090374177fd87c9a01",class:"contents",part:"contents"},s("slot",{key:"51f8efe1bbdaef6410af697a810993daba159c50",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}},enumerable:false,configurable:true});return t}());p.style=y}}}));
+System.register(["./p-3019e3f9.system.js"],(function(t){"use strict";var a,r,s,e,d;return{setters:[function(t){a=t.r;r=t.c;s=t.h;e=t.H;d=t.g}],execute:function(){var i=function(t){var a,r;for(a=0,r=0;a<t.length;a++){r=Math.imul(31,r)+t.charCodeAt(a)|0}return r.toString()};var o=function(t){return Math.floor(Math.random()*t)};var n=function(t,a,r){var s;if(t.hasAttribute(a)){return(s=t.getAttribute(a))!==null&&s!==void 0?s:""}t.setAttribute(a,r);return r};var b=function(t){var a=o(1e6);if(t){return"".concat(t,"-").concat(i(a.toString()))}return i(a.toString())};function h(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var e=t.length;for(a=0;a<e;a++)t[a]&&(r=h(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function l(){for(var t,a,r=0,s="",e=arguments.length;r<e;r++)(t=arguments[r])&&(a=h(t))&&(s&&(s+=" "),s+=a);return s}var m=function(t,a){if(a===void 0){a=1e3}if(t.includes("ms")){return Number(t.replace("ms",""))}if(t.includes("s")){return Number(t.replace("s",""))*1e3}return a};var c='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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 y=c;var p=t("mds_tab",function(){function t(t){var s=this;a(this,t);this.changedEvent=r(this,"mdsTabChange",7);this.currentItem=-1;this.tabItems=[];this.contentItems=[];this.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return Array.from(s.element.querySelectorAll(":scope > [slot=content]"))};this.updateContentItems=function(){s.contentItems=s.queryContentItems();s.contentItems.forEach((function(t,a){n(t,"role","tabpanel");n(t,"aria-labelledby",s.tabItems[a].id)}));s.selectContentItem()};this.unsetOverflowCheck=function(){s.tabs.removeEventListener("scroll",s.updateOverflowState);s.observer.unobserve(s.tabsContainer)};this.initOverflowCheck=function(){s.tabs.addEventListener("scroll",s.updateOverflowState);s.observer=new ResizeObserver((function(){if(s.overflow)s.updateOverflowState();s.updateSliderPosition()}));s.observer.observe(s.tabsContainer);s.updateOverflowState()};this.updateOverflowState=function(){if(!s.tabs||!s.tabsContainer)return;var t=s.tabsContainer.offsetWidth;var a=s.tabs.scrollWidth;var r=s.tabs.scrollLeft;s.overflowLeft=r>0;s.overflowRight=Math.ceil(r+t)<a-1};this.updateSliderPosition=function(){if(s.slider&&s.currentItem>=0){self.requestAnimationFrame((function(){s.sliderWidth=s.tabItems[s.currentItem].offsetWidth;s.sliderOffset=s.tabItems[s.currentItem].offsetLeft-s.tabsContainer.offsetLeft}))}};this.scrollTabs=function(t){var a=s.tabItems[t];setTimeout((function(){s.tabs.scrollLeft=a.offsetLeft-s.tabs.offsetLeft-s.tabs.offsetWidth/2+a.offsetWidth/2;s.updateOverflowState()}),m(s.cssSlideDelayDuration))};this.selectContentItem=function(){s.contentItems.forEach((function(t,a){t.setAttribute("mds-tab-content-hidden","");if(a===s.currentItem){t.removeAttribute("mds-tab-content-hidden")}}))};this.updateCSSCustomProps=function(){if(typeof window==="undefined")return;var t=window.getComputedStyle(s.element);s.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}t.prototype.componentWillLoad=function(){var t=this;this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item"));this.tabItems.forEach((function(a,r){if(!a.id){n(a,"id",b("mds-tab-item"))}if(a.selected){t.currentItem=r}}))};t.prototype.disconnectedCallback=function(){this.unsetOverflowCheck()};t.prototype.componentDidLoad=function(){var t,a;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");this.updateContentItems();this.initOverflowCheck();if(this.animation==="slide"){this.updateSliderPosition()}if(this.currentItem>0){this.scrollTabs(this.currentItem)}};t.prototype.changeEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){var e;if(r.id===t.detail.target.id){a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);r.selected=true;var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0);return}r.selected=undefined}));this.selectContentItem();if(this.animation==="slide"){this.updateSliderPosition()}};t.prototype.focusEventHandler=function(t){var a=this;this.tabItems.forEach((function(r,s){if(r.id===t.detail.target.id){a.scrollTabs(s)}}))};t.prototype.handleAnimationChange=function(t){if(t==="slide"){this.updateSliderPosition();return}this.slider=null};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.render=function(){var t=this;return s(e,{key:"7a99fa190d999a3740970dde67e30cd68abed989"},s("div",{key:"44361f24743bf20ec577959607d3612ab338d250",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"81bbaf185e04127267c0efce28cb3e70e7d67648",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"61c155a13bd3a5e09c81c654b04a5eb1de827b9a",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"46070d92a8e4350a908abb06b88e9755361cf46f",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"aca614ebbac3d9f54e8ce599153b1d3e4a193b2c"}),this.animation==="slide"&&s("div",{key:"a26b03954a46d7101e77ff265757312ad7331655",class:"slider",part:"slider",ref:function(a){return t.slider=a},style:{"--mds-tab-slider-width":"".concat(this.sliderWidth,"px"),"--mds-tab-slider-offset":"".concat(this.sliderOffset,"px")}}))),s("div",{key:"84b8c706a5b036e54aafe9a14f459017599d0cc4",class:"contents",part:"contents"},s("slot",{key:"2afb25d28066ff841223d0bb5703a20e4de7da1a",name:"content",onSlotchange:this.updateContentItems})))};Object.defineProperty(t.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}},enumerable:false,configurable:true});return t}());p.style=y}}}));

package/www/build/p-fae5d582.system.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(n,e,t,r){function i(n){return n instanceof t?n:new t((function(e){e(n)}))}return new(t||(t=Promise))((function(t,o){function a(n){try{u(r.next(n))}catch(n){o(n)}}function c(n){try{u(r["throw"](n))}catch(n){o(n)}}function u(n){n.done?t(n.value):i(n.value).then(a,c)}u((r=r.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(n){return function(e){return u([n,e])}}function u(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(t=0)),t)try{if(r=1,i&&(o=c[0]&2?i["return"]:c[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,c[1])).done)return o;if(i=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){t.label=c[1];break}if(c[0]===6&&t.label<o[1]){t.label=o[1];o=c;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(c);break}if(o[2])t.ops.pop();t.trys.pop();continue}c=e.call(n,t)}catch(n){c=[6,n];i=0}finally{r=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-3019e3f9.system.js","./p-56ba5cbf.system.js"],(function(n,e){"use strict";var t,r,i;return{setters:[function(e){t=e.p;r=e.b;n("setNonce",e.s)},function(n){i=n.g}],execute:function(){var n=this;var o=function(){var n=e.meta.url;var r={};if(n!==""){r.resourcesUrl=new URL(".",n).href}return t(r)};o().then((function(e){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:return[4,i()];case 1:n.sent();return[2,r([["p-7788cca1.system",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],e)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(e,n,t,r){function i(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?t(e.value):i(e.value).then(a,c)}u((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(n){return u([e,n])}}function u(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(t=0)),t)try{if(r=1,i&&(o=c[0]&2?i["return"]:c[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,c[1])).done)return o;if(i=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:t.label++;return{value:c[1],done:false};case 5:t.label++;i=c[1];c=[0];continue;case 7:c=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){t=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){t.label=c[1];break}if(c[0]===6&&t.label<o[1]){t.label=o[1];o=c;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(c);break}if(o[2])t.ops.pop();t.trys.pop();continue}c=n.call(e,t)}catch(e){c=[6,e];i=0}finally{r=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-3019e3f9.system.js","./p-56ba5cbf.system.js"],(function(e,n){"use strict";var t,r,i;return{setters:[function(n){t=n.p;r=n.b;e("setNonce",n.s)},function(e){i=e.g}],execute:function(){var e=this;var o=function(){var e=n.meta.url;var r={};if(e!==""){r.resourcesUrl=new URL(".",e).href}return t(r)};o().then((function(n){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,i()];case 1:e.sent();return[2,r([["p-e5d7ae2e.system",[[1,"mds-tab",{scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],sliderWidth:[32],sliderOffset:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}]]]],n)]}}))}))}))}}}));

package/dist/mds-tab/p-2cc18899.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as r,H as s,g as d}from"./p-5dea8418.js";const e=t=>{let a,r;for(a=0,r=0;a<t.length;a++)r=Math.imul(31,r)+t.charCodeAt(a)|0;return r.toString()},i=(t,a,r)=>{var s;return t.hasAttribute(a)?null!==(s=t.getAttribute(a))&&void 0!==s?s:"":(t.setAttribute(a,r),r)};function o(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(r=o(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function n(){for(var t,a,r=0,s="",d=arguments.length;r<d;r++)(t=arguments[r])&&(a=o(t))&&(s&&(s+=" "),s+=a);return s}const b=class{constructor(r){t(this,r),this.changedEvent=a(this,"mdsTabChange",7),this.currentItem=-1,this.tabItems=[],this.contentItems=[],this.sliderWidth=-1,this.sliderOffset=-1,this.overflowLeft=!1,this.overflowRight=!1,this.animation="slide",this.queryContentItems=()=>Array.from(this.element.querySelectorAll("[slot=content]")),this.updateContentItems=()=>{this.contentItems=this.queryContentItems(),this.contentItems.forEach(((t,a)=>{i(t,"role","tabpanel"),i(t,"aria-labelledby",this.tabItems[a].id)})),this.selectContentItem()},this.unsetOverflowCheck=()=>{this.tabs.removeEventListener("scroll",this.updateOverflowState),this.observer.unobserve(this.tabsContainer)},this.initOverflowCheck=()=>{this.tabs.addEventListener("scroll",this.updateOverflowState),this.observer=new ResizeObserver((()=>{this.overflow&&this.updateOverflowState(),this.updateSliderPosition()})),this.observer.observe(this.tabsContainer),this.updateOverflowState()},this.updateOverflowState=()=>{if(!this.tabs||!this.tabsContainer)return;const t=this.tabsContainer.offsetWidth,a=this.tabs.scrollWidth,{scrollLeft:r}=this.tabs;this.overflowLeft=r>0,this.overflowRight=Math.ceil(r+t)<a-1},this.updateSliderPosition=()=>{this.slider&&this.currentItem>=0&&self.requestAnimationFrame((()=>{this.sliderWidth=this.tabItems[this.currentItem].offsetWidth,this.sliderOffset=this.tabItems[this.currentItem].offsetLeft-this.tabsContainer.offsetLeft}))},this.scrollTabs=t=>{const a=this.tabItems[t];setTimeout((()=>{this.tabs.scrollLeft=a.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+a.offsetWidth/2,this.updateOverflowState()}),((t,a=1e3)=>t.includes("ms")?Number(t.replace("ms","")):t.includes("s")?1e3*Number(t.replace("s","")):a)(this.cssSlideDelayDuration))},this.selectContentItem=()=>{this.contentItems.forEach(((t,a)=>{t.setAttribute("mds-tab-content-hidden",""),a===this.currentItem&&t.removeAttribute("mds-tab-content-hidden")}))},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.element);this.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}componentWillLoad(){this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item")),this.tabItems.forEach(((t,a)=>{t.id||i(t,"id",(t=>{const a=Math.floor(1e6*Math.random());return t?`${t}-${e(a.toString())}`:e(a.toString())})("mds-tab-item")),t.selected&&(this.currentItem=a)}))}disconnectedCallback(){this.unsetOverflowCheck()}componentDidLoad(){var t,a;this.updateCSSCustomProps(),this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.tabsContainer=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".tabs-wrapper"),this.updateContentItems(),this.initOverflowCheck(),"slide"===this.animation&&this.updateSliderPosition(),this.currentItem>0&&this.scrollTabs(this.currentItem)}changeEventHandler(t){this.tabItems.forEach(((a,r)=>{var s;if(a.id!==t.detail.target.id)a.selected=void 0;else{this.changedEvent.emit({id:r,value:a.value}),this.currentItem=r,this.scrollTabs(r),a.selected=!0;const t=null===(s=this.tabItems[this.currentItem].shadowRoot)||void 0===s?void 0:s.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}})),this.selectContentItem(),"slide"===this.animation&&this.updateSliderPosition()}focusEventHandler(t){this.tabItems.forEach(((a,r)=>{a.id===t.detail.target.id&&this.scrollTabs(r)}))}handleAnimationChange(t){"slide"!==t?this.slider=null:this.updateSliderPosition()}handleScrollbarChange(t){!1===t&&(this.scrollbar=void 0)}handleFillChange(t){!1===t&&(this.fill=void 0)}handleOverflowChange(t){t?this.initOverflowCheck():this.unsetOverflowCheck()}render(){return r(s,{key:"b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3"},r("div",{key:"c80a5cd6795905e47af602a0388ad3b3d24e82fa",class:n("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&r("div",{key:"690013ca4a164b9ea9bbbd888a1fcd092c7c7918",class:n("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&r("div",{key:"6b39ae97660af79a5333dc18f18d657e0f02b4ca",class:n("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),r("div",{key:"5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"6445e184420060585292070d14fd4681fac32b11"}),"slide"===this.animation&&r("div",{key:"ed0151b966001aa410af33cc3203923d743fcd3a",class:"slider",part:"slider",ref:t=>this.slider=t,style:{"--mds-tab-slider-width":`${this.sliderWidth}px`,"--mds-tab-slider-offset":`${this.sliderOffset}px`}}))),r("div",{key:"b6d497243f7baa1595597c090374177fd87c9a01",class:"contents",part:"contents"},r("slot",{key:"51f8efe1bbdaef6410af697a810993daba159c50",name:"content",onSlotchange:this.updateContentItems})))}get element(){return d(this)}static get watchers(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}}};b.style='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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}';export{b as mds_tab}

package/www/build/p-2cc18899.entry.js

@@ -1 +0,0 @@
-import{r as t,c as a,h as r,H as s,g as d}from"./p-5dea8418.js";const e=t=>{let a,r;for(a=0,r=0;a<t.length;a++)r=Math.imul(31,r)+t.charCodeAt(a)|0;return r.toString()},i=(t,a,r)=>{var s;return t.hasAttribute(a)?null!==(s=t.getAttribute(a))&&void 0!==s?s:"":(t.setAttribute(a,r),r)};function o(t){var a,r,s="";if("string"==typeof t||"number"==typeof t)s+=t;else if("object"==typeof t)if(Array.isArray(t)){var d=t.length;for(a=0;a<d;a++)t[a]&&(r=o(t[a]))&&(s&&(s+=" "),s+=r)}else for(r in t)t[r]&&(s&&(s+=" "),s+=r);return s}function n(){for(var t,a,r=0,s="",d=arguments.length;r<d;r++)(t=arguments[r])&&(a=o(t))&&(s&&(s+=" "),s+=a);return s}const b=class{constructor(r){t(this,r),this.changedEvent=a(this,"mdsTabChange",7),this.currentItem=-1,this.tabItems=[],this.contentItems=[],this.sliderWidth=-1,this.sliderOffset=-1,this.overflowLeft=!1,this.overflowRight=!1,this.animation="slide",this.queryContentItems=()=>Array.from(this.element.querySelectorAll("[slot=content]")),this.updateContentItems=()=>{this.contentItems=this.queryContentItems(),this.contentItems.forEach(((t,a)=>{i(t,"role","tabpanel"),i(t,"aria-labelledby",this.tabItems[a].id)})),this.selectContentItem()},this.unsetOverflowCheck=()=>{this.tabs.removeEventListener("scroll",this.updateOverflowState),this.observer.unobserve(this.tabsContainer)},this.initOverflowCheck=()=>{this.tabs.addEventListener("scroll",this.updateOverflowState),this.observer=new ResizeObserver((()=>{this.overflow&&this.updateOverflowState(),this.updateSliderPosition()})),this.observer.observe(this.tabsContainer),this.updateOverflowState()},this.updateOverflowState=()=>{if(!this.tabs||!this.tabsContainer)return;const t=this.tabsContainer.offsetWidth,a=this.tabs.scrollWidth,{scrollLeft:r}=this.tabs;this.overflowLeft=r>0,this.overflowRight=Math.ceil(r+t)<a-1},this.updateSliderPosition=()=>{this.slider&&this.currentItem>=0&&self.requestAnimationFrame((()=>{this.sliderWidth=this.tabItems[this.currentItem].offsetWidth,this.sliderOffset=this.tabItems[this.currentItem].offsetLeft-this.tabsContainer.offsetLeft}))},this.scrollTabs=t=>{const a=this.tabItems[t];setTimeout((()=>{this.tabs.scrollLeft=a.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+a.offsetWidth/2,this.updateOverflowState()}),((t,a=1e3)=>t.includes("ms")?Number(t.replace("ms","")):t.includes("s")?1e3*Number(t.replace("s","")):a)(this.cssSlideDelayDuration))},this.selectContentItem=()=>{this.contentItems.forEach(((t,a)=>{t.setAttribute("mds-tab-content-hidden",""),a===this.currentItem&&t.removeAttribute("mds-tab-content-hidden")}))},this.updateCSSCustomProps=()=>{if("undefined"==typeof window)return;const t=window.getComputedStyle(this.element);this.cssSlideDelayDuration=t.getPropertyValue("--mds-tab-slide-delay")}}componentWillLoad(){this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item")),this.tabItems.forEach(((t,a)=>{t.id||i(t,"id",(t=>{const a=Math.floor(1e6*Math.random());return t?`${t}-${e(a.toString())}`:e(a.toString())})("mds-tab-item")),t.selected&&(this.currentItem=a)}))}disconnectedCallback(){this.unsetOverflowCheck()}componentDidLoad(){var t,a;this.updateCSSCustomProps(),this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.tabsContainer=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector(".tabs-wrapper"),this.updateContentItems(),this.initOverflowCheck(),"slide"===this.animation&&this.updateSliderPosition(),this.currentItem>0&&this.scrollTabs(this.currentItem)}changeEventHandler(t){this.tabItems.forEach(((a,r)=>{var s;if(a.id!==t.detail.target.id)a.selected=void 0;else{this.changedEvent.emit({id:r,value:a.value}),this.currentItem=r,this.scrollTabs(r),a.selected=!0;const t=null===(s=this.tabItems[this.currentItem].shadowRoot)||void 0===s?void 0:s.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}})),this.selectContentItem(),"slide"===this.animation&&this.updateSliderPosition()}focusEventHandler(t){this.tabItems.forEach(((a,r)=>{a.id===t.detail.target.id&&this.scrollTabs(r)}))}handleAnimationChange(t){"slide"!==t?this.slider=null:this.updateSliderPosition()}handleScrollbarChange(t){!1===t&&(this.scrollbar=void 0)}handleFillChange(t){!1===t&&(this.fill=void 0)}handleOverflowChange(t){t?this.initOverflowCheck():this.unsetOverflowCheck()}render(){return r(s,{key:"b8c595f07ad1c2c2aec6e937cd93b15a80d0c0f3"},r("div",{key:"c80a5cd6795905e47af602a0388ad3b3d24e82fa",class:n("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&r("div",{key:"690013ca4a164b9ea9bbbd888a1fcd092c7c7918",class:n("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&r("div",{key:"6b39ae97660af79a5333dc18f18d657e0f02b4ca",class:n("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),r("div",{key:"5b8e1c2988ae0e3e62cf7b4fe0c646244897dddf",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"6445e184420060585292070d14fd4681fac32b11"}),"slide"===this.animation&&r("div",{key:"ed0151b966001aa410af33cc3203923d743fcd3a",class:"slider",part:"slider",ref:t=>this.slider=t,style:{"--mds-tab-slider-width":`${this.sliderWidth}px`,"--mds-tab-slider-offset":`${this.sliderOffset}px`}}))),r("div",{key:"b6d497243f7baa1595597c090374177fd87c9a01",class:"contents",part:"contents"},r("slot",{key:"51f8efe1bbdaef6410af697a810993daba159c50",name:"content",onSlotchange:this.updateContentItems})))}get element(){return d(this)}static get watchers(){return{animation:["handleAnimationChange"],scrollbar:["handleScrollbarChange"],fill:["handleFillChange"],overflow:["handleOverflowChange"]}}};b.style='@tailwind components; :host{--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-tabs-background:rgb(var(--tone-neutral-09));--mds-tab-tabs-gap:0.5rem;--mds-tab-tabs-padding:0.5rem;--mds-tab-tabs-radius:1rem;--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-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);--mds-tab-slide-delay:0.125s;display:grid}: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{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:0;--mds-tab-slider-width:0;background-color:var(--mds-tab-item-selected-background);border-radius:var(--mds-tab-item-radius);bottom:var(--mds-tab-tabs-padding);-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);left:0;pointer-events:none;position:absolute;top:var(--mds-tab-tabs-padding);-webkit-transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);transform:translateX(var(--mds-tab-slider-offset)) translateZ(0);-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:transform, width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}@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}';export{b as mds_tab}