@maggioli-design-system/mds-table-row 5.0.1 → 5.2.0

package/dist/cjs/mds-table-row.cjs.entry.js

@@ -874,7 +874,7 @@ const localeIt = {
 	unselectRow: unselectRow
 };
 
-const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
+const mdsTableRowCss = "@tailwind components;\n@tailwind utilities;\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding: calc(var(--mds-table-border-width) * 2);\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive=\"false\"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive=\"false\"]) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection][interactive=\"false\"]) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-alt);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
 const MdsTableRowStyle0 = mdsTableRowCss;
 
 const MdsTableRow = class {

package/dist/collection/common/floating-controller.js

@@ -143,12 +143,12 @@ export class FloatingController {
 }
 export class Backdrop {
     constructor(backdropId) {
-        this.defaultBackdropId = 'mds-backdrop';
+        this.defaultBackdropId = 'magma-backdrop';
         this.backdropBackgroundVisible = 'rgba(var(--magma-backdrop-color, 0 0 0) / var(--magma-backdrop-opacity, 0.1))';
         this.backdropBackgroundHidden = 'rgba(var(--magma-backdrop-color, 0 0 0) / 0)';
         this.backdropId = backdropId !== null && backdropId !== void 0 ? backdropId : this.defaultBackdropId;
-        this.cssBackdropZIndex = `var(--${this.backdropId}-z-index)`;
-        this.cssBackdropDuration = `var(--${this.backdropId}-duration)`;
+        this.cssBackdropZIndex = `var(--${this.backdropId}-z-index, 4000)`;
+        this.cssBackdropDuration = `var(--${this.backdropId}-animation-duration, 300ms)`;
     }
     attachBackdrop() {
         if (!this.backdropEl) {

package/dist/collection/common/slot.js

@@ -16,4 +16,13 @@ const hasSlottedNodes = (el, name) => {
     }
     return false;
 };
-export { hasSlottedElements, hasSlottedNodes, };
+const hasSlotted = (el, name) => {
+    var _a;
+    const query = name ? `slot[name="${name}"]` : 'slot:not([name])';
+    const slot = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(query);
+    if (slot) {
+        return slot.assignedNodes().length > 0 || slot.assignedElements().length > 0;
+    }
+    return false;
+};
+export { hasSlottedElements, hasSlottedNodes, hasSlotted, };

package/dist/collection/common/string.js

@@ -0,0 +1,30 @@
+const levenshteinDistance = (a, b) => {
+    const dp = Array.from({ length: a.length + 1 }, (_, i) => 
+    // eslint-disable-next-line no-nested-ternary
+    Array.from({ length: b.length + 1 }, (_, j) => (i === 0 ? j : j === 0 ? i : 0)));
+    for (let i = 1; i <= a.length; i++) {
+        for (let j = 1; j <= b.length; j++) {
+            if (a[i - 1] === b[j - 1]) {
+                dp[i][j] = dp[i - 1][j - 1];
+            }
+            else {
+                dp[i][j] = 1 + Math.min(dp[i - 1][j], dp[i][j - 1], dp[i - 1][j - 1]);
+            }
+        }
+    }
+    return dp[a.length][b.length];
+};
+const closest = (input, validCodes) => {
+    let [closest] = validCodes;
+    let minDistance = levenshteinDistance(input, closest);
+    for (const code of validCodes) {
+        const distance = levenshteinDistance(input, code);
+        if (distance < minDistance) {
+            minDistance = distance;
+            closest = code;
+        }
+    }
+    return closest;
+};
+const firstLetterUppercase = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+export { closest, firstLetterUppercase, levenshteinDistance, };

package/dist/collection/components/mds-table-row/mds-table-row.css

@@ -1,5 +1,126 @@
+@tailwind components;
 @tailwind utilities;
 
+:host(:not(:is([hydrated], .hydrated))) {
+  animation-duration: 0s;
+  border-color: transparent;
+  box-shadow: 0 0 0 transparent;
+  opacity: 0;
+  outline-color: transparent;
+  transition-delay: 0s;
+  transition-duration: 0s;
+  visibility: hidden;
+}
+
+/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */
+
+mds-accordion:not(:is([hydrated], .hydrated)),
+mds-accordion-item:not(:is([hydrated], .hydrated)),
+mds-accordion-timer:not(:is([hydrated], .hydrated)),
+mds-accordion-timer-item:not(:is([hydrated], .hydrated)),
+mds-author:not(:is([hydrated], .hydrated)),
+mds-avatar:not(:is([hydrated], .hydrated)),
+mds-badge:not(:is([hydrated], .hydrated)),
+mds-banner:not(:is([hydrated], .hydrated)),
+mds-benchmark-bar:not(:is([hydrated], .hydrated)),
+mds-bibliography:not(:is([hydrated], .hydrated)),
+mds-breadcrumb:not(:is([hydrated], .hydrated)),
+mds-breadcrumb-item:not(:is([hydrated], .hydrated)),
+mds-button:not(:is([hydrated], .hydrated)),
+mds-card:not(:is([hydrated], .hydrated)),
+mds-card-content:not(:is([hydrated], .hydrated)),
+mds-card-footer:not(:is([hydrated], .hydrated)),
+mds-card-header:not(:is([hydrated], .hydrated)),
+mds-card-media:not(:is([hydrated], .hydrated)),
+mds-chip:not(:is([hydrated], .hydrated)),
+mds-details:not(:is([hydrated], .hydrated)),
+mds-dropdown:not(:is([hydrated], .hydrated)),
+mds-entity:not(:is([hydrated], .hydrated)),
+mds-file:not(:is([hydrated], .hydrated)),
+mds-file-preview:not(:is([hydrated], .hydrated)),
+mds-filter:not(:is([hydrated], .hydrated)),
+mds-filter-item:not(:is([hydrated], .hydrated)),
+mds-header:not(:is([hydrated], .hydrated)),
+mds-header-bar:not(:is([hydrated], .hydrated)),
+mds-help:not(:is([hydrated], .hydrated)),
+mds-horizontal-scroll:not(:is([hydrated], .hydrated)),
+mds-hr:not(:is([hydrated], .hydrated)),
+mds-icon:not(:is([hydrated], .hydrated)),
+mds-img:not(:is([hydrated], .hydrated)),
+mds-input:not(:is([hydrated], .hydrated)),
+mds-input-field:not(:is([hydrated], .hydrated)),
+mds-input-range:not(:is([hydrated], .hydrated)),
+mds-input-select:not(:is([hydrated], .hydrated)),
+mds-input-switch:not(:is([hydrated], .hydrated)),
+mds-input-tip:not(:is([hydrated], .hydrated)),
+mds-input-tip-item:not(:is([hydrated], .hydrated)),
+mds-input-upload:not(:is([hydrated], .hydrated)),
+mds-keyboard:not(:is([hydrated], .hydrated)),
+mds-keyboard-key:not(:is([hydrated], .hydrated)),
+mds-kpi:not(:is([hydrated], .hydrated)),
+mds-kpi-item:not(:is([hydrated], .hydrated)),
+mds-label:not(:is([hydrated], .hydrated)),
+mds-list:not(:is([hydrated], .hydrated)),
+mds-list-item:not(:is([hydrated], .hydrated)),
+mds-modal:not(:is([hydrated], .hydrated)),
+mds-note:not(:is([hydrated], .hydrated)),
+mds-notification:not(:is([hydrated], .hydrated)),
+mds-paginator:not(:is([hydrated], .hydrated)),
+mds-paginator-item:not(:is([hydrated], .hydrated)),
+mds-pref:not(:is([hydrated], .hydrated)),
+mds-pref-animation:not(:is([hydrated], .hydrated)),
+mds-pref-consumption:not(:is([hydrated], .hydrated)),
+mds-pref-contrast:not(:is([hydrated], .hydrated)),
+mds-pref-language:not(:is([hydrated], .hydrated)),
+mds-pref-language-item:not(:is([hydrated], .hydrated)),
+mds-pref-theme:not(:is([hydrated], .hydrated)),
+mds-price-table:not(:is([hydrated], .hydrated)),
+mds-price-table-features:not(:is([hydrated], .hydrated)),
+mds-price-table-features-cell:not(:is([hydrated], .hydrated)),
+mds-price-table-features-row:not(:is([hydrated], .hydrated)),
+mds-price-table-header:not(:is([hydrated], .hydrated)),
+mds-price-table-list:not(:is([hydrated], .hydrated)),
+mds-price-table-list-item:not(:is([hydrated], .hydrated)),
+mds-progress:not(:is([hydrated], .hydrated)),
+mds-push-notification:not(:is([hydrated], .hydrated)),
+mds-push-notifications:not(:is([hydrated], .hydrated)),
+mds-quote:not(:is([hydrated], .hydrated)),
+mds-separator:not(:is([hydrated], .hydrated)),
+mds-spinner:not(:is([hydrated], .hydrated)),
+mds-stepper-bar:not(:is([hydrated], .hydrated)),
+mds-stepper-bar-item:not(:is([hydrated], .hydrated)),
+mds-tab:not(:is([hydrated], .hydrated)),
+mds-tab-bar:not(:is([hydrated], .hydrated)),
+mds-tab-bar-item:not(:is([hydrated], .hydrated)),
+mds-tab-item:not(:is([hydrated], .hydrated)),
+mds-table:not(:is([hydrated], .hydrated)),
+mds-table-body:not(:is([hydrated], .hydrated)),
+mds-table-cell:not(:is([hydrated], .hydrated)),
+mds-table-footer:not(:is([hydrated], .hydrated)),
+mds-table-header:not(:is([hydrated], .hydrated)),
+mds-table-header-cell:not(:is([hydrated], .hydrated)),
+mds-table-row:not(:is([hydrated], .hydrated)),
+mds-text:not(:is([hydrated], .hydrated)),
+mds-toast:not(:is([hydrated], .hydrated)),
+mds-tooltip:not(:is([hydrated], .hydrated)),
+mds-tree:not(:is([hydrated], .hydrated)),
+mds-tree-item:not(:is([hydrated], .hydrated)),
+mds-url-view:not(:is([hydrated], .hydrated)),
+mds-usage:not(:is([hydrated], .hydrated)),
+mds-video-wall:not(:is([hydrated], .hydrated)),
+mds-zero:not(:is([hydrated], .hydrated))
+{
+  animation-duration: 0s;
+  border-color: transparent;
+  box-shadow: 0 0 0 transparent;
+  opacity: 0;
+  outline-color: transparent;
+  transition-delay: 0s;
+  transition-duration: 0s;
+  visibility: hidden;
+}
+
+
 :host {
 
   --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));
@@ -65,10 +186,13 @@
 
   align-items: center;
   background-color: var(--mds-table-row-actions-background);
+  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);
+  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);
   display: inline-flex;
   gap: var(--mds-table-row-actions-gap);
   inset: 0;
   margin-right: 100%;
