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

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

@@ -1,173 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { m as miBaselineKeyboardArrowUp } from './keyboard-arrow-up.js';
-import { m as miBaselineKeyboardArrowDown } from './keyboard-arrow-down.js';
-import { c as clsx } from './clsx.js';
-import { d as defineCustomElement$4 } from './mds-button2.js';
-import { d as defineCustomElement$3 } from './mds-icon2.js';
-import { d as defineCustomElement$2 } from './mds-spinner2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-var miBaselineUnfoldMore = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>`;
-
-const mdsTableHeaderCellCss = "@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{--tw-ease:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):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-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-bottom:var(--private-cell-border-width)solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width)solid transparent!important;display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top;white-space:nowrap}.action{margin-inline:calc(var(--spacing,.0025rem)*-200);padding-inline:calc(var(--spacing,.0025rem)*200)}.action:hover,:host([direction=ascending]) .action,:host([direction=descending]) .action{background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))}.action::part(label){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif);min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem))}.label{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*700)}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-ease{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}";
-
-var Sort;
-(function (Sort) {
-    Sort["ASC"] = "ascending";
-    Sort["DESC"] = "descending";
-    Sort["NONE"] = "none";
-})(Sort || (Sort = {}));
-const MdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class MdsTableHeaderCell extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.isAscending = true;
-        this.currentDirection = Sort.NONE;
-        this.index = 0;
-        this.direction = 'none';
-        this.prepareSorter = () => {
-            var _a, _b;
-            if (!this.sortable || (this.sortable && ((_a = this.tableHeaderCellSiblings) === null || _a === void 0 ? void 0 : _a.length)))
-                return;
-            this.tableBody = (_b = this.element
-                .closest('mds-table')) === null || _b === void 0 ? void 0 : _b.querySelector('mds-table-body');
-            this.tableHeader = this.element.closest('mds-table-header');
-            this.tableHeaderCellSiblings = Array.from(this.tableHeader.children);
-            this.index = this.tableHeaderCellSiblings.indexOf(this.element);
-            this.tableRows = Array.from(this.tableBody.children);
-            this.tableRowsDefaultSorted = Array.from(this.tableBody.children);
-        };
-        this.getValue = (element) => {
-            if (element.value) {
-                return element.value;
-            }
-            return element.textContent ? element.textContent.trim() : '';
-        };
-        this.resetSortAttribute = () => {
-            this.tableHeaderCellSiblings.forEach((cell) => {
-                if (this.tableHeaderCellSiblings.indexOf(cell) !== this.index) {
-                    cell.direction = 'none';
-                }
-            });
-            this.tableRows = Array.from(this.tableBody.children);
-            this.tableRows.forEach((row) => {
-                const cells = Array.from(row.children);
-                cells.forEach((cell, index) => {
-                    if (this.index === index && this.currentDirection !== Sort.NONE) {
-                        cell.setAttribute('sorted', '');
-                        return;
-                    }
-                    cell.removeAttribute('sorted');
-                });
-            });
-        };
-        this.sortRows = () => {
-            if (this.currentDirection === Sort.NONE) {
-                this.tableRowsDefaultSorted.forEach((row) => this.tableBody.appendChild(row));
-                return;
-            }
-            this.tableRows = Array.from(this.tableBody.children);
-            const sortedRows = [...this.tableRows].sort((a, b) => {
-                const cellA = this.getValue(a.querySelectorAll('mds-table-cell')[this.index]);
-                const cellB = this.getValue(b.querySelectorAll('mds-table-cell')[this.index]);
-                const isNumeric = !isNaN(Number(cellA)) && !isNaN(Number(cellB));
-                if (isNumeric) {
-                    return this.direction === 'ascending'
-                        ? Number(cellA) - Number(cellB)
-                        : Number(cellB) - Number(cellA);
-                }
-                return this.direction === 'ascending'
-                    ? String(cellA).localeCompare(String(cellB))
-                    : String(cellB).localeCompare(String(cellA));
-            });
-            sortedRows.forEach((row) => this.tableBody.appendChild(row));
-        };
-        this.updateDirection = () => {
-            this.currentDirection =
-                Object.values(Sort)[(Object.values(Sort).indexOf(this.currentDirection) + 1) % Object.values(Sort).length];
-            this.direction = this.currentDirection.toString();
-        };
-        this.sort = () => {
-            this.updateDirection();
-            this.sortRows();
-            this.resetSortAttribute();
-            this.tableRows = Array.from(this.tableBody.children);
-            if (this.currentDirection !== Sort.NONE) {
-                this.tableRows.forEach((row) => {
-                    row.setAttribute('sorted', '');
-                });
-                return;
-            }
-            this.tableRows.forEach((row) => {
-                row.removeAttribute('sorted');
-            });
-        };
-    }
-    componentDidLoad() {
-        this.prepareSorter();
-    }
-    sortableHandler() {
-        this.prepareSorter();
-    }
-    directionHandler(newValue) {
-        if (newValue === 'none') {
-            this.direction = 'none';
-            this.currentDirection = Sort.NONE;
-        }
-    }
-    render() {
-        return (h(Host, { key: 'c2ebe9d24d76a9780528c6093dfad8f3b1481354', role: "columnheader", "aria-sort": this.direction }, this.sortable ? (h("mds-button", { class: "action", icon: clsx(this.direction === 'none' && miBaselineUnfoldMore, this.direction === 'ascending' && miBaselineKeyboardArrowUp, this.direction === 'descending' && miBaselineKeyboardArrowDown), "icon-position": "right", onClick: this.sort, tone: "text", variant: "dark", size: "sm", part: "action" }, this.label)) : (h("mds-text", { class: "label", typography: "label", part: "label" }, this.label))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "sortable": ["sortableHandler"],
-        "direction": ["directionHandler"]
-    }; }
-    static get style() { return mdsTableHeaderCellCss; }
-}, [257, "mds-table-header-cell", {
-        "sortable": [516],
-        "label": [513],
-        "direction": [1537],
-        "isAscending": [32]
-    }, undefined, {
-        "sortable": ["sortableHandler"],
-        "direction": ["directionHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-table-header-cell", "mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-table-header-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTableHeaderCell);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsTableHeaderCell as M, defineCustomElement as d };
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as r}from"@stencil/core/internal/client";import{m as o}from"./keyboard-arrow-up.js";import{m as n}from"./keyboard-arrow-down.js";import{c as a}from"./clsx.js";import{d as l}from"./mds-button2.js";import{d}from"./mds-icon2.js";import{d as h}from"./mds-spinner2.js";import{d as c}from"./mds-text2.js";var m;!function(t){t.ASC="ascending",t.DESC="descending",t.NONE="none"}(m||(m={}));const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isAscending=!0,this.currentDirection=m.NONE,this.index=0,this.direction="none",this.prepareSorter=()=>{var t,e,i;!this.sortable||this.sortable&&void 0!==(null===(t=this.tableHeaderCellSiblings)||void 0===t?void 0:t.length)&&0!==(null===(e=this.tableHeaderCellSiblings)||void 0===e?void 0:e.length)||(this.tableBody=null===(i=this.element.closest("mds-table"))||void 0===i?void 0:i.querySelector("mds-table-body"),this.tableHeader=this.element.closest("mds-table-header"),this.tableHeaderCellSiblings=Array.from(this.tableHeader.children),this.index=this.tableHeaderCellSiblings.indexOf(this.element),this.tableRows=Array.from(this.tableBody.children),this.tableRowsDefaultSorted=Array.from(this.tableBody.children))},this.getValue=t=>void 0===t.value||""===t.value||0===t.value||Number.isNaN(t.value)?null!==t.textContent&&""!==t.textContent?t.textContent.trim():"":t.value,this.resetSortAttribute=()=>{this.tableHeaderCellSiblings.forEach((t=>{this.tableHeaderCellSiblings.indexOf(t)!==this.index&&(t.direction="none")})),this.tableRows=Array.from(this.tableBody.children),this.tableRows.forEach((t=>{Array.from(t.children).forEach(((t,e)=>{this.index!==e||this.currentDirection===m.NONE?t.removeAttribute("sorted"):t.setAttribute("sorted","")}))}))},this.sortRows=()=>{this.currentDirection!==m.NONE?(this.tableRows=Array.from(this.tableBody.children),[...this.tableRows].sort(((t,e)=>{const i=this.getValue(t.querySelectorAll("mds-table-cell")[this.index]),s=this.getValue(e.querySelectorAll("mds-table-cell")[this.index]);return isNaN(Number(i))||isNaN(Number(s))?"ascending"===this.direction?String(i).localeCompare(String(s)):String(s).localeCompare(String(i)):"ascending"===this.direction?Number(i)-Number(s):Number(s)-Number(i)})).forEach((t=>this.tableBody.appendChild(t)))):this.tableRowsDefaultSorted.forEach((t=>this.tableBody.appendChild(t)))},this.updateDirection=()=>{this.currentDirection=Object.values(m)[(Object.values(m).indexOf(this.currentDirection)+1)%Object.values(m).length],this.direction=this.currentDirection.toString()},this.sort=()=>{this.updateDirection(),this.sortRows(),this.resetSortAttribute(),this.tableRows=Array.from(this.tableBody.children),this.tableRows.forEach(this.currentDirection===m.NONE?t=>{t.removeAttribute("sorted")}:t=>{t.setAttribute("sorted","")})}}componentDidLoad(){this.prepareSorter()}sortableHandler(){this.prepareSorter()}directionHandler(t){"none"===t&&(this.direction="none",this.currentDirection=m.NONE)}render(){return i(s,{key:"a9657b9d88db372312971caaf6bea2a7e6c58499",role:"columnheader","aria-sort":this.direction},this.sortable?i("mds-button",{class:"action",icon:a("none"===this.direction&&'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 5.83L15.17 9l1.41-1.41L12 3L7.41 7.59L8.83 9L12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15L12 18.17z"/></svg>',"ascending"===this.direction&&o,"descending"===this.direction&&n),"icon-position":"right",onClick:this.sort,tone:"text",variant:"dark",size:"sm",part:"action"},this.label):i("mds-text",{class:"label",typography:"label",part:"label"},this.label))}get element(){return this}static get watchers(){return{sortable:[{sortableHandler:0}],direction:[{directionHandler: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 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-ease:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-button,mds-text):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-ease:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));border-bottom:var(--private-cell-border-width) solid var(--private-cell-border-color)!important;border-top:var(--private-cell-border-width) solid transparent!important;display:table-cell;padding:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));vertical-align:top;white-space:nowrap}.action{margin-inline:calc(var(--spacing,.0025rem)*-200);padding-inline:calc(var(--spacing,.0025rem)*200)}.action:hover,:host([direction=ascending]) .action,:host([direction=descending]) .action{background-color:var(--mds-table-background-alt,rgb(var(--tone-neutral-10,60 60 60)))}.action::part(label){font-family:var(--font-info,Karla,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);min-height:auto;text-box:trim-both cap alphabetic;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-size-info-label,.75rem);font-weight:var(--tw-font-weight,var(--text-size-info-label--font-weight,700));line-height:var(--tw-leading,var(--text-size-info-label--line-height,1rem))}.label{align-items:center;display:inline-flex;height:calc(var(--spacing,.0025rem)*700)}:host-context(:root.pref-animation-reduce){transition-duration:0s}@property --tw-ease{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}'}},[1,"mds-table-header-cell",{sortable:[516],label:[513],direction:[1537],isAscending:[32]},void 0,{sortable:[{sortableHandler:0}],direction:[{directionHandler:0}]}]);function p(){"undefined"!=typeof customElements&&["mds-table-header-cell","mds-button","mds-icon","mds-spinner","mds-text"].forEach((t=>{switch(t){case"mds-table-header-cell":customElements.get(r(t))||customElements.define(r(t),b);break;case"mds-button":customElements.get(r(t))||l();break;case"mds-icon":customElements.get(r(t))||d();break;case"mds-spinner":customElements.get(r(t))||h();break;case"mds-text":customElements.get(r(t))||c()}}))}export{b as M,p as d}

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

