@maggioli-design-system/mds-tab 8.5.1 → 8.6.0

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

@@ -48,6 +48,8 @@ const MdsTab = class {
         index.registerInstance(this, hostRef);
         this.changedEvent = index.createEvent(this, "mdsTabChange", 7);
         this.currentItem = -1;
+        this.tabItems = [];
+        this.contentItems = [];
         this.sliderWidth = -1;
         this.sliderOffset = -1;
         this.overflowLeft = false;
@@ -56,7 +58,7 @@ const MdsTab = class {
          * Sets the animation type of the selection transition between `mds-tab-item` elements
          */
         this.animation = 'slide';
-        this.queryContentItems = () => this.element.querySelectorAll('[slot=content]');
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -118,11 +120,8 @@ const MdsTab = class {
             this.cssSlideDelayDuration = elementStyles.getPropertyValue('--mds-tab-slide-delay');
         };
     }
-    disonnectedCallback() {
-        this.observer.unobserve(this.tabsContainer);
-    }
     componentWillLoad() {
-        this.tabItems = this.element.querySelectorAll('mds-tab-item');
+        this.tabItems = Array.from(this.element.querySelectorAll('mds-tab-item'));
         this.tabItems.forEach((item, key) => {
             if (!item.id) {
                 setAttributeIfEmpty(item, 'id', hashRandomValue('mds-tab-item'));
@@ -145,7 +144,7 @@ const MdsTab = class {
         if (this.animation === 'slide') {
             this.updateSliderPosition();
         }
-        if (this.currentItem !== 0) {
+        if (this.currentItem > 0) {
             this.scrollTabs(this.currentItem);
         }
     }
@@ -155,7 +154,6 @@ const MdsTab = class {
         this.tabItems.forEach((item, key) => {
             var _a;
             if (item.id === event.detail.target.id) {
-                item.selected = true;
                 this.changedEvent.emit({ id: key, value: item.value });
                 this.currentItem = key;
                 this.scrollTabs(key);
@@ -207,11 +205,11 @@ const MdsTab = class {
         this.initOverflowCheck();
     }
     render() {
-        return (index.h(index.Host, { key: '645d065a11b1a00257bc0d1675c97648ba621c9f' }, index.h("div", { key: '61c8a26ac6e34a446c06dd0c6370f09bfa28037b', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && index.h("div", { key: 'ffb1b21999bd3fe3d3841599126f5d84a57fe328', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && index.h("div", { key: '1549850a396928c8761edd817b3e006fb7da3be8', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), index.h("div", { key: 'd310ff020c7a6f9c22390eb30544951e392f3198', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: '3ac6b8641e3e5b97d4b2ffba8212dce9772d7782' }), this.animation === 'slide' &&
-            index.h("div", { key: 'd97e7bbfa3371182429685e7f7be09876fc03c2b', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (index.h(index.Host, { key: '3bb792a149db7fe732d5cbfa092cdb4d6ca0689e' }, index.h("div", { key: 'dce842375c7161a51e2d20d30a17e6e2fc2ae1c3', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && index.h("div", { key: '1700aee38c60b79de2a90aaae5146f51ce44a40c', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && index.h("div", { key: '5ab8a5bf078081c099c9dc158d4223296704675e', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), index.h("div", { key: 'df1793655269d8e2a4331bc6231c1b9a3244a0ec', class: "tabs", part: "tabs", role: "tablist" }, index.h("slot", { key: '8ac0ecdc7398abcad6218b1ebcac5007bedce45c' }), this.animation === 'slide' &&
+            index.h("div", { key: '6ff878abbbf80b13aa7ae3cf1ef65b3864f0bb80', 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: '3a3645a04abd3c4ba92597e2deff2f2972e99ffe', class: "contents", part: "contents" }, index.h("slot", { key: '30afe6514310b47f7cd6066a668f2e315eafd85f', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), index.h("div", { key: '8776c629a2363761813a084892dc4e509f3aba52', class: "contents", part: "contents" }, index.h("slot", { key: '24a9bb64e1c58ec01aaf24ef54b3cc25d2407b5d', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -12,6 +12,8 @@ import { cssDurationToMilliseconds } from "../../common/unit";
 export class MdsTab {
     constructor() {
         this.currentItem = -1;
+        this.tabItems = [];
+        this.contentItems = [];
         this.sliderWidth = -1;
         this.sliderOffset = -1;
         this.overflowLeft = false;
@@ -20,7 +22,7 @@ export class MdsTab {
          * Sets the animation type of the selection transition between `mds-tab-item` elements
          */
         this.animation = 'slide';
-        this.queryContentItems = () => this.element.querySelectorAll('[slot=content]');
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -82,11 +84,8 @@ export class MdsTab {
             this.cssSlideDelayDuration = elementStyles.getPropertyValue('--mds-tab-slide-delay');
         };
     }
-    disonnectedCallback() {
-        this.observer.unobserve(this.tabsContainer);
-    }
     componentWillLoad() {
-        this.tabItems = this.element.querySelectorAll('mds-tab-item');
+        this.tabItems = Array.from(this.element.querySelectorAll('mds-tab-item'));
         this.tabItems.forEach((item, key) => {
             if (!item.id) {
                 setAttributeIfEmpty(item, 'id', hashRandomValue('mds-tab-item'));
@@ -109,7 +108,7 @@ export class MdsTab {
         if (this.animation === 'slide') {
             this.updateSliderPosition();
         }
-        if (this.currentItem !== 0) {
+        if (this.currentItem > 0) {
             this.scrollTabs(this.currentItem);
         }
     }
@@ -119,7 +118,6 @@ export class MdsTab {
         this.tabItems.forEach((item, key) => {
             var _a;
             if (item.id === event.detail.target.id) {
-                item.selected = true;
                 this.changedEvent.emit({ id: key, value: item.value });
                 this.currentItem = key;
                 this.scrollTabs(key);
@@ -171,11 +169,11 @@ export class MdsTab {
         this.initOverflowCheck();
     }
     render() {
-        return (h(Host, { key: '645d065a11b1a00257bc0d1675c97648ba621c9f' }, h("div", { key: '61c8a26ac6e34a446c06dd0c6370f09bfa28037b', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: 'ffb1b21999bd3fe3d3841599126f5d84a57fe328', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '1549850a396928c8761edd817b3e006fb7da3be8', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: 'd310ff020c7a6f9c22390eb30544951e392f3198', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '3ac6b8641e3e5b97d4b2ffba8212dce9772d7782' }), this.animation === 'slide' &&
-            h("div", { key: 'd97e7bbfa3371182429685e7f7be09876fc03c2b', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (h(Host, { key: '3bb792a149db7fe732d5cbfa092cdb4d6ca0689e' }, h("div", { key: 'dce842375c7161a51e2d20d30a17e6e2fc2ae1c3', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '1700aee38c60b79de2a90aaae5146f51ce44a40c', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '5ab8a5bf078081c099c9dc158d4223296704675e', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: 'df1793655269d8e2a4331bc6231c1b9a3244a0ec', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '8ac0ecdc7398abcad6218b1ebcac5007bedce45c' }), this.animation === 'slide' &&
+            h("div", { key: '6ff878abbbf80b13aa7ae3cf1ef65b3864f0bb80', 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: '3a3645a04abd3c4ba92597e2deff2f2972e99ffe', class: "contents", part: "contents" }, h("slot", { key: '30afe6514310b47f7cd6066a668f2e315eafd85f', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), h("div", { key: '8776c629a2363761813a084892dc4e509f3aba52', class: "contents", part: "contents" }, h("slot", { key: '24a9bb64e1c58ec01aaf24ef54b3cc25d2407b5d', name: "content", onSlotchange: this.updateContentItems }))));
     }
     static get is() { return "mds-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/dictionary/button.js

@@ -1,14 +1,15 @@
 const buttonVariantDictionary = [
+    'ai',
+    'apple',
     'dark',
     'error',
+    'google',
     'info',
     'light',
     'primary',
     'secondary',
     'success',
     'warning',
-    'google',
-    'apple',
 ];
 const buttonToneVariantDictionary = [
     'strong',

package/dist/collection/dictionary/variant.js

@@ -1,4 +1,5 @@
 const themeVariantDictionary = [
+    'ai',
     'dark',
     'error',
     'info',
@@ -71,13 +72,24 @@ const toneVariantDictionary = [
     'quiet',
 ];
 const themeVariantChipDictionary = [
-    'primary',
-    'secondary',
+    'ai',
+    'amaranth',
+    'aqua',
+    'blue',
     'dark',
     'error',
+    'green',
     'info',
+    'lime',
+    'orange',
+    'orchid',
+    'primary',
+    'secondary',
+    'sky',
     'success',
+    'violet',
     'warning',
+    'yellow',
 ];
 const toneActionVariantDictionary = [
     'primary',

package/dist/components/mds-tab.js

@@ -46,6 +46,8 @@ const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLEleme
         this.__attachShadow();
         this.changedEvent = createEvent(this, "mdsTabChange", 7);
         this.currentItem = -1;
+        this.tabItems = [];
+        this.contentItems = [];
         this.sliderWidth = -1;
         this.sliderOffset = -1;
         this.overflowLeft = false;
@@ -54,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 = () => this.element.querySelectorAll('[slot=content]');
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -116,11 +118,8 @@ const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLEleme
             this.cssSlideDelayDuration = elementStyles.getPropertyValue('--mds-tab-slide-delay');
         };
     }
-    disonnectedCallback() {
-        this.observer.unobserve(this.tabsContainer);
-    }
     componentWillLoad() {
-        this.tabItems = this.element.querySelectorAll('mds-tab-item');
+        this.tabItems = Array.from(this.element.querySelectorAll('mds-tab-item'));
         this.tabItems.forEach((item, key) => {
             if (!item.id) {
                 setAttributeIfEmpty(item, 'id', hashRandomValue('mds-tab-item'));
@@ -143,7 +142,7 @@ const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLEleme
         if (this.animation === 'slide') {
             this.updateSliderPosition();
         }
-        if (this.currentItem !== 0) {
+        if (this.currentItem > 0) {
             this.scrollTabs(this.currentItem);
         }
     }
@@ -153,7 +152,6 @@ const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLEleme
         this.tabItems.forEach((item, key) => {
             var _a;
             if (item.id === event.detail.target.id) {
-                item.selected = true;
                 this.changedEvent.emit({ id: key, value: item.value });
                 this.currentItem = key;
                 this.scrollTabs(key);
@@ -205,11 +203,11 @@ const MdsTab$1 = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLEleme
         this.initOverflowCheck();
     }
     render() {
-        return (h(Host, { key: '645d065a11b1a00257bc0d1675c97648ba621c9f' }, h("div", { key: '61c8a26ac6e34a446c06dd0c6370f09bfa28037b', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: 'ffb1b21999bd3fe3d3841599126f5d84a57fe328', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '1549850a396928c8761edd817b3e006fb7da3be8', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: 'd310ff020c7a6f9c22390eb30544951e392f3198', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '3ac6b8641e3e5b97d4b2ffba8212dce9772d7782' }), this.animation === 'slide' &&
-            h("div", { key: 'd97e7bbfa3371182429685e7f7be09876fc03c2b', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (h(Host, { key: '3bb792a149db7fe732d5cbfa092cdb4d6ca0689e' }, h("div", { key: 'dce842375c7161a51e2d20d30a17e6e2fc2ae1c3', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '1700aee38c60b79de2a90aaae5146f51ce44a40c', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '5ab8a5bf078081c099c9dc158d4223296704675e', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: 'df1793655269d8e2a4331bc6231c1b9a3244a0ec', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '8ac0ecdc7398abcad6218b1ebcac5007bedce45c' }), this.animation === 'slide' &&
+            h("div", { key: '6ff878abbbf80b13aa7ae3cf1ef65b3864f0bb80', 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: '3a3645a04abd3c4ba92597e2deff2f2972e99ffe', class: "contents", part: "contents" }, h("slot", { key: '30afe6514310b47f7cd6066a668f2e315eafd85f', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), h("div", { key: '8776c629a2363761813a084892dc4e509f3aba52', class: "contents", part: "contents" }, h("slot", { key: '24a9bb64e1c58ec01aaf24ef54b3cc25d2407b5d', name: "content", onSlotchange: this.updateContentItems }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-04-07T11:10:22",
+  "timestamp": "2025-04-18T21:59:06",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

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

@@ -44,6 +44,8 @@ const MdsTab = class {
         registerInstance(this, hostRef);
         this.changedEvent = createEvent(this, "mdsTabChange", 7);
         this.currentItem = -1;
+        this.tabItems = [];
+        this.contentItems = [];
         this.sliderWidth = -1;
         this.sliderOffset = -1;
         this.overflowLeft = false;
@@ -52,7 +54,7 @@ const MdsTab = class {
          * Sets the animation type of the selection transition between `mds-tab-item` elements
          */
         this.animation = 'slide';
-        this.queryContentItems = () => this.element.querySelectorAll('[slot=content]');
+        this.queryContentItems = () => Array.from(this.element.querySelectorAll('[slot=content]'));
         this.updateContentItems = () => {
             this.contentItems = this.queryContentItems();
             this.contentItems.forEach((item, key) => {
@@ -114,11 +116,8 @@ const MdsTab = class {
             this.cssSlideDelayDuration = elementStyles.getPropertyValue('--mds-tab-slide-delay');
         };
     }
-    disonnectedCallback() {
-        this.observer.unobserve(this.tabsContainer);
-    }
     componentWillLoad() {
-        this.tabItems = this.element.querySelectorAll('mds-tab-item');
+        this.tabItems = Array.from(this.element.querySelectorAll('mds-tab-item'));
         this.tabItems.forEach((item, key) => {
             if (!item.id) {
                 setAttributeIfEmpty(item, 'id', hashRandomValue('mds-tab-item'));
@@ -141,7 +140,7 @@ const MdsTab = class {
         if (this.animation === 'slide') {
             this.updateSliderPosition();
         }
-        if (this.currentItem !== 0) {
+        if (this.currentItem > 0) {
             this.scrollTabs(this.currentItem);
         }
     }
@@ -151,7 +150,6 @@ const MdsTab = class {
         this.tabItems.forEach((item, key) => {
             var _a;
             if (item.id === event.detail.target.id) {
-                item.selected = true;
                 this.changedEvent.emit({ id: key, value: item.value });
                 this.currentItem = key;
                 this.scrollTabs(key);
@@ -203,11 +201,11 @@ const MdsTab = class {
         this.initOverflowCheck();
     }
     render() {
-        return (h(Host, { key: '645d065a11b1a00257bc0d1675c97648ba621c9f' }, h("div", { key: '61c8a26ac6e34a446c06dd0c6370f09bfa28037b', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: 'ffb1b21999bd3fe3d3841599126f5d84a57fe328', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '1549850a396928c8761edd817b3e006fb7da3be8', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: 'd310ff020c7a6f9c22390eb30544951e392f3198', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '3ac6b8641e3e5b97d4b2ffba8212dce9772d7782' }), this.animation === 'slide' &&
-            h("div", { key: 'd97e7bbfa3371182429685e7f7be09876fc03c2b', class: "slider", part: "slider", ref: el => this.slider = el, style: {
+        return (h(Host, { key: '3bb792a149db7fe732d5cbfa092cdb4d6ca0689e' }, h("div", { key: 'dce842375c7161a51e2d20d30a17e6e2fc2ae1c3', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && h("div", { key: '1700aee38c60b79de2a90aaae5146f51ce44a40c', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') }), this.overflow && h("div", { key: '5ab8a5bf078081c099c9dc158d4223296704675e', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') }), h("div", { key: 'df1793655269d8e2a4331bc6231c1b9a3244a0ec', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '8ac0ecdc7398abcad6218b1ebcac5007bedce45c' }), this.animation === 'slide' &&
+            h("div", { key: '6ff878abbbf80b13aa7ae3cf1ef65b3864f0bb80', 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: '3a3645a04abd3c4ba92597e2deff2f2972e99ffe', class: "contents", part: "contents" }, h("slot", { key: '30afe6514310b47f7cd6066a668f2e315eafd85f', name: "content", onSlotchange: this.updateContentItems }))));
+                } }))), h("div", { key: '8776c629a2363761813a084892dc4e509f3aba52', class: "contents", part: "contents" }, h("slot", { key: '24a9bb64e1c58ec01aaf24ef54b3cc25d2407b5d', 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.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return 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.disonnectedCallback=function(){this.observer.unobserve(this.tabsContainer)};t.prototype.componentWillLoad=function(){var t=this;this.tabItems=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){r.selected=true;a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0)}else{r.selected=false}}));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:"645d065a11b1a00257bc0d1675c97648ba621c9f"},h("div",{key:"61c8a26ac6e34a446c06dd0c6370f09bfa28037b",class:clsx("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&h("div",{key:"ffb1b21999bd3fe3d3841599126f5d84a57fe328",class:clsx("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&h("div",{key:"1549850a396928c8761edd817b3e006fb7da3be8",class:clsx("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),h("div",{key:"d310ff020c7a6f9c22390eb30544951e392f3198",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"3ac6b8641e3e5b97d4b2ffba8212dce9772d7782"}),this.animation==="slide"&&h("div",{key:"d97e7bbfa3371182429685e7f7be09876fc03c2b",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:"3a3645a04abd3c4ba92597e2deff2f2972e99ffe",class:"contents",part:"contents"},h("slot",{key:"30afe6514310b47f7cd6066a668f2e315eafd85f",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("[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);var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0)}else{r.selected=false}}));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:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},h("div",{key:"dce842375c7161a51e2d20d30a17e6e2fc2ae1c3",class:clsx("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&h("div",{key:"1700aee38c60b79de2a90aaae5146f51ce44a40c",class:clsx("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&h("div",{key:"5ab8a5bf078081c099c9dc158d4223296704675e",class:clsx("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),h("div",{key:"df1793655269d8e2a4331bc6231c1b9a3244a0ec",class:"tabs",part:"tabs",role:"tablist"},h("slot",{key:"8ac0ecdc7398abcad6218b1ebcac5007bedce45c"}),this.animation==="slide"&&h("div",{key:"6ff878abbbf80b13aa7ae3cf1ef65b3864f0bb80",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:"8776c629a2363761813a084892dc4e509f3aba52",class:"contents",part:"contents"},h("slot",{key:"24a9bb64e1c58ec01aaf24ef54b3cc25d2407b5d",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-894b54b8",[[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-7f5f1ac3",[[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-68890c26.system.entry.js → p-18bebd8d.system.entry.js}

@@ -1 +1 @@
-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.sliderWidth=-1;this.sliderOffset=-1;this.overflowLeft=false;this.overflowRight=false;this.animation="slide";this.queryContentItems=function(){return 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.disonnectedCallback=function(){this.observer.unobserve(this.tabsContainer)};t.prototype.componentWillLoad=function(){var t=this;this.tabItems=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){r.selected=true;a.changedEvent.emit({id:s,value:r.value});a.currentItem=s;a.scrollTabs(s);var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0)}else{r.selected=false}}));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:"645d065a11b1a00257bc0d1675c97648ba621c9f"},s("div",{key:"61c8a26ac6e34a446c06dd0c6370f09bfa28037b",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"ffb1b21999bd3fe3d3841599126f5d84a57fe328",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"1549850a396928c8761edd817b3e006fb7da3be8",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"d310ff020c7a6f9c22390eb30544951e392f3198",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"3ac6b8641e3e5b97d4b2ffba8212dce9772d7782"}),this.animation==="slide"&&s("div",{key:"d97e7bbfa3371182429685e7f7be09876fc03c2b",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:"3a3645a04abd3c4ba92597e2deff2f2972e99ffe",class:"contents",part:"contents"},s("slot",{key:"30afe6514310b47f7cd6066a668f2e315eafd85f",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}}}));
+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("[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);var d=(e=a.tabItems[a.currentItem].shadowRoot)===null||e===void 0?void 0:e.querySelector("mds-button");setTimeout((function(){d.focus()}),0)}else{r.selected=false}}));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:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},s("div",{key:"dce842375c7161a51e2d20d30a17e6e2fc2ae1c3",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"1700aee38c60b79de2a90aaae5146f51ce44a40c",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"5ab8a5bf078081c099c9dc158d4223296704675e",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"df1793655269d8e2a4331bc6231c1b9a3244a0ec",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"8ac0ecdc7398abcad6218b1ebcac5007bedce45c"}),this.animation==="slide"&&s("div",{key:"6ff878abbbf80b13aa7ae3cf1ef65b3864f0bb80",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:"8776c629a2363761813a084892dc4e509f3aba52",class:"contents",part:"contents"},s("slot",{key:"24a9bb64e1c58ec01aaf24ef54b3cc25d2407b5d",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-7f5f1ac3.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("[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){this.changedEvent.emit({id:r,value:a.value}),this.currentItem=r,this.scrollTabs(r);const t=null===(s=this.tabItems[this.currentItem].shadowRoot)||void 0===s?void 0:s.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}else a.selected=!1})),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:"3bb792a149db7fe732d5cbfa092cdb4d6ca0689e"},r("div",{key:"dce842375c7161a51e2d20d30a17e6e2fc2ae1c3",class:n("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&r("div",{key:"1700aee38c60b79de2a90aaae5146f51ce44a40c",class:n("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&r("div",{key:"5ab8a5bf078081c099c9dc158d4223296704675e",class:n("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),r("div",{key:"df1793655269d8e2a4331bc6231c1b9a3244a0ec",class:"tabs",part:"tabs",role:"tablist"},r("slot",{key:"8ac0ecdc7398abcad6218b1ebcac5007bedce45c"}),"slide"===this.animation&&r("div",{key:"6ff878abbbf80b13aa7ae3cf1ef65b3864f0bb80",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:"8776c629a2363761813a084892dc4e509f3aba52",class:"contents",part:"contents"},r("slot",{key:"24a9bb64e1c58ec01aaf24ef54b3cc25d2407b5d",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-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-68890c26.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(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-18bebd8d.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)]}}))}))}))}}}));