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

package/dist/components/mds-tab2.js

@@ -1,261 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as setAttributeIfEmpty, h as hashRandomValue } from './aria.js';
-import { c as clsx } from './clsx.js';
-import { c as cssDurationToMilliseconds } from './unit.js';
-
-const mdsTabCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-radius:var(--radius-lg,16px);--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-direction-vertical-columns{syntax:\"<length>+|auto+\";inherits:false;initial-value:auto auto}@property --mds-tab-item-default-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-tab-item-hover-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-tab-scroll-scrollbar-margin{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-tab-scroll-scrollbar-radius{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-tab-slide-delay{syntax:\"<time>\";inherits:false;initial-value:.125s}@property --mds-tab-tabs-wrapper-margin{syntax:\"<length>\";inherits:false;initial-value:0}@property --mds-tab-tabs-wrapper-outline-opacity{syntax:\"<number>\";inherits:false;initial-value:.7}@property --mds-tab-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.5s}:host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200)));--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244)30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158)30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600))-2px #00000060;--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76))))inset;--mds-tab-transition-duration:.5s;--mds-tab-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tab-corner-shape:var(--magma-corner-shape,round);border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));corner-shape:var(--mds-tab-corner-shape,round);display:grid;gap:0 calc(var(--spacing,.0025rem)*600);grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}@container style(--mds-tab-corner-shape:round){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200))*2))}}@container style(--mds-tab-corner-shape:squircle){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200))*2))}}: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{align-items:flex-start;background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));box-sizing:border-box;display:flex;gap:var(--mds-tab-tabs-gap,calc(var(--spacing,.0025rem)*200));overflow:auto;padding:var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200));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,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);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,.tabs-wrapper{border-radius:inherit;corner-shape:inherit;position:relative}.tabs-wrapper{display:grid;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin,0);max-width:max-content;overflow:hidden}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper:after{border-radius:inherit;corner-shape:inherit;border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));-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,.7);pointer-events:none;position:absolute;transition-property:box-shadow,opacity;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}.contents,.tabs-wrapper:after{-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*600);height:var(--mds-tab-contents-height);overflow:auto 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;scrollbar-width:none;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents::-webkit-scrollbar{display:none}.contents:empty{display:none}::slotted([slot=content]){flex-basis:0;flex-grow:1;min-width:100%;scroll-snap-align:start;width:100%}::slotted([slot=content][mds-tab-content-hidden]){display:none!important}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background,transparent);border-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);corner-shape:var(--mds-tab-corner-shape);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color,box-shadow,transform,width;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height,transform,width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=vertical]){grid-template-columns:var(--mds-tab-direction-vertical-columns,auto auto);grid-template-rows:1fr}:host([direction=vertical]) .tabs{align-self:start;flex-direction:column}:host([direction=vertical]) .tabs-wrapper{align-self:start;max-width:none}:host([direction=vertical][fill]) .tabs,:host([direction=vertical][fill]) .tabs-wrapper{align-self:auto}:host([direction=vertical])::slotted(mds-tab-item){width:100%}: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,calc(var(--spacing,.0025rem)*200));width:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0);margin-block:var(--mds-tab-scroll-scrollbar-margin,0);margin-inline:var(--mds-tab-scroll-scrollbar-margin,0)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244)30%))var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158)30%));scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200))*2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600)));background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:\"\";display:inline-flex;height:auto;pointer-events:none;position:absolute;transition-duration:.5s;transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width: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{transform:translate(-100%)}.tabs-wrapper-overflow-right--show{transform:translate(100%)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50)var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76))))inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}:host-context(:root.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50)var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76))))inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}";
-
-const MdsTab = /*@__PURE__*/ proxyCustomElement(class MdsTab extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.changedEvent = createEvent(this, "mdsTabChange", 7);
-        this.currentItemIndex = -1;
-        this.tabItems = [];
-        this.contentItems = [];
-        this.sliderWidth = -1;
-        this.sliderHeight = -1;
-        this.sliderOffsetX = -1;
-        this.sliderOffsetY = -1;
-        this.overflowLeft = false;
-        this.overflowRight = false;
-        /**
-         * Sets if the component distributes item vertically or horzontally
-         */
-        this.direction = 'horizontal';
-        /**
-         * Sets the animation type of the selection transition between `mds-tab-item` elements
-         */
-        this.animation = 'slide';
-        this.queryContentItems = () => Array.from(this.element.querySelectorAll(':scope > [slot=content]'));
-        this.updateContentItems = () => {
-            this.contentItems = this.queryContentItems();
-            this.contentItems.forEach((item, key) => {
-                setAttributeIfEmpty(item, 'role', 'tabpanel');
-                setAttributeIfEmpty(item, 'aria-labelledby', this.tabItems[key].id);
-            });
-            this.selectContentItem();
-        };
-        this.setTabsItems = () => {
-            this.tabItems = Array.from(this.element.querySelectorAll('mds-tab-item'));
-            this.currentItemIndex = -1;
-            this.tabItems.forEach((item) => {
-                item.size = this.size;
-            });
-            this.tabItems.forEach((item, key) => {
-                if (!item.id) {
-                    setAttributeIfEmpty(item, 'id', hashRandomValue('mds-tab-item'));
-                }
-                if (item.selected) {
-                    this.currentItemIndex = key;
-                    this.currentItemEl = this.tabItems[this.currentItemIndex];
-                }
-            });
-        };
-        this.updateTabItems = () => {
-            this.setTabsItems();
-            if (this.overflow)
-                this.updateOverflowState();
-            this.updateSliderPosition();
-            this.scrollTabs(this.currentItemIndex);
-        };
-        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(() => {
-                if (this.overflow)
-                    this.updateOverflowState();
-                this.updateSliderPosition();
-            });
-            this.observer.observe(this.tabsContainer);
-            this.updateOverflowState();
-        };
-        this.updateOverflowState = () => {
-            if (!this.tabs || !this.tabsContainer)
-                return;
-            const containerWidth = this.tabsContainer.offsetWidth;
-            const tabsWidth = this.tabs.scrollWidth;
-            const { scrollLeft } = this.tabs;
-            this.overflowLeft = scrollLeft > 0;
-            this.overflowRight = Math.ceil(scrollLeft + containerWidth) < tabsWidth - 1;
-        };
-        this.updateSliderPosition = () => {
-            if (this.animation === 'slide' && this.currentItemIndex >= 0) {
-                self.requestAnimationFrame(() => {
-                    this.sliderWidth = this.currentItemEl.offsetWidth;
-                    this.sliderHeight = this.currentItemEl.offsetHeight;
-                    this.sliderOffsetX = this.currentItemEl.offsetLeft - this.tabsContainer.offsetLeft;
-                    this.sliderOffsetY =
-                        this.currentItemEl.offsetTop -
-                            this.tabsContainer.offsetTop +
-                            this.currentItemEl.offsetHeight -
-                            this.sliderHeight;
-                });
-            }
-            else {
-                this.sliderHeight = -1;
-                this.sliderOffsetX = -1;
-                this.sliderOffsetY = -1;
-                this.sliderWidth = -1;
-            }
-        };
-        this.scrollTabs = (key) => {
-            const tabItem = this.tabItems[key];
-            setTimeout(() => {
-                this.tabs.scrollLeft =
-                    tabItem.offsetLeft -
-                        this.tabs.offsetLeft -
-                        this.tabs.offsetWidth / 2 +
-                        tabItem.offsetWidth / 2;
-                this.updateOverflowState();
-            }, cssDurationToMilliseconds(this.cssSlideDelayDuration));
-        };
-        this.selectContentItem = () => {
-            this.contentItems.forEach((item, index) => {
-                item.setAttribute('mds-tab-content-hidden', '');
-                if (index === this.currentItemIndex) {
-                    item.removeAttribute('mds-tab-content-hidden');
-                }
-            });
-        };
-        this.updateCSSCustomProps = () => {
-            if (typeof window === 'undefined')
-                return;
-            const elementStyles = window.getComputedStyle(this.element);
-            this.cssSlideDelayDuration = elementStyles.getPropertyValue('--mds-tab-slide-delay');
-        };
-    }
-    componentWillLoad() {
-        this.setTabsItems();
-    }
-    disconnectedCallback() {
-        this.unsetOverflowCheck();
-    }
-    componentDidLoad() {
-        var _a, _b, _c, _d;
-        this.updateCSSCustomProps();
-        this.tabs = (_a = this.element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tabs');
-        this.tabsContainer = (_b = this.element.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tabs-wrapper');
-        // attach onSlotChange event here to prevent fire event before componentDidLoad
-        (_d = (_c = this.element.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('slot')) === null || _d === void 0 ? void 0 : _d.addEventListener('slotchange', this.updateTabItems.bind(this));
-        this.updateContentItems();
-        this.initOverflowCheck();
-        this.updateSliderPosition();
-        if (this.currentItemIndex > 0) {
-            this.scrollTabs(this.currentItemIndex);
-        }
-    }
-    changeEventHandler(event) {
-        // since the external developer can define a custom id
-        // we must find the key from event.detail
-        this.tabItems.forEach((item, key) => {
-            var _a;
-            if (item.id === event.detail.target.id) {
-                this.changedEvent.emit({ id: key, value: item.value });
-                this.currentItemIndex = key;
-                this.currentItemEl = this.tabItems[this.currentItemIndex];
-                this.scrollTabs(key);
-                item.selected = true;
-                // for some reason, mds-tab-item looses focus when we click Enter with the keyboard,
-                // which forces user to find again where the tab is with keyboard
-                const mdsTabEl = (_a = this.tabItems[this.currentItemIndex].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('mds-button');
-                setTimeout(() => {
-                    mdsTabEl.focus();
-                }, 0);
-                return;
-            }
-            item.selected = undefined;
-        });
-        this.selectContentItem();
-        this.updateSliderPosition();
-    }
-    focusEventHandler(event) {
-        this.tabItems.forEach((item, key) => {
-            if (item.id === event.detail.target.id) {
-                this.scrollTabs(key);
-            }
-        });
-    }
-    handleAnimationChange() {
-        this.updateSliderPosition();
-    }
-    handleScrollbarChange(newValue) {
-        if (newValue === false) {
-            this.scrollbar = undefined;
-        }
-    }
-    handleFillChange(newValue) {
-        if (newValue === false) {
-            this.fill = undefined;
-        }
-    }
-    handleOverflowChange(newValue) {
-        if (!newValue) {
-            this.unsetOverflowCheck();
-            return;
-        }
-        this.initOverflowCheck();
-    }
-    handleSizeChange(newValue) {
-        this.tabItems.forEach((element) => {
-            element.size = newValue;
-        });
-    }
-    render() {
-        return (h(Host, { key: 'cce3940ff16568da1dfe05f92703e4728bccb046' }, h("div", { key: '36e2dac7142dc4656ffc7e8c0428a3cebf922eeb', class: clsx('tabs-wrapper', this.fill && 'tabs-wrapper--fill') }, this.overflow && (h("div", { key: '12f6f6cbbdd3de8aacddb74cd9dd853e4d6b8b3d', class: clsx('tabs-wrapper-overflow-left', this.overflowLeft && 'tabs-wrapper-overflow-left--show') })), this.overflow && (h("div", { key: '5fbac5f5d688d73c5691a5620876a3d3393ff3ce', class: clsx('tabs-wrapper-overflow-right', this.overflowRight && 'tabs-wrapper-overflow-right--show') })), h("div", { key: 'b20ce9bd0f6706d5f8ba7c89cdc1fe7656c59c81', class: "tabs", part: "tabs", role: "tablist" }, h("slot", { key: '6e1266f9ba7bb07121ea46e4b6703b11b6dc1dab' }), this.animation === 'slide' && (h("div", { key: 'b314111ac0a86da0fbe6105d2b152007df9102c8', class: "slider", part: "slider", style: {
-                '--mds-tab-slider-width': `${this.sliderWidth}px`,
-                '--mds-tab-slider-height': `${this.sliderHeight}px`,
-                '--mds-tab-slider-offset-x': `${this.sliderOffsetX}px`,
-                '--mds-tab-slider-offset-y': `${this.sliderOffsetY}px`,
-            } })))), h("div", { key: 'e3cc9d9abc57bd7ddcf6ee17043100d816100531', class: "contents", part: "contents" }, h("slot", { key: '4ecc3ff8d6687f293092d5420d0d4858da344d43', name: "content", onSlotchange: this.updateContentItems }))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "animation": ["handleAnimationChange"],
-        "scrollbar": ["handleScrollbarChange"],
-        "fill": ["handleFillChange"],
-        "overflow": ["handleOverflowChange"],
-        "size": ["handleSizeChange"]
-    }; }
-    static get style() { return mdsTabCss; }
-}, [257, "mds-tab", {
-        "direction": [1537],
-        "scrollbar": [1540],
-        "animation": [513],
-        "fill": [1540],
-        "overflow": [1540],
-        "size": [1537],
-        "sliderWidth": [32],
-        "sliderHeight": [32],
-        "sliderOffsetX": [32],
-        "sliderOffsetY": [32],
-        "overflowLeft": [32],
-        "overflowRight": [32]
-    }, [[0, "mdsTabItemSelect", "changeEventHandler"], [0, "mdsTabItemFocus", "focusEventHandler"]], {
-        "animation": ["handleAnimationChange"],
-        "scrollbar": ["handleScrollbarChange"],
-        "fill": ["handleFillChange"],
-        "overflow": ["handleOverflowChange"],
-        "size": ["handleSizeChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-tab"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-tab":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTab);
-            }
-            break;
-    } });
-}
-
-export { MdsTab as M, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as s,Host as r,transformTag as i}from"@stencil/core/internal/client";import{s as o,h as n}from"./aria.js";import{c as l}from"./clsx.js";import{c as d}from"./unit.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.changedEvent=a(this,"mdsTabChange",7),this.currentItemIndex=-1,this.tabItems=[],this.contentItems=[],this.sliderWidth=-1,this.sliderHeight=-1,this.sliderOffsetX=-1,this.sliderOffsetY=-1,this.overflowLeft=!1,this.overflowRight=!1,this.direction="horizontal",this.animation="slide",this.queryContentItems=()=>Array.from(this.element.querySelectorAll(":scope > [slot=content]")),this.updateContentItems=()=>{this.contentItems=this.queryContentItems(),this.contentItems.forEach(((t,e)=>{o(t,"role","tabpanel"),o(t,"aria-labelledby",this.tabItems[e].id)})),this.selectContentItem()},this.setTabsItems=()=>{this.tabItems=Array.from(this.element.querySelectorAll("mds-tab-item")),this.currentItemIndex=-1,this.tabItems.forEach((t=>{t.size=this.size})),this.tabItems.forEach(((t,e)=>{""===t.id&&o(t,"id",n("mds-tab-item")),t.selected&&(this.currentItemIndex=e,this.currentItemEl=this.tabItems[this.currentItemIndex])}))},this.updateTabItems=()=>{this.setTabsItems(),this.overflow&&this.updateOverflowState(),this.updateSliderPosition(),this.scrollTabs(this.currentItemIndex)},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(null==this.tabs||null==this.tabsContainer)return;const t=this.tabsContainer.offsetWidth,e=this.tabs.scrollWidth,{scrollLeft:a}=this.tabs;this.overflowLeft=a>0,this.overflowRight=Math.ceil(a+t)<e-1},this.updateSliderPosition=()=>{"slide"===this.animation&&this.currentItemIndex>=0?self.requestAnimationFrame((()=>{this.sliderWidth=this.currentItemEl.offsetWidth,this.sliderHeight=this.currentItemEl.offsetHeight,this.sliderOffsetX=this.currentItemEl.offsetLeft-this.tabsContainer.offsetLeft,this.sliderOffsetY=this.currentItemEl.offsetTop-this.tabsContainer.offsetTop+this.currentItemEl.offsetHeight-this.sliderHeight})):(this.sliderHeight=-1,this.sliderOffsetX=-1,this.sliderOffsetY=-1,this.sliderWidth=-1)},this.scrollTabs=t=>{const e=this.tabItems[t];setTimeout((()=>{this.tabs.scrollLeft=e.offsetLeft-this.tabs.offsetLeft-this.tabs.offsetWidth/2+e.offsetWidth/2,this.updateOverflowState()}),d(this.cssSlideDelayDuration))},this.selectContentItem=()=>{this.contentItems.forEach(((t,e)=>{t.setAttribute("mds-tab-content-hidden",""),e===this.currentItemIndex&&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.setTabsItems()}disconnectedCallback(){this.unsetOverflowCheck()}componentDidLoad(){var t,e,a,s;this.updateCSSCustomProps(),this.tabs=null===(t=this.element.shadowRoot)||void 0===t?void 0:t.querySelector(".tabs"),this.tabsContainer=null===(e=this.element.shadowRoot)||void 0===e?void 0:e.querySelector(".tabs-wrapper"),null===(s=null===(a=this.element.shadowRoot)||void 0===a?void 0:a.querySelector("slot"))||void 0===s||s.addEventListener("slotchange",this.updateTabItems.bind(this)),this.updateContentItems(),this.initOverflowCheck(),this.updateSliderPosition(),this.currentItemIndex>0&&this.scrollTabs(this.currentItemIndex)}changeEventHandler(t){this.tabItems.forEach(((e,a)=>{var s;if(e.id!==t.detail.target.id)e.selected=void 0;else{this.changedEvent.emit({id:a,value:e.value}),this.currentItemIndex=a,this.currentItemEl=this.tabItems[this.currentItemIndex],this.scrollTabs(a),e.selected=!0;const t=null===(s=this.tabItems[this.currentItemIndex].shadowRoot)||void 0===s?void 0:s.querySelector("mds-button");setTimeout((()=>{t.focus()}),0)}})),this.selectContentItem(),this.updateSliderPosition()}focusEventHandler(t){this.tabItems.forEach(((e,a)=>{e.id===t.detail.target.id&&this.scrollTabs(a)}))}handleAnimationChange(){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()}handleSizeChange(t){this.tabItems.forEach((e=>{e.size=t}))}render(){return s(r,{key:"80d8b12242b72f94479bdf196c8bc7135a305a8c"},s("div",{key:"307d15fe46c0a82d4a3f9806aecc0592e04f9cfb",class:l("tabs-wrapper",this.fill&&"tabs-wrapper--fill")},this.overflow&&s("div",{key:"b593c0214f0e9c11a0d8831093e08c4a96b4e6e9",class:l("tabs-wrapper-overflow-left",this.overflowLeft&&"tabs-wrapper-overflow-left--show")}),this.overflow&&s("div",{key:"384ef0a5d39785aee8dc42e093fe4c50b8270dc7",class:l("tabs-wrapper-overflow-right",this.overflowRight&&"tabs-wrapper-overflow-right--show")}),s("div",{key:"90f41f2d5ac1fc3e286ac262ae1502c5f9ebb33e",class:"tabs",part:"tabs",role:"tablist"},s("slot",{key:"4b9183053872aa01d857a3fe3a1009d50125d0b1"}),"slide"===this.animation&&s("div",{key:"fdc734f877ef9a41da18e694a7bf68bdb2bf0db5",class:"slider",part:"slider",style:{"--mds-tab-slider-width":`${this.sliderWidth}px`,"--mds-tab-slider-height":`${this.sliderHeight}px`,"--mds-tab-slider-offset-x":`${this.sliderOffsetX}px`,"--mds-tab-slider-offset-y":`${this.sliderOffsetY}px`}}))),s("div",{key:"c64737e1a93159defa4b48b56b166f508d40cf84",class:"contents",part:"contents"},s("slot",{key:"2c795ecacb613662ddd79108d8c0028bc1135fd0",name:"content",onSlotchange:this.updateContentItems})))}get element(){return this}static get watchers(){return{animation:[{handleAnimationChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-radius:var(--radius-lg,16px);--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-transition-duration:.5s}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-tab-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-tab-direction-vertical-columns{syntax:"<length>+|auto+";inherits:false;initial-value:auto auto}@property --mds-tab-item-default-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-item-hover-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-tab-scroll-scrollbar-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-scroll-scrollbar-radius{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-slide-delay{syntax:"<time>";inherits:false;initial-value:.125s}@property --mds-tab-tabs-wrapper-margin{syntax:"<length>";inherits:false;initial-value:0}@property --mds-tab-tabs-wrapper-outline-opacity{syntax:"<number>";inherits:false;initial-value:.7}@property --mds-tab-transition-duration{syntax:"<time>";inherits:false;initial-value:.5s}:host{--mds-tab-direction-vertical-columns:auto auto;--mds-tab-item-default-background:transparent;--mds-tab-item-default-color:rgb(var(--tone-neutral-03,233 233 233));--mds-tab-item-default-shadow:transparent;--mds-tab-item-hover-background:transparent;--mds-tab-item-hover-color:rgb(var(--tone-neutral-02,244 244 244));--mds-tab-item-hover-shadow:transparent;--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)));--mds-tab-item-selected-background:rgb(var(--tone-neutral,0 0 0));--mds-tab-item-selected-color:rgb(var(--tone-neutral-01,255 255 255));--mds-tab-item-selected-shadow:var(--shadow-sm,0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a);--mds-tab-scroll-behavior:smooth;--mds-tab-scroll-scrollbar-margin:0;--mds-tab-scroll-scrollbar-radius:0;--mds-tab-scroll-scrollbar-size:calc(var(--spacing,.0025rem)*200);--mds-tab-scroll-scrollbar-thumb-background:rgb(var(--tone-neutral-02,244 244 244) 30%);--mds-tab-scroll-scrollbar-track-background:rgb(var(--tone-neutral-06,158 158 158) 30%);--mds-tab-slide-delay:.125s;--mds-tab-tabs-background:rgb(var(--tone-neutral-09,76 76 76));--mds-tab-tabs-gap:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-overflow-shadow-size:calc(var(--spacing,.0025rem)*600);--mds-tab-tabs-overflow-shadow:0 0 var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem)*600)) -2px #00000060;--mds-tab-tabs-padding:calc(var(--spacing,.0025rem)*200);--mds-tab-tabs-radius:var(--radius-2xl,24px);--mds-tab-tabs-wrapper-margin:0;--mds-tab-tabs-wrapper-outline-opacity:.7;--mds-tab-tabs-wrapper-shadow-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));--mds-tab-tabs-wrapper-shadow:0 0 0 2px var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-transition-duration:.5s;--mds-tab-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));--mds-tab-corner-shape:var(--magma-corner-shape,round);border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));corner-shape:var(--mds-tab-corner-shape,round);display:grid;gap:0 calc(var(--spacing,.0025rem)*600);grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative}@container style(--mds-tab-corner-shape:round){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}@container style(--mds-tab-corner-shape:squircle){:host{--mds-tab-item-radius:calc(var(--mds-tab-tabs-radius,var(--radius-2xl,24px)) - calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2))}}: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{align-items:flex-start;background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));box-sizing:border-box;display:flex;gap:var(--mds-tab-tabs-gap,calc(var(--spacing,.0025rem)*200));overflow:auto;padding:var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem)*200));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,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);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,.tabs-wrapper{border-radius:inherit;corner-shape:inherit;position:relative}.tabs-wrapper{display:grid;flex-shrink:0;margin:var(--mds-tab-tabs-wrapper-margin,0);max-width:max-content;overflow:hidden}.tabs-wrapper--fill{max-width:100%}.tabs-wrapper:after{border-radius:inherit;corner-shape:inherit;border-radius:var(--mds-tab-tabs-radius,var(--radius-2xl,24px));-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,.7);pointer-events:none;position:absolute;transition-property:box-shadow,opacity;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);z-index:1}.contents,.tabs-wrapper:after{-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s)}.contents{--mds-tab-contents-height:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:stretch;box-sizing:border-box;display:flex;flex-grow:1;gap:calc(var(--spacing,.0025rem)*600);height:var(--mds-tab-contents-height);overflow:auto 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;scrollbar-width:none;transition-property:height;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function)}.contents::-webkit-scrollbar{display:none}.contents:empty{display:none}::slotted([slot=content]){flex-basis:0;flex-grow:1;min-width:100%;scroll-snap-align:start;width:100%}::slotted([slot=content][mds-tab-content-hidden]){display:none!important}.slider{--mds-tab-slider-offset-x:0;--mds-tab-slider-offset-y:0;--mds-tab-slider-width:0;--mds-tab-slider-height:0;background-color:var(--mds-tab-item-selected-background,transparent);border-radius:var(--mds-tab-item-radius,var(--radius-lg,16px));-webkit-box-shadow:var(--mds-tab-item-selected-shadow);box-shadow:var(--mds-tab-item-selected-shadow);corner-shape:var(--mds-tab-corner-shape);height:var(--mds-tab-slider-height);inset:0 auto auto 0;pointer-events:none;position:absolute;-webkit-transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));transform:translate(var(--mds-tab-slider-offset-x),var(--mds-tab-slider-offset-y));-webkit-transition-duration:var(--mds-tab-transition-duration,.5s);transition-duration:var(--mds-tab-transition-duration,.5s);transition-property:background-color,box-shadow,transform,width;-webkit-transition-timing-function:var(--mds-tab-transition-timing-function);transition-timing-function:var(--mds-tab-transition-timing-function);width:var(--mds-tab-slider-width);will-change:height,transform,width;z-index:-1}::slotted(mds-tab-item){position:relative;z-index:1}:host([direction=vertical]){grid-template-columns:var(--mds-tab-direction-vertical-columns,auto auto);grid-template-rows:1fr}:host([direction=vertical]) .tabs{align-self:start;flex-direction:column}:host([direction=vertical]) .tabs-wrapper{align-self:start;max-width:none}:host([direction=vertical][fill]) .tabs,:host([direction=vertical][fill]) .tabs-wrapper{align-self:auto}:host([direction=vertical])::slotted(mds-tab-item){width:100%}: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,calc(var(--spacing,.0025rem)*200));width:var(--mds-tab-scroll-scrollbar-size,calc(var(--spacing,.0025rem)*200))}:host([scrollbar]) .tabs::-webkit-scrollbar-track{background-color:var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0);margin-block:var(--mds-tab-scroll-scrollbar-margin,0);margin-inline:var(--mds-tab-scroll-scrollbar-margin,0)}:host([scrollbar]) .tabs::-webkit-scrollbar-thumb{background-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%));border-radius:var(--mds-tab-scroll-scrollbar-radius,0)}@supports (scrollbar-color:transparent transparent){.tabs{scrollbar-color:var(--mds-tab-scroll-scrollbar-thumb-background,rgb(var(--tone-neutral-02,244 244 244) 30%)) var(--mds-tab-scroll-scrollbar-track-background,rgb(var(--tone-neutral-06,158 158 158) 30%));scrollbar-width:thin}}.tabs-wrapper-overflow-left,.tabs-wrapper-overflow-right{--size:calc(var(--mds-tab-tabs-padding,calc(var(--spacing,.0025rem) * 200)) * 2);--offset-outside:calc(var(--size) + var(--mds-tab-tabs-overflow-shadow-size,calc(var(--spacing,.0025rem) * 600)));background-color:var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)));border-radius:100%;-webkit-box-shadow:var(--mds-tab-tabs-overflow-shadow);box-shadow:var(--mds-tab-tabs-overflow-shadow);content:"";display:inline-flex;height:auto;pointer-events:none;position:absolute;transition-duration:.5s;transition-property:transform;-webkit-transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));transition-timing-function:var(--ease-out-expo,cubic-bezier(.19,1,.22,1));width: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{transform:translate(-100%)}.tabs-wrapper-overflow-right--show{transform:translate(100%)}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}:host-context(:root.pref-contrast-more){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}:host-context(:root.pref-animation-reduce){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-tab-tabs-background:rgb(var(--tone-neutral-10,60 60 60));--mds-tab-item-selected-background:rgb(var(--tone-neutral-08,107 107 107))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-item-selected-shadow:var(--shadow-outline-50);--mds-tab-tabs-wrapper-shadow:0 0 0 calc(var(--spacing,.0025rem)*50) var(--mds-tab-tabs-wrapper-shadow-color,var(--mds-tab-tabs-background,rgb(var(--tone-neutral-09,76 76 76)))) inset;--mds-tab-tabs-wrapper-shadow-color:rgb(var(--tone-neutral-07,134 134 134));--mds-tab-tabs-wrapper-outline-opacity:30%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-scroll-behavior:auto;--mds-tab-transition-duration:0s}}'}},[257,"mds-tab",{direction:[1537],scrollbar:[1540],animation:[513],fill:[1540],overflow:[1540],size:[1537],sliderWidth:[32],sliderHeight:[32],sliderOffsetX:[32],sliderOffsetY:[32],overflowLeft:[32],overflowRight:[32]},[[0,"mdsTabItemSelect","changeEventHandler"],[0,"mdsTabItemFocus","focusEventHandler"]],{animation:[{handleAnimationChange:0}],scrollbar:[{handleScrollbarChange:0}],fill:[{handleFillChange:0}],overflow:[{handleOverflowChange:0}],size:[{handleSizeChange:0}]}]);function m(){"undefined"!=typeof customElements&&["mds-tab"].forEach((t=>{"mds-tab"===t&&(customElements.get(i(t))||customElements.define(i(t),b))}))}export{b as M,m as d}

package/dist/components/mds-table-body.js

@@ -1,38 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsTableBodyCss = "@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-row:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color:var(--mds-table-body-color,var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244))));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-body-background,var(--mds-table-background,rgb(var(--tone-neutral,0 0 0))));display:table-row-group;overflow:hidden;transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host(:last-of-type) ::slotted(:last-of-type){--private-cell-border-color:transparent}:host-context(:not(.safari)):host([interactive]:hover){--mds-table-row-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-row-color:var(--mds-table-body-color-alt,var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197))))}:host([selection]){--mds-table-body-background:var(--mds-table-body-background-alt,var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))))}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
-
-const MdsTableBody$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableBody extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: 'a764ed8fcb40bd58e0e343e10ecd7be004f7cd68', role: "rowgroup" }, h("slot", { key: '4976aeaf766ad113e8ee8f1f535f4e1fdf41764c' })));
-    }
-    static get style() { return mdsTableBodyCss; }
-}, [257, "mds-table-body", {
-        "interactive": [516],
-        "selection": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-table-body"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-table-body":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTableBody$1);
-            }
-            break;
-    } });
-}
-
-const MdsTableBody = MdsTableBody$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsTableBody, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as r,h as a,Host as o,transformTag as e}from"@stencil/core/internal/client";const n=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a(o,{key:"a6a5b376b43a0be644ee648205b7e6abab0da626",role:"rowgroup"},a("slot",{key:"da15c2964399841bf18c82350d1fb258d5dfcd38"}))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-row:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-table-body-background-hover:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));--mds-table-body-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-body-background-alt:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-body-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197)));--mds-table-body-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color:var(--mds-table-body-color,var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244))));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-body-background,var(--mds-table-background,rgb(var(--tone-neutral,0 0 0))));display:table-row-group;overflow:hidden;transition-duration:.2s;transition-property:background-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host(:last-of-type) ::slotted(:last-of-type){--private-cell-border-color:transparent}:host-context(:not(.safari)):host([interactive]:hover){--mds-table-row-background:var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60))));--mds-table-row-color:var(--mds-table-body-color-alt,var(--mds-table-color-alt,rgb(var(--tone-neutral-05,197 197 197))))}:host([selection]){--mds-table-body-background:var(--mds-table-body-background-alt,var(--mds-table-body-background-hover,var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))))}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-body",{interactive:[516],selection:[516]}]),d=n,b=function(){"undefined"!=typeof customElements&&["mds-table-body"].forEach((t=>{"mds-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))};export{d as MdsTableBody,b as defineCustomElement}