@@ -1,164 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { L as Locale } from './locale.js';
-import { d as defineCustomElement$8 } from './mds-button2.js';
-import { d as defineCustomElement$7 } from './mds-icon2.js';
-import { d as defineCustomElement$6 } from './mds-input-switch2.js';
-import { d as defineCustomElement$5 } from './mds-spinner2.js';
-import { d as defineCustomElement$4 } from './mds-table-cell2.js';
-import { d as defineCustomElement$3 } from './mds-table-header-cell2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const actions$3 = "Ενέργεια";
-const selectAllRows$3 = "Επιλογή όλων των γραμμών";
-const selectNoneRows$3 = "Αποεπιλογή όλων των γραμμών";
-var localeEl = {
-	actions: actions$3,
-	selectAllRows: selectAllRows$3,
-	selectNoneRows: selectNoneRows$3
-};
-
-const actions$2 = "Action";
-const selectAllRows$2 = "Select all rows";
-const selectNoneRows$2 = "Deselect all rows";
-var localeEn = {
-	actions: actions$2,
-	selectAllRows: selectAllRows$2,
-	selectNoneRows: selectNoneRows$2
-};
-
-const actions$1 = "Acción";
-const selectAllRows$1 = "Seleccionar todas las filas";
-const selectNoneRows$1 = "Deseleccionar todas las filas";
-var localeEs = {
-	actions: actions$1,
-	selectAllRows: selectAllRows$1,
-	selectNoneRows: selectNoneRows$1
-};
-
-const actions = "Azione";
-const selectAllRows = "Seleziona tutte le righe";
-const selectNoneRows = "Deseleziona tutte le righe";
-var localeIt = {
-	actions: actions,
-	selectAllRows: selectAllRows,
-	selectNoneRows: selectNoneRows
-};
-
-const mdsTableHeaderCss = "@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{--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,mds-table-cell,mds-table-header-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-bottom: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))}.actions{text-align:right}.selection{vertical-align:middle}.checkbox-wrapper{display:flex}: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 MdsTableHeader$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableHeader extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.selectAll = false;
-        this.hasActions = false;
-        this.indeterminate = false;
-        this.hasSelection = false;
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        this.handleSelectAllChange = (e) => {
-            var _a;
-            if (this.indeterminate) {
-                this.selectAll = true;
-            }
-            else {
-                this.selectAll = (_a = e.detail.checked) !== null && _a !== void 0 ? _a : false;
-            }
-            this.indeterminate = false;
-            this.table.selectAll(this.selectAll);
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-        this.t.update();
-    }
-    async setSelection(selectedItems, totalItems) {
-        var _a;
-        this.indeterminate = selectedItems !== 0 && selectedItems !== totalItems;
-        if (this.indeterminate) {
-            if (!this.checkboxEl) {
-                this.checkboxEl = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.checkbox');
-            }
-        }
-        this.checkboxEl.checked = selectedItems === totalItems;
-    }
-    componentWillLoad() {
-        this.language = this.t.lang(this.host);
-        this.table = this.host.closest('mds-table');
-        this.hasActions = this.table.querySelector('mds-table-row > [slot="action"]') !== null;
-    }
-    render() {
-        return (h(Host, { key: '37b1dc996ea1131669eb20bcd7267113722eae2a', role: "row" }, this.selectable && (h("mds-table-cell", { key: 'a9e7504417cf9a44eacda2643fa5485132aeb937', class: "selection", role: "columnheader" }, h("div", { key: 'a0fb9d483af2ad7ed2aa07fbcb3dcb38a2bee64c', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'c81fc1232bf3b9b5e37a709095f7d9837933c7ba', class: "checkbox", title: this.t.get(this.selectAll ? 'selectNoneRows' : 'selectAllRows'), lang: this.language, type: "checkbox", onMdsInputSwitchChange: this.handleSelectAllChange, indeterminate: this.indeterminate })))), h("slot", { key: '8c02567f4261a7851a6ab624dd281de48366bbc0' }), this.hasActions && (h("mds-table-header-cell", { key: '95340371d6d6f7199633cde4b66eb2177437f63d', part: "actions", class: "actions", label: this.t.get('actions') }))));
-    }
-    get host() { return this; }
-    static get style() { return mdsTableHeaderCss; }
-}, [257, "mds-table-header", {
-        "selectable": [4],
-        "selectAll": [32],
-        "hasActions": [32],
-        "indeterminate": [32],
-        "hasSelection": [32],
-        "language": [32],
-        "updateLang": [64],
-        "setSelection": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-table-header", "mds-button", "mds-icon", "mds-input-switch", "mds-spinner", "mds-table-cell", "mds-table-header-cell", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-table-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTableHeader$1);
-            }
-            break;
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "mds-input-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-table-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-table-header-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsTableHeader = MdsTableHeader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsTableHeader, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as s,Host as i,transformTag as o}from"@stencil/core/internal/client";import{L as a}from"./locale.js";import{d as n}from"./mds-button2.js";import{d as r}from"./mds-icon2.js";import{d as l}from"./mds-input-switch2.js";import{d as c}from"./mds-spinner2.js";import{d}from"./mds-table-cell2.js";import{d as m}from"./mds-table-header-cell2.js";import{d as h}from"./mds-text2.js";var b={actions:"Ενέργεια",selectAllRows:"Επιλογή όλων των γραμμών",selectNoneRows:"Αποεπιλογή όλων των γραμμών"},u={actions:"Action",selectAllRows:"Select all rows",selectNoneRows:"Deselect all rows"},p={actions:"Acción",selectAllRows:"Seleccionar todas las filas",selectNoneRows:"Deseleccionar todas las filas"},f={actions:"Azione",selectAllRows:"Seleziona tutte le righe",selectNoneRows:"Deseleziona tutte le righe"};const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectAll=!1,this.hasActions=!1,this.indeterminate=!1,this.hasSelection=!1,this.t=new a({el:b,en:u,es:p,it:f}),this.handleSelectAllChange=e=>{var t;this.selectAll=!!this.indeterminate||null!==(t=e.detail.checked)&&void 0!==t&&t,this.indeterminate=!1,this.table.selectAll(this.selectAll)}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}async setSelection(e,t){var s;this.indeterminate=0!==e&&e!==t,this.indeterminate&&null==this.checkboxEl&&(this.checkboxEl=null===(s=this.host.shadowRoot)||void 0===s?void 0:s.querySelector(".checkbox")),this.checkboxEl.checked=e===t}componentWillLoad(){this.language=this.t.lang(this.host),this.table=this.host.closest("mds-table"),this.hasActions=null!==this.table.querySelector('mds-table-row > [slot="action"]')}render(){return s(i,{key:"4c1907b2a9d7f3be74b77ea8c4897b39337062f7",role:"row"},this.selectable&&s("mds-table-cell",{key:"da97fe04013a2d0627e7d42d83383b1bdc5ad20a",class:"selection",role:"columnheader"},s("div",{key:"25d63dba96cfa5d0b797644fe5ade059a27130ab",class:"checkbox-wrapper"},s("mds-input-switch",{key:"d048fc26d2d851383851907a10fdea46c028af8b",class:"checkbox",title:this.t.get(this.selectAll?"selectNoneRows":"selectAllRows"),lang:this.language,type:"checkbox",onMdsInputSwitchChange:this.handleSelectAllChange,indeterminate:this.indeterminate}))),s("slot",{key:"02ff4fdb5d9703d6300aac7cdb6ecf090f8db974"}),this.hasActions&&s("mds-table-header-cell",{key:"77b1de04053c57ead60a545d134f60d54de1da48",part:"actions",class:"actions",label:this.t.get("actions")}))}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 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))),:is(mds-input-switch,mds-table-cell,mds-table-header-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-bottom: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))}.actions{text-align:right}.selection{vertical-align:middle}.checkbox-wrapper{display:flex}: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-header",{selectable:[4],selectAll:[32],hasActions:[32],indeterminate:[32],hasSelection:[32],language:[32],updateLang:[64],setSelection:[64]}]),w=y,v=function(){"undefined"!=typeof customElements&&["mds-table-header","mds-button","mds-icon","mds-input-switch","mds-spinner","mds-table-cell","mds-table-header-cell","mds-text"].forEach((e=>{switch(e){case"mds-table-header":customElements.get(o(e))||customElements.define(o(e),y);break;case"mds-button":customElements.get(o(e))||n();break;case"mds-icon":customElements.get(o(e))||r();break;case"mds-input-switch":customElements.get(o(e))||l();break;case"mds-spinner":customElements.get(o(e))||c();break;case"mds-table-cell":customElements.get(o(e))||d();break;case"mds-table-header-cell":customElements.get(o(e))||m();break;case"mds-text":customElements.get(o(e))||h()}}))};export{w as MdsTableHeader,v as defineCustomElement}

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