+  padding: calc(var(--mds-table-border-width) * 2);
   padding-right: 0;
   pointer-events: auto;
   position: sticky;
@@ -83,7 +207,6 @@
   transform: translateX(100%);
 }
 
-
 :host([overlay-actions]) .actions {
   padding-right: var(--mds-table-cell-padding);
   transform: translateX(100%);
@@ -96,6 +219,20 @@
   transform: translateX(0);
 }
 
+:host(:hover):host-context(mds-table[interactive="false"]) .actions,
+:host(:hover):host-context(mds-table:not([interactive])) .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background-hover);
+}
+
+:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,
+:host(:not([selected]):hover):host-context(mds-table[selection][interactive="false"]) .actions,
+:host([selected="false"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,
+:host([selected="false"]:hover):host-context(mds-table[selection][interactive="false"]) .actions {
+
+  --mds-table-row-actions-background: var(--mds-table-row-background-alt);
+}
+
 @container style(--magma-pref-animation: reduce) {
   :host,
   .actions {

package/dist/collection/dictionary/keyboard.js

@@ -0,0 +1,84 @@
+const keyboardKeyNameDictionary = [
+    '0',
+    '1',
+    '2',
+    '3',
+    '4',
+    '5',
+    '6',
+    '7',
+    '8',
+    '9',
+    'a',
+    'alt',
+    'altleft',
+    'altright',
+    'arrowdown',
+    'arrowleft',
+    'arrowright',
+    'arrowup',
+    'b',
+    'backspace',
+    'c',
+    'capslock',
+    'command',
+    'commandleft',
+    'commandright',
+    'control',
+    'controlleft',
+    'controlright',
+    'd',
+    'delete',
+    'e',
+    'end',
+    'enter',
+    'escape',
+    'f',
+    'f1',
+    'f10',
+    'f11',
+    'f12',
+    'f2',
+    'f3',
+    'f4',
+    'f5',
+    'f6',
+    'f7',
+    'f8',
+    'f9',
+    'g',
+    'h',
+    'home',
+    'i',
+    'j',
+    'k',
+    'l',
+    'm',
+    'n',
+    'o',
+    'option',
+    'optionleft',
+    'optionright',
+    'p',
+    'pagedown',
+    'pageup',
+    'q',
+    'r',
+    's',
+    'shift',
+    'shiftleft',
+    'shiftright',
+    'space',
+    't',
+    'tab',
+    'u',
+    'v',
+    'w',
+    'windows',
+    'windowsleft',
+    'windowsright',
+    'x',
+    'y',
+    'z',
+];
+export { keyboardKeyNameDictionary, };

package/dist/collection/type/keyboard.js

@@ -0,0 +1 @@
+export {};

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

@@ -870,7 +870,7 @@ const localeIt = {
 	unselectRow: unselectRow
 };
 
-const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
+const mdsTableRowCss = "@tailwind components;\n@tailwind utilities;\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding: calc(var(--mds-table-border-width) * 2);\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive=\"false\"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive=\"false\"]) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection][interactive=\"false\"]) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-alt);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
 const MdsTableRowStyle0 = mdsTableRowCss;
 
 const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends HTMLElement {

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-06T10:06:36",
+  "timestamp": "2025-02-25T15:13:43",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.25.1",

package/dist/esm/mds-table-row.entry.js

@@ -870,7 +870,7 @@ const localeIt = {
 	unselectRow: unselectRow
 };
 
-const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
+const mdsTableRowCss = "@tailwind components;\n@tailwind utilities;\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding: calc(var(--mds-table-border-width) * 2);\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive=\"false\"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive=\"false\"]) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection][interactive=\"false\"]) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-alt);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";
 const MdsTableRowStyle0 = mdsTableRowCss;
 
 const MdsTableRow = class {

package/dist/esm-es5/mds-table-row.entry.js

@@ -1,6 +1,6 @@
-var __awaiter=this&&this.__awaiter||function(n,e,t,r){function i(n){return n instanceof t?n:new t((function(e){e(n)}))}return new(t||(t=Promise))((function(t,a){function o(n){try{c(r.next(n))}catch(n){a(n)}}function s(n){try{c(r["throw"](n))}catch(n){a(n)}}function c(n){n.done?t(n.value):i(n.value).then(o,s)}c((r=r.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(n){return function(e){return c([n,e])}}function c(s){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(t=0)),t)try{if(r=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;i=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=e.call(n,t)}catch(n){s=[6,n];i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-8134a00a.js";var commonjsGlobal=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var mustache={exports:{}};(function(n,e){(function(e,t){n.exports=t()})(commonjsGlobal,(function(){
+var __awaiter=this&&this.__awaiter||function(t,e,n,r){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,d){function i(t){try{o(r.next(t))}catch(t){d(t)}}function s(t){try{o(r["throw"](t))}catch(t){d(t)}}function o(t){t.done?n(t.value):a(t.value).then(i,s)}o((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},r,a,d,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(t){return function(e){return o([t,e])}}function o(s){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(n=0)),n)try{if(r=1,a&&(d=s[0]&2?a["return"]:s[0]?a["throw"]||((d=a["return"])&&d.call(a),0):a.next)&&!(d=d.call(a,s[1])).done)return d;if(a=0,d)s=[s[0]&2,d.value];switch(s[0]){case 0:case 1:d=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;a=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(d=n.trys,d=d.length>0&&d[d.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!d||s[1]>d[0]&&s[1]<d[3])){n.label=s[1];break}if(s[0]===6&&n.label<d[1]){n.label=d[1];d=s;break}if(d&&n.label<d[2]){n.label=d[2];n.ops.push(s);break}if(d[2])n.ops.pop();n.trys.pop();continue}s=e.call(t,n)}catch(t){s=[6,t];a=0}finally{r=d=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{r as registerInstance,h,H as Host,g as getElement}from"./index-8134a00a.js";var commonjsGlobal=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};var mustache={exports:{}};(function(t,e){(function(e,n){t.exports=n()})(commonjsGlobal,(function(){
 /*!
          * mustache.js - Logic-less {{mustache}} templates with JavaScript
          * http://github.com/janl/mustache.js
          */
-var n=Object.prototype.toString;var e=Array.isArray||function e(t){return n.call(t)==="[object Array]"};function t(n){return typeof n==="function"}function r(n){return e(n)?"array":typeof n}function i(n){return n.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function a(n,e){return n!=null&&typeof n==="object"&&e in n}function o(n,e){return n!=null&&typeof n!=="object"&&n.hasOwnProperty&&n.hasOwnProperty(e)}var s=RegExp.prototype.test;function c(n,e){return s.call(n,e)}var l=/\S/;function f(n){return!c(l,n)}var u={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};function d(n){return String(n).replace(/[&<>"'`=\/]/g,(function n(e){return u[e]}))}var h=/\s*/;var v=/\s+/;var b=/\s*=/;var w=/\s*\}/;var m=/#|\^|\/|>|\{|&|=|!/;function g(n,t){if(!n)return[];var r=false;var a=[];var o=[];var s=[];var c=false;var l=false;var u="";var d=0;function g(){if(c&&!l){while(s.length)delete o[s.pop()]}else{s=[]}c=false;l=false}var R,x,j;function $(n){if(typeof n==="string")n=n.split(v,2);if(!e(n)||n.length!==2)throw new Error("Invalid tags: "+n);R=new RegExp(i(n[0])+"\\s*");x=new RegExp("\\s*"+i(n[1]));j=new RegExp("\\s*"+i("}"+n[1]))}$(t||E.tags);var S=new k(n);var T,_,C,X,z,I;while(!S.eos()){T=S.pos;C=S.scanUntil(R);if(C){for(var M=0,D=C.length;M<D;++M){X=C.charAt(M);if(f(X)){s.push(o.length);u+=X}else{l=true;r=true;u+=" "}o.push(["text",X,T,T+1]);T+=1;if(X==="\n"){g();u="";d=0;r=false}}}if(!S.scan(R))break;c=true;_=S.scan(m)||"name";S.scan(h);if(_==="="){C=S.scanUntil(b);S.scan(b);S.scanUntil(x)}else if(_==="{"){C=S.scanUntil(j);S.scan(w);S.scanUntil(x);_="&"}else{C=S.scanUntil(x)}if(!S.scan(x))throw new Error("Unclosed tag at "+S.pos);if(_==">"){z=[_,C,T,S.pos,u,d,r]}else{z=[_,C,T,S.pos]}d++;o.push(z);if(_==="#"||_==="^"){a.push(z)}else if(_==="/"){I=a.pop();if(!I)throw new Error('Unopened section "'+C+'" at '+T);if(I[1]!==C)throw new Error('Unclosed section "'+I[1]+'" at '+T)}else if(_==="name"||_==="{"||_==="&"){l=true}else if(_==="="){$(C)}}g();I=a.pop();if(I)throw new Error('Unclosed section "'+I[1]+'" at '+S.pos);return y(p(o))}function p(n){var e=[];var t,r;for(var i=0,a=n.length;i<a;++i){t=n[i];if(t){if(t[0]==="text"&&r&&r[0]==="text"){r[1]+=t[1];r[3]=t[3]}else{e.push(t);r=t}}}return e}function y(n){var e=[];var t=e;var r=[];var i,a;for(var o=0,s=n.length;o<s;++o){i=n[o];switch(i[0]){case"#":case"^":t.push(i);r.push(i);t=i[4]=[];break;case"/":a=r.pop();a[5]=i[2];t=r.length>0?r[r.length-1][4]:e;break;default:t.push(i)}}return e}function k(n){this.string=n;this.tail=n;this.pos=0}k.prototype.eos=function n(){return this.tail===""};k.prototype.scan=function n(e){var t=this.tail.match(e);if(!t||t.index!==0)return"";var r=t[0];this.tail=this.tail.substring(r.length);this.pos+=r.length;return r};k.prototype.scanUntil=function n(e){var t=this.tail.search(e),r;switch(t){case-1:r=this.tail;this.tail="";break;case 0:r="";break;default:r=this.tail.substring(0,t);this.tail=this.tail.substring(t)}this.pos+=r.length;return r};function R(n,e){this.view=n;this.cache={".":this.view};this.parent=e}R.prototype.push=function n(e){return new R(e,this)};R.prototype.lookup=function n(e){var r=this.cache;var i;if(r.hasOwnProperty(e)){i=r[e]}else{var s=this,c,l,f,u=false;while(s){if(e.indexOf(".")>0){c=s.view;l=e.split(".");f=0;while(c!=null&&f<l.length){if(f===l.length-1)u=a(c,l[f])||o(c,l[f]);c=c[l[f++]]}}else{c=s.view[e];u=a(s.view,e)}if(u){i=c;break}s=s.parent}r[e]=i}if(t(i))i=i.call(this.view);return i};function x(){this.templateCache={_cache:{},set:function n(e,t){this._cache[e]=t},get:function n(e){return this._cache[e]},clear:function n(){this._cache={}}}}x.prototype.clearCache=function n(){if(typeof this.templateCache!=="undefined"){this.templateCache.clear()}};x.prototype.parse=function n(e,t){var r=this.templateCache;var i=e+":"+(t||E.tags).join(":");var a=typeof r!=="undefined";var o=a?r.get(i):undefined;if(o==undefined){o=g(e,t);a&&r.set(i,o)}return o};x.prototype.render=function n(e,t,r,i){var a=this.getConfigTags(i);var o=this.parse(e,a);var s=t instanceof R?t:new R(t,undefined);return this.renderTokens(o,s,r,e,i)};x.prototype.renderTokens=function n(e,t,r,i,a){var o="";var s,c,l;for(var f=0,u=e.length;f<u;++f){l=undefined;s=e[f];c=s[0];if(c==="#")l=this.renderSection(s,t,r,i,a);else if(c==="^")l=this.renderInverted(s,t,r,i,a);else if(c===">")l=this.renderPartial(s,t,r,a);else if(c==="&")l=this.unescapedValue(s,t);else if(c==="name")l=this.escapedValue(s,t,a);else if(c==="text")l=this.rawValue(s);if(l!==undefined)o+=l}return o};x.prototype.renderSection=function n(r,i,a,o,s){var c=this;var l="";var f=i.lookup(r[1]);function u(n){return c.render(n,i,a,s)}if(!f)return;if(e(f)){for(var d=0,h=f.length;d<h;++d){l+=this.renderTokens(r[4],i.push(f[d]),a,o,s)}}else if(typeof f==="object"||typeof f==="string"||typeof f==="number"){l+=this.renderTokens(r[4],i.push(f),a,o,s)}else if(t(f)){if(typeof o!=="string")throw new Error("Cannot use higher-order sections without the original template");f=f.call(i.view,o.slice(r[3],r[5]),u);if(f!=null)l+=f}else{l+=this.renderTokens(r[4],i,a,o,s)}return l};x.prototype.renderInverted=function n(t,r,i,a,o){var s=r.lookup(t[1]);if(!s||e(s)&&s.length===0)return this.renderTokens(t[4],r,i,a,o)};x.prototype.indentPartial=function n(e,t,r){var i=t.replace(/[^ \t]/g,"");var a=e.split("\n");for(var o=0;o<a.length;o++){if(a[o].length&&(o>0||!r)){a[o]=i+a[o]}}return a.join("\n")};x.prototype.renderPartial=function n(e,r,i,a){if(!i)return;var o=this.getConfigTags(a);var s=t(i)?i(e[1]):i[e[1]];if(s!=null){var c=e[6];var l=e[5];var f=e[4];var u=s;if(l==0&&f){u=this.indentPartial(s,f,c)}var d=this.parse(u,o);return this.renderTokens(d,r,i,u,a)}};x.prototype.unescapedValue=function n(e,t){var r=t.lookup(e[1]);if(r!=null)return r};x.prototype.escapedValue=function n(e,t,r){var i=this.getConfigEscape(r)||E.escape;var a=t.lookup(e[1]);if(a!=null)return typeof a==="number"&&i===E.escape?String(a):i(a)};x.prototype.rawValue=function n(e){return e[1]};x.prototype.getConfigTags=function n(t){if(e(t)){return t}else if(t&&typeof t==="object"){return t.tags}else{return undefined}};x.prototype.getConfigEscape=function n(t){if(t&&typeof t==="object"&&!e(t)){return t.escape}else{return undefined}};var E={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:undefined,escape:undefined,parse:undefined,render:undefined,Scanner:undefined,Context:undefined,Writer:undefined,set templateCache(n){j.templateCache=n},get templateCache(){return j.templateCache}};var j=new x;E.clearCache=function n(){return j.clearCache()};E.parse=function n(e,t){return j.parse(e,t)};E.render=function n(e,t,i,a){if(typeof e!=="string"){throw new TypeError('Invalid template! Template should be a "string" '+'but "'+r(e)+'" was given as the first '+"argument for mustache#render(template, view, partials)")}return j.render(e,t,i,a)};E.escape=d;E.Scanner=k;E.Context=R;E.Writer=x;return E}))})(mustache);var Locale=function(){function n(n){var e=this;this.rollbackLanguage="en";this.set=function(n){e.config=n};this.lang=function(n){e.element=n;e.closestElement=e.element.closest("[lang]");if(e.closestElement){if(e.closestElement.lang){e.language=e.closestElement.lang;return e.language}}e.language=e.rollbackLanguage;return e.language};this.update=function(n){var t=n!==null&&n!==void 0?n:e.element.shadowRoot;t&&t.querySelectorAll("*").forEach((function(n){if(n.tagName.toLowerCase().startsWith("mds-")){if(n&&"updateLang"in n){n.updateLang()}}}))};this.pluralize=function(n,t){var r=e.config[e.language]?e.config[e.language][n]:e.config[e.rollbackLanguage][n];var i=[];if(Array.isArray(r)){i.push(r[0]);i.push(r[1])}else{i.push(r);i.push(r)}var a=i[0];var o=a;var s=Object.keys(t);if(s.length>0){var c=s[0];if(typeof t[c]==="number"){if(t[c]!==1){o=i[1]}}}return mustache.exports.render(o,t)};this.get=function(n,t){if(t){return e.pluralize(n,t)}return e.config[e.language]?e.config[e.language][n]:e.config[e.rollbackLanguage][n]};if(n){this.set(n)}}return n}();var selectRow$3="Επιλογή γραμμής";var unselectRow$3="Αποεπιλογή γραμμής";var localeEl={selectRow:selectRow$3,unselectRow:unselectRow$3};var selectRow$2="Select row";var unselectRow$2="Deselect row";var localeEn={selectRow:selectRow$2,unselectRow:unselectRow$2};var selectRow$1="Seleccionar fila";var unselectRow$1="Deseleccionar fila";var localeEs={selectRow:selectRow$1,unselectRow:unselectRow$1};var selectRow="Seleziona riga";var unselectRow="Deseleziona riga";var localeIt={selectRow:selectRow,unselectRow:unselectRow};var mdsTableRowCss="@tailwind utilities;\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n";var MdsTableRowStyle0=mdsTableRowCss;var MdsTableRow=function(){function n(n){var e=this;registerInstance(this,n);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.selectable=undefined;this.handleSelectionChange=function(n){var t;e.selected=n.detail.checked;(t=e.host.closest("mds-table"))===null||t===void 0?void 0:t.updateSelection()}}n.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};n.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.hasActions=this.host.querySelector('[slot="action"]')!==null};n.prototype.componentDidLoad=function(){var n;if(this.hasActions){this.actions=(n=this.host.shadowRoot)===null||n===void 0?void 0:n.querySelector(".actions");this.sizerWidth="".concat(this.actions.offsetWidth.toString(),"px")}};n.prototype.render=function(){return h(Host,{key:"4905591b94a0af846d25e3cf55fe5805ecec76be",role:"row"},this.selectable&&h("mds-table-cell",{key:"07f8596969f20148250cc42fde0a806435825274",class:"selection-cell"},h("div",{key:"2d0bb74f3f5edaf6180c68a60457b374dcd7a4bd",class:"checkbox-wrapper"},h("mds-input-switch",{key:"e04fafd6a53ed1c6a4208b0317419fe21d08f28e",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),h("slot",{key:"d71c2ec9e675fd8190eeeb7d816a5e2566c6afc4"}),this.hasActions&&h("mds-table-cell",{key:"0ede2c5f98d7541920c4170d70c21f9f61ac93cb",class:"actions-cell"},h("div",{key:"8a097d4b04bd594778f51bedfe438fe1fd3479b3",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),h("div",{key:"31f1fe8d7e4ee01f33f1c6a5b76e23fd875dfd82",class:"actions-view"},h("div",{key:"762785e31a306ba3c1e7654218bdf8cb33044cd3",class:"actions",style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},h("slot",{key:"05ea2b5edc71e58859e55e52c1ab65ca0c5354f8",name:"action"})))))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsTableRow.style=MdsTableRowStyle0;export{MdsTableRow as mds_table_row};
+var t=Object.prototype.toString;var e=Array.isArray||function e(n){return t.call(n)==="[object Array]"};function n(t){return typeof t==="function"}function r(t){return e(t)?"array":typeof t}function a(t){return t.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}function d(t,e){return t!=null&&typeof t==="object"&&e in t}function i(t,e){return t!=null&&typeof t!=="object"&&t.hasOwnProperty&&t.hasOwnProperty(e)}var s=RegExp.prototype.test;function o(t,e){return s.call(t,e)}var h=/\S/;function c(t){return!o(h,t)}var l={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};function u(t){return String(t).replace(/[&<>"'`=\/]/g,(function t(e){return l[e]}))}var f=/\s*/;var y=/\s+/;var m=/\s*=/;var b=/\s*\}/;var v=/#|\^|\/|>|\{|&|=|!/;function w(t,n){if(!t)return[];var r=false;var d=[];var i=[];var s=[];var o=false;var h=false;var l="";var u=0;function w(){if(o&&!h){while(s.length)delete i[s.pop()]}else{s=[]}o=false;h=false}var x,R,j;function $(t){if(typeof t==="string")t=t.split(y,2);if(!e(t)||t.length!==2)throw new Error("Invalid tags: "+t);x=new RegExp(a(t[0])+"\\s*");R=new RegExp("\\s*"+a(t[1]));j=new RegExp("\\s*"+a("}"+t[1]))}$(n||E.tags);var T=new k(t);var S,_,z,C,X,I;while(!T.eos()){S=T.pos;z=T.scanUntil(x);if(z){for(var M=0,D=z.length;M<D;++M){C=z.charAt(M);if(c(C)){s.push(i.length);l+=C}else{h=true;r=true;l+=" "}i.push(["text",C,S,S+1]);S+=1;if(C==="\n"){w();l="";u=0;r=false}}}if(!T.scan(x))break;o=true;_=T.scan(v)||"name";T.scan(f);if(_==="="){z=T.scanUntil(m);T.scan(m);T.scanUntil(R)}else if(_==="{"){z=T.scanUntil(j);T.scan(b);T.scanUntil(R);_="&"}else{z=T.scanUntil(R)}if(!T.scan(R))throw new Error("Unclosed tag at "+T.pos);if(_==">"){X=[_,z,S,T.pos,l,u,r]}else{X=[_,z,S,T.pos]}u++;i.push(X);if(_==="#"||_==="^"){d.push(X)}else if(_==="/"){I=d.pop();if(!I)throw new Error('Unopened section "'+z+'" at '+S);if(I[1]!==z)throw new Error('Unclosed section "'+I[1]+'" at '+S)}else if(_==="name"||_==="{"||_==="&"){h=true}else if(_==="="){$(z)}}w();I=d.pop();if(I)throw new Error('Unclosed section "'+I[1]+'" at '+T.pos);return g(p(i))}function p(t){var e=[];var n,r;for(var a=0,d=t.length;a<d;++a){n=t[a];if(n){if(n[0]==="text"&&r&&r[0]==="text"){r[1]+=n[1];r[3]=n[3]}else{e.push(n);r=n}}}return e}function g(t){var e=[];var n=e;var r=[];var a,d;for(var i=0,s=t.length;i<s;++i){a=t[i];switch(a[0]){case"#":case"^":n.push(a);r.push(a);n=a[4]=[];break;case"/":d=r.pop();d[5]=a[2];n=r.length>0?r[r.length-1][4]:e;break;default:n.push(a)}}return e}function k(t){this.string=t;this.tail=t;this.pos=0}k.prototype.eos=function t(){return this.tail===""};k.prototype.scan=function t(e){var n=this.tail.match(e);if(!n||n.index!==0)return"";var r=n[0];this.tail=this.tail.substring(r.length);this.pos+=r.length;return r};k.prototype.scanUntil=function t(e){var n=this.tail.search(e),r;switch(n){case-1:r=this.tail;this.tail="";break;case 0:r="";break;default:r=this.tail.substring(0,n);this.tail=this.tail.substring(n)}this.pos+=r.length;return r};function x(t,e){this.view=t;this.cache={".":this.view};this.parent=e}x.prototype.push=function t(e){return new x(e,this)};x.prototype.lookup=function t(e){var r=this.cache;var a;if(r.hasOwnProperty(e)){a=r[e]}else{var s=this,o,h,c,l=false;while(s){if(e.indexOf(".")>0){o=s.view;h=e.split(".");c=0;while(o!=null&&c<h.length){if(c===h.length-1)l=d(o,h[c])||i(o,h[c]);o=o[h[c++]]}}else{o=s.view[e];l=d(s.view,e)}if(l){a=o;break}s=s.parent}r[e]=a}if(n(a))a=a.call(this.view);return a};function R(){this.templateCache={_cache:{},set:function t(e,n){this._cache[e]=n},get:function t(e){return this._cache[e]},clear:function t(){this._cache={}}}}R.prototype.clearCache=function t(){if(typeof this.templateCache!=="undefined"){this.templateCache.clear()}};R.prototype.parse=function t(e,n){var r=this.templateCache;var a=e+":"+(n||E.tags).join(":");var d=typeof r!=="undefined";var i=d?r.get(a):undefined;if(i==undefined){i=w(e,n);d&&r.set(a,i)}return i};R.prototype.render=function t(e,n,r,a){var d=this.getConfigTags(a);var i=this.parse(e,d);var s=n instanceof x?n:new x(n,undefined);return this.renderTokens(i,s,r,e,a)};R.prototype.renderTokens=function t(e,n,r,a,d){var i="";var s,o,h;for(var c=0,l=e.length;c<l;++c){h=undefined;s=e[c];o=s[0];if(o==="#")h=this.renderSection(s,n,r,a,d);else if(o==="^")h=this.renderInverted(s,n,r,a,d);else if(o===">")h=this.renderPartial(s,n,r,d);else if(o==="&")h=this.unescapedValue(s,n);else if(o==="name")h=this.escapedValue(s,n,d);else if(o==="text")h=this.rawValue(s);if(h!==undefined)i+=h}return i};R.prototype.renderSection=function t(r,a,d,i,s){var o=this;var h="";var c=a.lookup(r[1]);function l(t){return o.render(t,a,d,s)}if(!c)return;if(e(c)){for(var u=0,f=c.length;u<f;++u){h+=this.renderTokens(r[4],a.push(c[u]),d,i,s)}}else if(typeof c==="object"||typeof c==="string"||typeof c==="number"){h+=this.renderTokens(r[4],a.push(c),d,i,s)}else if(n(c)){if(typeof i!=="string")throw new Error("Cannot use higher-order sections without the original template");c=c.call(a.view,i.slice(r[3],r[5]),l);if(c!=null)h+=c}else{h+=this.renderTokens(r[4],a,d,i,s)}return h};R.prototype.renderInverted=function t(n,r,a,d,i){var s=r.lookup(n[1]);if(!s||e(s)&&s.length===0)return this.renderTokens(n[4],r,a,d,i)};R.prototype.indentPartial=function t(e,n,r){var a=n.replace(/[^ \t]/g,"");var d=e.split("\n");for(var i=0;i<d.length;i++){if(d[i].length&&(i>0||!r)){d[i]=a+d[i]}}return d.join("\n")};R.prototype.renderPartial=function t(e,r,a,d){if(!a)return;var i=this.getConfigTags(d);var s=n(a)?a(e[1]):a[e[1]];if(s!=null){var o=e[6];var h=e[5];var c=e[4];var l=s;if(h==0&&c){l=this.indentPartial(s,c,o)}var u=this.parse(l,i);return this.renderTokens(u,r,a,l,d)}};R.prototype.unescapedValue=function t(e,n){var r=n.lookup(e[1]);if(r!=null)return r};R.prototype.escapedValue=function t(e,n,r){var a=this.getConfigEscape(r)||E.escape;var d=n.lookup(e[1]);if(d!=null)return typeof d==="number"&&a===E.escape?String(d):a(d)};R.prototype.rawValue=function t(e){return e[1]};R.prototype.getConfigTags=function t(n){if(e(n)){return n}else if(n&&typeof n==="object"){return n.tags}else{return undefined}};R.prototype.getConfigEscape=function t(n){if(n&&typeof n==="object"&&!e(n)){return n.escape}else{return undefined}};var E={name:"mustache.js",version:"4.2.0",tags:["{{","}}"],clearCache:undefined,escape:undefined,parse:undefined,render:undefined,Scanner:undefined,Context:undefined,Writer:undefined,set templateCache(t){j.templateCache=t},get templateCache(){return j.templateCache}};var j=new R;E.clearCache=function t(){return j.clearCache()};E.parse=function t(e,n){return j.parse(e,n)};E.render=function t(e,n,a,d){if(typeof e!=="string"){throw new TypeError('Invalid template! Template should be a "string" '+'but "'+r(e)+'" was given as the first '+"argument for mustache#render(template, view, partials)")}return j.render(e,n,a,d)};E.escape=u;E.Scanner=k;E.Context=x;E.Writer=R;return E}))})(mustache);var Locale=function(){function t(t){var e=this;this.rollbackLanguage="en";this.set=function(t){e.config=t};this.lang=function(t){e.element=t;e.closestElement=e.element.closest("[lang]");if(e.closestElement){if(e.closestElement.lang){e.language=e.closestElement.lang;return e.language}}e.language=e.rollbackLanguage;return e.language};this.update=function(t){var n=t!==null&&t!==void 0?t:e.element.shadowRoot;n&&n.querySelectorAll("*").forEach((function(t){if(t.tagName.toLowerCase().startsWith("mds-")){if(t&&"updateLang"in t){t.updateLang()}}}))};this.pluralize=function(t,n){var r=e.config[e.language]?e.config[e.language][t]:e.config[e.rollbackLanguage][t];var a=[];if(Array.isArray(r)){a.push(r[0]);a.push(r[1])}else{a.push(r);a.push(r)}var d=a[0];var i=d;var s=Object.keys(n);if(s.length>0){var o=s[0];if(typeof n[o]==="number"){if(n[o]!==1){i=a[1]}}}return mustache.exports.render(i,n)};this.get=function(t,n){if(n){return e.pluralize(t,n)}return e.config[e.language]?e.config[e.language][t]:e.config[e.rollbackLanguage][t]};if(t){this.set(t)}}return t}();var selectRow$3="Επιλογή γραμμής";var unselectRow$3="Αποεπιλογή γραμμής";var localeEl={selectRow:selectRow$3,unselectRow:unselectRow$3};var selectRow$2="Select row";var unselectRow$2="Deselect row";var localeEn={selectRow:selectRow$2,unselectRow:unselectRow$2};var selectRow$1="Seleccionar fila";var unselectRow$1="Deseleccionar fila";var localeEs={selectRow:selectRow$1,unselectRow:unselectRow$1};var selectRow="Seleziona riga";var unselectRow="Deseleziona riga";var localeIt={selectRow:selectRow,unselectRow:unselectRow};var mdsTableRowCss='@tailwind components;\n@tailwind utilities;\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n\n:host {\n\n  --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n  --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n  --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n  --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\n  --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n  -webkit-transition-duration: 200ms;\n  transition-duration: 200ms;\n  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n  color: var(--mds-table-row-color);\n  display: table-row;\n  position: relative;\n  -webkit-transition-property: color;\n  transition-property: color;\n\n}\n\n.selection-cell {\n  vertical-align: middle;\n}\n\n.checkbox-wrapper {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host([interactive]:hover) {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-alt);\n  --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n  --mds-table-row-background: var(--mds-table-row-background-hover);\n  --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  inset: 0;\n  -ms-flex-pack: end;\n  justify-content: end;\n  pointer-events: none;\n  position: absolute;\n}\n\n.actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -ms-flex-align: center;\n\n  align-items: center;\n  background-color: var(--mds-table-row-actions-background);\n  border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  gap: var(--mds-table-row-actions-gap);\n  inset: 0;\n  margin-right: 100%;\n  padding: calc(var(--mds-table-border-width) * 2);\n  padding-right: 0;\n  pointer-events: auto;\n  position: -webkit-sticky;\n  position: sticky;\n  right: 0;\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n  -webkit-transition-duration: 500ms;\n  transition-duration: 500ms;\n  -webkit-transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: background-color, padding-right, -webkit-transform;\n  transition-property: transform, background-color, padding-right;\n  transition-property: transform, background-color, padding-right, -webkit-transform;\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n:host(:hover) .actions {\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]) .actions {\n  padding-right: var(--mds-table-cell-padding);\n  -webkit-transform: translateX(100%);\n  transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background);\n\n  -webkit-transform: translateX(0);\n\n  transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive="false"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive="false"]) .actions,\n:host([selected="false"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected="false"]:hover):host-context(mds-table[selection][interactive="false"]) .actions {\n\n  --mds-table-row-actions-background: var(--mds-table-row-background-alt);\n}\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .actions {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .actions {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n';var MdsTableRowStyle0=mdsTableRowCss;var MdsTableRow=function(){function t(t){var e=this;registerInstance(this,t);this.t=new Locale({el:localeEl,en:localeEn,es:localeEs,it:localeIt});this.selectable=undefined;this.handleSelectionChange=function(t){var n;e.selected=t.detail.checked;(n=e.host.closest("mds-table"))===null||n===void 0?void 0:n.updateSelection()}}t.prototype.updateLang=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.language=this.t.lang(this.host);this.t.update();return[2]}))}))};t.prototype.componentWillLoad=function(){this.language=this.t.lang(this.host);this.hasActions=this.host.querySelector('[slot="action"]')!==null};t.prototype.componentDidLoad=function(){var t;if(this.hasActions){this.actions=(t=this.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".actions");this.sizerWidth="".concat(this.actions.offsetWidth.toString(),"px")}};t.prototype.render=function(){return h(Host,{key:"4905591b94a0af846d25e3cf55fe5805ecec76be",role:"row"},this.selectable&&h("mds-table-cell",{key:"07f8596969f20148250cc42fde0a806435825274",class:"selection-cell"},h("div",{key:"2d0bb74f3f5edaf6180c68a60457b374dcd7a4bd",class:"checkbox-wrapper"},h("mds-input-switch",{key:"e04fafd6a53ed1c6a4208b0317419fe21d08f28e",title:this.t.get(this.selected?"unselectRow":"selectRow"),lang:this.language,type:"checkbox",checked:this.selected,onMdsInputSwitchChange:this.handleSelectionChange}))),h("slot",{key:"d71c2ec9e675fd8190eeeb7d816a5e2566c6afc4"}),this.hasActions&&h("mds-table-cell",{key:"0ede2c5f98d7541920c4170d70c21f9f61ac93cb",class:"actions-cell"},h("div",{key:"8a097d4b04bd594778f51bedfe438fe1fd3479b3",class:"actions-sizer",style:{minHeight:"1px",maxWidth:this.sizerWidth,minWidth:this.sizerWidth}}),h("div",{key:"31f1fe8d7e4ee01f33f1c6a5b76e23fd875dfd82",class:"actions-view"},h("div",{key:"762785e31a306ba3c1e7654218bdf8cb33044cd3",class:"actions",style:{marginRight:"calc(".concat(this.sizerWidth," + var(--mds-table-cell-padding))")}},h("slot",{key:"05ea2b5edc71e58859e55e52c1ab65ca0c5354f8",name:"action"})))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();MdsTableRow.style=MdsTableRowStyle0;export{MdsTableRow as mds_table_row};

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

@@ -1 +1 @@
-import{p as e,b as a}from"./p-22d4881a.js";export{s as setNonce}from"./p-22d4881a.js";import{g as t}from"./p-e1255160.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-827e2f31",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],e))));
+import{p as a,b as e}from"./p-22d4881a.js";export{s as setNonce}from"./p-22d4881a.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-64bc1c7b",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],a))));

package/dist/mds-table-row/p-11048c96.system.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?n(t.value):i(t.value).then(u,a)}o((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(e){return o([t,e])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(c=n.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){n.label=a[1];break}if(a[0]===6&&n.label<c[1]){n.label=c[1];c=a;break}if(c&&n.label<c[2]){n.label=c[2];n.ops.push(a);break}if(c[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-88f814c9.system.js","./p-56ba5cbf.system.js"],(function(t,e){"use strict";var n,r,i;return{setters:[function(e){n=e.p;r=e.b;t("setNonce",e.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=e.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return n(r)};c().then((function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-ed03fa5e.system",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],e)]}}))}))}))}}}));
+var __awaiter=this&&this.__awaiter||function(t,n,e,r){function i(t){return t instanceof e?t:new e((function(n){n(t)}))}return new(e||(e=Promise))((function(e,c){function u(t){try{o(r.next(t))}catch(t){c(t)}}function a(t){try{o(r["throw"](t))}catch(t){c(t)}}function o(t){t.done?e(t.value):i(t.value).then(u,a)}o((r=r.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var e={label:0,sent:function(){if(c[0]&1)throw c[1];return c[1]},trys:[],ops:[]},r,i,c,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(n){return o([t,n])}}function o(a){if(r)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(e=0)),e)try{if(r=1,i&&(c=a[0]&2?i["return"]:a[0]?i["throw"]||((c=i["return"])&&c.call(i),0):i.next)&&!(c=c.call(i,a[1])).done)return c;if(i=0,c)a=[a[0]&2,c.value];switch(a[0]){case 0:case 1:c=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;i=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(c=e.trys,c=c.length>0&&c[c.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!c||a[1]>c[0]&&a[1]<c[3])){e.label=a[1];break}if(a[0]===6&&e.label<c[1]){e.label=c[1];c=a;break}if(c&&e.label<c[2]){e.label=c[2];e.ops.push(a);break}if(c[2])e.ops.pop();e.trys.pop();continue}a=n.call(t,e)}catch(t){a=[6,t];i=0}finally{r=c=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-88f814c9.system.js","./p-56ba5cbf.system.js"],(function(t,n){"use strict";var e,r,i;return{setters:[function(n){e=n.p;r=n.b;t("setNonce",n.s)},function(t){i=t.g}],execute:function(){var t=this;var c=function(){var t=n.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return e(r)};c().then((function(n){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,i()];case 1:t.sent();return[2,r([["p-c5e9ab44.system",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],language:[32],updateLang:[64]}]]]],n)]}}))}))}))}}}));