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

package/dist/components/mds-table.js

@@ -1,200 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as clsx } from './clsx.js';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$3 } from './mds-badge2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const batchActions$3 = "Επιλεγμένα στοιχεία";
-var localeEl = {
-	batchActions: batchActions$3
-};
-
-const batchActions$2 = "Selected items";
-var localeEn = {
-	batchActions: batchActions$2
-};
-
-const batchActions$1 = "Elementos seleccionados";
-var localeEs = {
-	batchActions: batchActions$1
-};
-
-const batchActions = "Elementi selezionati";
-var localeIt = {
-	batchActions: batchActions
-};
-
-const mdsTableCss = "@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-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--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))),:is(mds-table-body,mds-table-footer,mds-table-header):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-table-border-width{syntax:\"<length>\";inherits:false;initial-value:2px}:host{--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--mds-table-batch-actions-width:calc(var(--spacing,.0025rem)*4800);--private-cell-border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));--private-cell-border-width:var(--mds-table-border-width,2px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);border:var(--mds-table-border-width,2px)solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)))!important;display:flex;overflow:hidden;transition-property:background-color,border-color,color}.table-wrapper{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));corner-shape:inherit;display:flex;overflow:auto;width:100%}.table{border-collapse:separate;border-spacing:0;width:100%}.batch-actions-wrapper{corner-shape:inherit;display:flex;flex-shrink:0;max-width:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:max-width;-webkit-transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));width:100%}.batch-actions-wrapper--has-selected-rows{max-width:var(--mds-table-batch-actions-width)}.batch-actions-header{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--spacing,.0025rem)*300)}.batch-actions{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-left:var(--mds-table-border-width,2px)solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));box-sizing:border-box;display:grid;flex-grow:1;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(1px,100%));min-width:var(--mds-table-batch-actions-width);padding:calc(var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400))/2);width:100%}::slotted([slot=batch-action]){justify-content:start;width:100%}:host([selection]:not([selection=false])){--mds-table-body-background: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}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}@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}}@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-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}";
-
-const MdsTable$1 = /*@__PURE__*/ proxyCustomElement(class MdsTable extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.selectionEvent = createEvent(this, "mdsTableSelectionChange", 7);
-        this.hasBatchActions = false;
-        this.cellsWidth = 0;
-        this.selectedRows = [];
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        this.updateInteractive = () => {
-            this.body.interactive = this.interactive;
-            this.rows.forEach((row) => {
-                row.interactive = this.interactive;
-            });
-        };
-        this.updateCellsSize = () => {
-            var _a;
-            const cells = this.rows[0].querySelectorAll('mds-table-cell');
-            const cellSelection = (_a = this.rows[0].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.selection-cell');
-            this.cellsWidth = cellSelection ? cellSelection.offsetWidth : 0;
-            cells.forEach((cell) => {
-                this.cellsWidth += cell.offsetWidth;
-            });
-        };
-        this.hasActions = () => {
-            this.updateCellsSize();
-            return this.host.querySelector('mds-table-row > [slot="action"]') !== null;
-        };
-        this.handleSelection = () => {
-            this.rows.forEach((row) => {
-                row.selectable = this.selectable;
-            });
-        };
-        this.handleActions = () => {
-            this.updateCellsSize();
-            const overlayActions = this.scrollWrapper.offsetWidth + this.scrollWrapper.scrollLeft < this.cellsWidth;
-            this.rows.forEach((row) => {
-                row.overlayActions = overlayActions;
-            });
-        };
-        this.updateSlottedElements = () => {
-            this.rows = this.host.querySelectorAll('mds-table-row');
-            this.updateInteractive();
-            this.handleSelection();
-        };
-    }
-    onTableInteractive() {
-        this.updateInteractive();
-    }
-    onTableSelectable(newValue) {
-        this.handleSelection();
-        this.header.selectable = newValue;
-    }
-    /**
-     * `internal` Updates the selection data event and emits it, it's used to avoid add event listener to the dom and lower performance, works only if `selectable` is true.
-     */
-    async updateSelection() {
-        if (!this.selectable) {
-            return;
-        }
-        this.selectedRows = [];
-        this.rows.forEach((row, index) => {
-            if (row.selected) {
-                this.selectedRows.push({ index, value: row.value });
-            }
-        });
-        this.selectionEvent.emit({ rows: this.selectedRows });
-        this.header.setSelection(this.selectedRows.length, this.rows.length);
-        this.selection = this.selectedRows.length > 0;
-        this.body.selection = this.selection;
-    }
-    /**
-     * Selects all elements or none, works only if `selectable` is true.
-     */
-    async selectAll(select = true) {
-        if (!this.selectable) {
-            return;
-        }
-        this.rows.forEach((row) => {
-            row.selected = select;
-        });
-        this.updateSelection();
-    }
-    componentWillLoad() {
-        this.language = this.t.lang(this.host);
-        this.body = this.host.querySelector('mds-table-body');
-        this.header = this.host.querySelector('mds-table-header');
-        this.rows = this.host.querySelectorAll('mds-table-row');
-        this.hasBatchActions = this.host.querySelector(':scope > [slot="batch-action"]') !== null;
-        this.tableBodyObserver = new MutationObserver(() => {
-            this.updateSlottedElements();
-        });
-        this.tableBodyObserver.observe(this.body, { childList: true });
-    }
-    componentDidLoad() {
-        var _a;
-        this.header.selectable = this.selectable;
-        if (this.hasActions()) {
-            const scrollWrapper = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.table-wrapper');
-            if (!scrollWrapper) {
-                throw new Error('Table element table-wrapper not found');
-            }
-            this.scrollWrapper = scrollWrapper;
-            this.scrollWrapper.addEventListener('scroll', this.handleActions);
-            this.resizeObserver = new ResizeObserver(this.handleActions);
-            this.resizeObserver.observe(this.host);
-            this.handleActions();
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        this.host.removeEventListener('scroll', this.handleActions);
-        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.tableBodyObserver.disconnect();
-    }
-    render() {
-        return (h(Host, { key: '26c4ebf8d8dac2b2e8505526cac64abe56f9635f' }, h("div", { key: 'efe2076b369e0898e38ea181b6fa403c4ad97bb1', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '0951fff09d1ae80d5ed7080b602a64df3a181751', class: clsx('table', this.interactive && 'table--interactive'), role: "table", part: "table" }, h("slot", { key: '360f656f2380d7e211bd2e21f79a575ae76d1bc9', onSlotchange: this.updateSlottedElements }))), this.selectable && this.hasBatchActions && (h("div", { key: '3f0882dbcd34c89d9be13568b1b92fcc4ce76512', class: clsx('batch-actions-wrapper', this.selectedRows.length > 0 ? 'batch-actions-wrapper--has-selected-rows' : ''), part: "batch-actions-wrapper" }, h("div", { key: 'a7738eacba45b945a317573a0245534e69068342', class: "batch-actions", part: "batch-actions" }, h("div", { key: 'd0189b91bb6a3ccd185a52a5945fb20c880b51c0', class: "batch-actions-header" }, h("mds-text", { key: '6b6ba41fb6157e1285135342ce9fe15f6e118926', class: "batch-actions-label", typography: "label" }, this.t.get('batchActions')), h("mds-badge", { key: 'caaf5b9fea8cea12d045b59d8c45b0b4f74c3a5e', variant: "dark", tone: "outline", typography: "label" }, this.selectedRows.length)), h("slot", { key: 'b97911b24077a3197f7a2f5b12d88cf48a89afd0', name: "batch-action" }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "interactive": ["onTableInteractive"],
-        "selectable": ["onTableSelectable"]
-    }; }
-    static get style() { return mdsTableCss; }
-}, [257, "mds-table", {
-        "interactive": [4],
-        "selectable": [4],
-        "selection": [1540],
-        "selectedRows": [32],
-        "language": [32],
-        "updateSelection": [64],
-        "selectAll": [64]
-    }, undefined, {
-        "interactive": ["onTableInteractive"],
-        "selectable": ["onTableSelectable"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-table", "mds-badge", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-table":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTable$1);
-            }
-            break;
-        case "mds-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsTable = MdsTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsTable, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,createEvent as r,h as a,Host as o,transformTag as s}from"@stencil/core/internal/client";import{c as n}from"./clsx.js";import{L as i}from"./locale.js";import{d as l}from"./mds-badge2.js";import{d as b}from"./mds-text2.js";var d={batchActions:"Επιλεγμένα στοιχεία"},c={batchActions:"Selected items"},h={batchActions:"Elementos seleccionados"},m={batchActions:"Elementi selezionati"};const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.selectionEvent=r(this,"mdsTableSelectionChange",7),this.hasBatchActions=!1,this.cellsWidth=0,this.selectedRows=[],this.t=new i({el:d,en:c,es:h,it:m}),this.updateInteractive=()=>{this.body.interactive=this.interactive,this.rows.forEach((t=>{t.interactive=this.interactive}))},this.updateCellsSize=()=>{var t;const e=this.rows[0].querySelectorAll("mds-table-cell"),r=null===(t=this.rows[0].shadowRoot)||void 0===t?void 0:t.querySelector(".selection-cell");this.cellsWidth=r?r.offsetWidth:0,e.forEach((t=>{this.cellsWidth+=t.offsetWidth}))},this.hasActions=()=>(this.updateCellsSize(),null!==this.host.querySelector('mds-table-row > [slot="action"]')),this.handleSelection=()=>{this.rows.forEach((t=>{t.selectable=this.selectable}))},this.handleActions=()=>{this.updateCellsSize();const t=this.scrollWrapper.offsetWidth+this.scrollWrapper.scrollLeft<this.cellsWidth;this.rows.forEach((e=>{e.overlayActions=t}))},this.updateSlottedElements=()=>{this.rows=this.host.querySelectorAll("mds-table-row"),this.updateInteractive(),this.handleSelection()}}onTableInteractive(){this.updateInteractive()}onTableSelectable(t){this.handleSelection(),this.header.selectable=t}async updateSelection(){this.selectable&&(this.selectedRows=[],this.rows.forEach(((t,e)=>{t.selected&&this.selectedRows.push({index:e,value:t.value})})),this.selectionEvent.emit({rows:this.selectedRows}),this.header.setSelection(this.selectedRows.length,this.rows.length),this.selection=this.selectedRows.length>0,this.body.selection=this.selection)}async selectAll(t=!0){this.selectable&&(this.rows.forEach((e=>{e.selected=t})),this.updateSelection())}componentWillLoad(){this.language=this.t.lang(this.host),this.body=this.host.querySelector("mds-table-body"),this.header=this.host.querySelector("mds-table-header"),this.rows=this.host.querySelectorAll("mds-table-row"),this.hasBatchActions=null!==this.host.querySelector(':scope > [slot="batch-action"]'),this.tableBodyObserver=new MutationObserver((()=>{this.updateSlottedElements()})),this.tableBodyObserver.observe(this.body,{childList:!0})}componentDidLoad(){var t;if(this.header.selectable=this.selectable,this.hasActions()){const e=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".table-wrapper");if(!e)throw Error("Table element table-wrapper not found");this.scrollWrapper=e,this.scrollWrapper.addEventListener("scroll",this.handleActions),this.resizeObserver=new ResizeObserver(this.handleActions),this.resizeObserver.observe(this.host),this.handleActions()}}disconnectedCallback(){var t;this.host.removeEventListener("scroll",this.handleActions),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.tableBodyObserver.disconnect()}render(){return a(o,{key:"26c4ebf8d8dac2b2e8505526cac64abe56f9635f"},a("div",{key:"efe2076b369e0898e38ea181b6fa403c4ad97bb1",class:"table-wrapper",part:"table-wrapper"},a("table",{key:"0951fff09d1ae80d5ed7080b602a64df3a181751",class:n("table",this.interactive&&"table--interactive"),role:"table",part:"table"},a("slot",{key:"360f656f2380d7e211bd2e21f79a575ae76d1bc9",onSlotchange:this.updateSlottedElements}))),this.selectable&&this.hasBatchActions&&a("div",{key:"3f0882dbcd34c89d9be13568b1b92fcc4ce76512",class:n("batch-actions-wrapper",this.selectedRows.length>0?"batch-actions-wrapper--has-selected-rows":""),part:"batch-actions-wrapper"},a("div",{key:"a7738eacba45b945a317573a0245534e69068342",class:"batch-actions",part:"batch-actions"},a("div",{key:"d0189b91bb6a3ccd185a52a5945fb20c880b51c0",class:"batch-actions-header"},a("mds-text",{key:"6b6ba41fb6157e1285135342ce9fe15f6e118926",class:"batch-actions-label",typography:"label"},this.t.get("batchActions")),a("mds-badge",{key:"caaf5b9fea8cea12d045b59d8c45b0b4f74c3a5e",variant:"dark",tone:"outline",typography:"label"},this.selectedRows.length)),a("slot",{key:"b97911b24077a3197f7a2f5b12d88cf48a89afd0",name:"batch-action"}))))}get host(){return this}static get watchers(){return{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable: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 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-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--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))),:is(mds-table-body,mds-table-footer,mds-table-header):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-table-border-width{syntax:"<length>";inherits:false;initial-value:2px}:host{--mds-table-actions-gap:calc(var(--spacing,.0025rem)*200);--mds-table-background-alt:rgb(var(--tone-neutral-10,60 60 60));--mds-table-background:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-08,107 107 107));--mds-table-border-width:2px;--mds-table-cell-padding:calc(var(--spacing,.0025rem)*400);--mds-table-color-alt:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color:rgb(var(--tone-neutral-02,244 244 244));--mds-table-batch-actions-width:calc(var(--spacing,.0025rem)*4800);--private-cell-border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));--private-cell-border-width:var(--mds-table-border-width,2px);--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)));border-color:var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));border-radius:var(--radius-2xl,24px);transition-duration:.2s;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));corner-shape:var(--magma-corner-shape,round);border:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)))!important;display:flex;overflow:hidden;transition-property:background-color,border-color,color}.table-wrapper{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));corner-shape:inherit;display:flex;overflow:auto;width:100%}.table{border-collapse:separate;border-spacing:0;width:100%}.batch-actions-wrapper{corner-shape:inherit;display:flex;flex-shrink:0;max-width:0;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:max-width;-webkit-transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));transition-timing-function:var(--ease-in-out-circ,cubic-bezier(.785,.135,.15,.86));width:100%}.batch-actions-wrapper--has-selected-rows{max-width:var(--mds-table-batch-actions-width)}.batch-actions-header{align-items:center;display:flex;justify-content:space-between;padding:calc(var(--spacing,.0025rem)*300)}.batch-actions{background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-left:var(--mds-table-border-width,2px) solid var(--mds-table-border-color,rgb(var(--tone-neutral-08,107 107 107)));box-sizing:border-box;display:grid;flex-grow:1;gap:calc(var(--spacing,.0025rem)*50);grid-auto-rows:min-content;grid-template-columns:repeat(1,minmax(1px,100%));min-width:var(--mds-table-batch-actions-width);padding:calc(var(--mds-table-cell-padding,calc(var(--spacing,.0025rem) * 400)) / 2);width:100%}::slotted([slot=batch-action]){justify-content:start;width:100%}:host([selection]:not([selection=false])){--mds-table-body-background: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}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-more.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}@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}}@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-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral-10,60 60 60));--mds-table-border-color:rgb(var(--tone-neutral-07,134 134 134));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){--mds-tab-bar-item-color:rgb(var(--tone-neutral-04,218 218 218));--mds-tab-bar-item-color-selected:rgb(var(--variant-primary-02,230 239 255))}:host-context(:root.pref-contrast-system.pref-theme-dark){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:host-context(:root.pref-contrast-system.pref-theme-system){--mds-table-background:rgb(var(--tone-neutral-08,107 107 107));--mds-table-body-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-border-color:rgb(var(--tone-neutral-05,197 197 197));--mds-table-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-color:rgb(var(--tone-neutral-01,255 255 255))}}'}},[257,"mds-table",{interactive:[4],selectable:[4],selection:[1540],selectedRows:[32],language:[32],updateSelection:[64],selectAll:[64]},void 0,{interactive:[{onTableInteractive:0}],selectable:[{onTableSelectable:0}]}]),v=u,p=function(){"undefined"!=typeof customElements&&["mds-table","mds-badge","mds-text"].forEach((t=>{switch(t){case"mds-table":customElements.get(s(t))||customElements.define(s(t),u);break;case"mds-badge":customElements.get(s(t))||l();break;case"mds-text":customElements.get(s(t))||b()}}))};export{v as MdsTable,p as defineCustomElement}

package/dist/components/mds-text.js

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