@@ -1,141 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { L as Locale } from './locale.js';
-import { i as isSafari } from './browser.js';
-import { d as defineCustomElement$5 } from './mds-icon2.js';
-import { d as defineCustomElement$4 } from './mds-input-switch2.js';
-import { d as defineCustomElement$3 } from './mds-table-cell2.js';
-import { d as defineCustomElement$2 } from './mds-text2.js';
-
-const selectRow$3 = "Επιλογή γραμμής";
-const unselectRow$3 = "Αποεπιλογή γραμμής";
-var localeEl = {
-	selectRow: selectRow$3,
-	unselectRow: unselectRow$3
-};
-
-const selectRow$2 = "Select row";
-const unselectRow$2 = "Deselect row";
-var localeEn = {
-	selectRow: selectRow$2,
-	unselectRow: unselectRow$2
-};
-
-const selectRow$1 = "Seleccionar fila";
-const unselectRow$1 = "Deseleccionar fila";
-var localeEs = {
-	selectRow: selectRow$1,
-	unselectRow: unselectRow$1
-};
-
-const selectRow = "Seleziona riga";
-const unselectRow = "Deseleziona riga";
-var localeIt = {
-	selectRow: selectRow,
-	unselectRow: unselectRow
-};
-
-const mdsTableRowCss = "@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-row-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-color-alt:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-row-background-alt:rgb(var(--tone-neutral,0 0 0));--mds-table-row-actions-gap:calc(var(--spacing,.0025rem)*400);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,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{--mds-table-row-color-hover:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-background-hover:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background-alt:var(--mds-table-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-actions-gap:var(--mds-table-actions-gap,calc(var(--spacing,.0025rem)*400));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));color:var(--mds-table-row-color);display:table-row;position:relative;transition-duration:.2s;transition-property:color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}.actions-view{display:flex;justify-content:end;pointer-events:none;position:absolute}.actions,.actions-view{align-items:center;inset:0}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);border-top-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);display:inline-flex;gap:var(--mds-table-row-actions-gap,calc(var(--spacing,.0025rem)*400));margin-right:100%;padding:calc(var(--mds-table-border-width,2px)*2);padding-right:0;pointer-events:auto;position:sticky;transform:translate(100%);transition-duration:.5s;transition-property:transform,background-color,padding-right;-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))}:host(:hover) .actions{transform:translate(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transform:translate(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);transform:translate(0)}:is(:host-context(mds-table[interactive=false]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)))}:is(:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive=false]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected=false]:hover) .actions,:host-context(mds-table[selection][interactive=false]):host([selected=false]:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)))}.actions-cell--disable,.actions-cell--disable .actions{position:static!important}.actions-cell--disable .actions{margin-right:0!important;transform:translate(0)!important}: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 MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.hasActions = true;
-        this.t = new Locale({
-            el: localeEl,
-            en: localeEn,
-            es: localeEs,
-            it: localeIt,
-        });
-        this.selectable = undefined;
-        this.handleSelectionChange = (e) => {
-            var _a;
-            this.selected = e.detail.checked;
-            (_a = this.host.closest('mds-table')) === null || _a === void 0 ? void 0 : _a.updateSelection();
-        };
-    }
-    async updateLang() {
-        this.language = this.t.lang(this.host);
-        this.t.update();
-    }
-    componentWillLoad() {
-        this.language = this.t.lang(this.host);
-        this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
-    }
-    componentDidLoad() {
-        // needed to capture sizer width when become visible
-        if (this.hasActions)
-            this.initObserver();
-    }
-    initObserver() {
-        this.observer = new ResizeObserver((entry) => {
-            this.sizerWidth = `${entry[0].borderBoxSize[0].inlineSize.toString()}px`;
-        });
-        this.observer.observe(this.actions);
-    }
-    disconnectedCallback() {
-        if (this.observer)
-            this.observer.disconnect();
-    }
-    render() {
-        return (h(Host, { key: '647098c017c85b3b88975a7a98366afbc7140a07', role: "row" }, this.selectable && (h("mds-table-cell", { key: '42fd6b0fa4f38993b6f824c6fb4adabdee05b277', class: "selection-cell" }, h("div", { key: '4aa67fd4526d675c8486335ebea22a7c94b05f88', class: "checkbox-wrapper" }, h("mds-input-switch", { key: '885d7a270ff2c49b1f1d2a0cfc7beeb1e80ab67f', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange })))), h("slot", { key: 'e178eac73e1485a8009248cbcad6d50437c96a3e' }), this.hasActions && isSafari() && (h("mds-table-cell", { key: 'dd49057349406107e8e9bf5c552c900c78d3a2f4', class: "actions-cell actions-cell--disable" }, h("div", { key: '8ea991e4c62686c5d2e488c59abbc72cf20d47e1', class: "actions" }, h("slot", { key: 'e4c312f1022dfb2ca120edd5749f795472c1af5f', name: "action" })))), this.hasActions && !isSafari() && (h("mds-table-cell", { key: '16152eed7d5eb29175ed7db0a046802f2357adad', class: "actions-cell" }, h("div", { key: '8e632cad0c708d6a857db3134a6c979be9893ced', class: "actions-sizer", style: {
-                minHeight: '1px',
-                maxWidth: this.sizerWidth,
-                minWidth: this.sizerWidth,
-            } }), h("div", { key: 'b29ad0849a425b0ca8f5257b27efd0f248edb3fa', class: "actions-view" }, h("div", { key: '0fe5795c3d1cac06487fc7a7df06369815ba2b44', class: "actions", ref: (el) => (this.actions = el), style: {
-                marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
-            } }, h("slot", { key: '02b63534de3cfcfaca02794ec6043218e887d503', name: "action" })))))));
-    }
-    get host() { return this; }
-    static get style() { return mdsTableRowCss; }
-}, [257, "mds-table-row", {
-        "interactive": [516],
-        "overlayActions": [516, "overlay-actions"],
-        "selectable": [516],
-        "selected": [1540],
-        "value": [520],
-        "sizerWidth": [32],
-        "language": [32],
-        "updateLang": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-table-row", "mds-icon", "mds-input-switch", "mds-table-cell", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-table-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsTableRow$1);
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mds-input-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mds-table-cell":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const MdsTableRow = MdsTableRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsTableRow, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as o,transformTag as r}from"@stencil/core/internal/client";import{L as s}from"./locale.js";import{i as n}from"./browser.js";import{d as i}from"./mds-icon2.js";import{d as c}from"./mds-input-switch2.js";import{d as l}from"./mds-table-cell2.js";import{d}from"./mds-text2.js";var b={selectRow:"Επιλογή γραμμής",unselectRow:"Αποεπιλογή γραμμής"},m={selectRow:"Select row",unselectRow:"Deselect row"},h={selectRow:"Seleccionar fila",unselectRow:"Deseleccionar fila"},u={selectRow:"Seleziona riga",unselectRow:"Deseleziona riga"};const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasActions=!0,this.t=new s({el:b,en:m,es:h,it:u}),this.selectable=void 0,this.handleSelectionChange=e=>{var t;this.selected=e.detail.checked,null===(t=this.host.closest("mds-table"))||void 0===t||t.updateSelection()}}async updateLang(){this.language=this.t.lang(this.host),this.t.update()}componentWillLoad(){this.language=this.t.lang(this.host),this.hasActions=null!==this.host.querySelector(':scope > [slot="action"]')}componentDidLoad(){this.hasActions&&this.initObserver()}initObserver(){this.observer=new ResizeObserver((e=>{this.sizerWidth=e[0].borderBoxSize[0].inlineSize+"px"})),this.observer.observe(this.actions)}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return a(o,{key:"58724450caa507036a51436eee917bf1985b6cf8",role:"row"},this.selectable&&a("mds-table-cell",{key:"6d139569b397b4ed5255d060078a885807dbf67d",class:"selection-cell"},a("div",{key:"95608e906cf0d53b0750f13669b6882c5f015887",class:"checkbox-wrapper"},a("mds-input-switch",{key:"aed24d0ced8de37f9f2ccc1afd6b5b2732db995f",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),a("slot",{key:"d83c65bd0ed36ad733c1be6ac75ff75d1e500150"}),this.hasActions&&n()&&a("mds-table-cell",{key:"b22a8f6812a3acd05cb527a0c730c10629ea5fc6",class:"actions-cell actions-cell--disable"},a("div",{key:"f5f725888c3f9d16307ac7986a354a304a383aaa",class:"actions"},a("slot",{key:"b0b040e230bb68f4260c9bf79a83026cf776ce5d",name:"action"}))),this.hasActions&&!n()&&a("mds-table-cell",{key:"10e5c24237e19f349b1c957bd1bd6e5463f6cfd3",class:"actions-cell"},a("div",{key:"e7c2577896533236dc3c5c3eaa78629bc310a45f",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),a("div",{key:"eca88ae1d742b799979dc783734dc93b1ac2b680",class:"actions-view"},a("div",{key:"3feeb73ec5018219549a2271954c8140137b5aad",class:"actions",ref:e=>this.actions=e,style:{marginRight:`calc(${this.sizerWidth} + var(--mds-table-cell-padding))`}},a("slot",{key:"2ef5950a7a389d6ce1c79b182e4eec5e0bc43e71",name:"action"})))))}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 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-row-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-color-alt:rgb(var(--tone-neutral-02,244 244 244));--mds-table-row-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-table-row-background-alt:rgb(var(--tone-neutral,0 0 0));--mds-table-row-actions-gap:calc(var(--spacing,.0025rem)*400);--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-input-switch,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{--mds-table-row-color-hover:var(--mds-table-color,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-color-alt:var(--mds-table-color-alt,rgb(var(--tone-neutral-02,244 244 244)));--mds-table-row-background-hover:var(--mds-table-background,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background-alt:var(--mds-table-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-actions-gap:var(--mds-table-actions-gap,calc(var(--spacing,.0025rem)*400));--tw-duration:.2s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));color:var(--mds-table-row-color);display:table-row;position:relative;transition-duration:.2s;transition-property:color;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-alt,rgb(var(--tone-neutral-02,244 244 244)))}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)));--mds-table-row-color:var(--mds-table-row-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}.actions-view{display:flex;justify-content:end;pointer-events:none;position:absolute}.actions,.actions-view{align-items:center;inset:0}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);border-top-left-radius:calc(var(--radius-lg,16px) + var(--mds-table-border-width,2px)*2);display:inline-flex;gap:var(--mds-table-row-actions-gap,calc(var(--spacing,.0025rem)*400));margin-right:100%;padding:calc(var(--mds-table-border-width,2px)*2);padding-right:0;pointer-events:auto;position:sticky;transform:translate(100%);transition-duration:.5s;transition-property:transform,background-color,padding-right;-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))}:host(:hover) .actions{transform:translate(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding,calc(var(--spacing,.0025rem)*400));transform:translate(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);transform:translate(0)}:is(:host-context(mds-table[interactive=false]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-hover,rgb(var(--tone-neutral,0 0 0)))}:is(:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive=false]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected=false]:hover) .actions,:host-context(mds-table[selection][interactive=false]):host([selected=false]:hover) .actions){--mds-table-row-actions-background:var(--mds-table-row-background-alt,rgb(var(--tone-neutral,0 0 0)))}.actions-cell--disable,.actions-cell--disable .actions{position:static!important}.actions-cell--disable .actions{margin-right:0!important;transform:translate(0)!important}: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-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],sizerWidth:[32],language:[32],updateLang:[64]}]),g=v,p=function(){"undefined"!=typeof customElements&&["mds-table-row","mds-icon","mds-input-switch","mds-table-cell","mds-text"].forEach((e=>{switch(e){case"mds-table-row":customElements.get(r(e))||customElements.define(r(e),v);break;case"mds-icon":customElements.get(r(e))||i();break;case"mds-input-switch":customElements.get(r(e))||c();break;case"mds-table-cell":customElements.get(r(e))||l();break;case"mds-text":customElements.get(r(e))||d()}}))};export{g as MdsTableRow,p as defineCustomElement}