package/dist/components/mds-table-cell.js

@@ -1,6 +1 @@
-import { M as MdsTableCell$1, d as defineCustomElement$1 } from './mds-table-cell2.js';
-
-const MdsTableCell = MdsTableCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsTableCell, defineCustomElement };
+import{M as s,d as o}from"./mds-table-cell2.js";const t=s,a=o;export{t as MdsTableCell,a as defineCustomElement}

package/dist/components/mds-table-cell2.js

@@ -1,39 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as setAttributeIfEmpty } from './aria.js';
-
-const mdsTableCellCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-cell-background,var(--mds-table-row-background));border-bottom:var(--private-cell-border-width)solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width)solid transparent!important;color:var(--mds-table-cell-color,var(--mds-table-row-color));display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transition-duration:.2s;transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt,var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0))));--mds-table-cell-color:var(--mds-table-cell-color-alt,var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244))))}:host([sorted]){--mds-table-cell-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
-
-const MdsTableCell = /*@__PURE__*/ proxyCustomElement(class MdsTableCell extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    componentWillLoad() {
-        setAttributeIfEmpty(this.host, 'role', 'cell');
-    }
-    render() {
-        return (h(Host, { key: 'f129e0a47627697a61583d2aab152312162d7fd0' }, h("slot", { key: 'c944390e056de47f4376f829f3b9bfe885a5c3b2' })));
-    }
-    get host() { return this; }
-    static get style() { return mdsTableCellCss; }
-}, [257, "mds-table-cell", {
-        "value": [520]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-table-cell"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-table-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTableCell);
-            }
-            break;
-    } });
-}
-
-export { MdsTableCell as M, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as a}from"@stencil/core/internal/client";import{s as l}from"./aria.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}componentWillLoad(){l(this.host,"role","cell")}render(){return r(o,{key:"23bf4e14f265a14bdd0ee6fc81ebb76b0b3077c1"},r("slot",{key:"8d17336ccffc0ca1735fa1af852d93dd64e86973"}))}get host(){return this}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host{--mds-table-cell-background:var(--mds-table-row-background);--mds-table-cell-background-alt:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color-alt:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-cell-color:var(--mds-table-row-color);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-cell-background,var(--mds-table-row-background));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid transparent!important;color:var(--mds-table-cell-color,var(--mds-table-row-color));display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transition-duration:.2s;transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host([selected]){--mds-table-cell-background:var(--mds-table-cell-background-alt,var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0))));--mds-table-cell-color:var(--mds-table-cell-color-alt,var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244))))}:host([sorted]){--mds-table-cell-background:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-cell-color:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-cell",{value:[520]}]);function n(){"undefined"!=typeof customElements&&["mds-table-cell"].forEach((e=>{"mds-table-cell"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}export{s as M,n as d}

package/dist/components/mds-table-footer.js

@@ -1,35 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsTableFooterCss = "@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-cell:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-top:var(--private-cell-border-width)solid var(--private-cell-border-color);display:table-row;overflow:hidden;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}::slotted(mds-table-cell){--private-cell-border-color:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
-
-const MdsTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableFooter extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: 'e2661b9dfe47fa427e9055e435d7ea59c7f6855f', role: "row" }, h("slot", { key: '365a39d3a739ca4ec2b374f6e2c25710cf41dc60' })));
-    }
-    static get style() { return mdsTableFooterCss; }
-}, [257, "mds-table-footer"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-table-footer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-table-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTableFooter$1);
-            }
-            break;
-    } });
-}
-
-const MdsTableFooter = MdsTableFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsTableFooter, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as i}from"@stencil/core/internal/client";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"99c02de554402662fb728dd214d0928e4a554a80",role:"row"},o("slot",{key:"8afc57c85ff9d5b44c3d0a580e4132ca3b6dab27"}))}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-table-cell:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));border-top:var(--private-cell-border-width) solid var(--private-cell-border-color);display:table-row;overflow:hidden;transition-duration:.2s;transition-property:border-color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}::slotted(mds-table-cell){--private-cell-border-color:transparent}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[257,"mds-table-footer"]),a=n,s=function(){"undefined"!=typeof customElements&&["mds-table-footer"].forEach((t=>{"mds-table-footer"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{a as MdsTableFooter,s as defineCustomElement}

package/dist/components/mds-table-header-cell.js

@@ -1,6 +1 @@
-import { M as MdsTableHeaderCell$1, d as defineCustomElement$1 } from './mds-table-header-cell2.js';
-
-const MdsTableHeaderCell = MdsTableHeaderCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsTableHeaderCell, defineCustomElement };
+import{M as e,d as s}from"./mds-table-header-cell2.js";const a=e,o=s;export{a as MdsTableHeaderCell,o as defineCustomElement}