@cupra/ui-kit 2.0.0-canary.88 → 2.0.0-canary.89

package/dist/esm/components/ds-slider/styles/common.styles.js

@@ -1,13 +1,12 @@
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
 import { cssWithTokens as t } from "../../../utils/cssWithTokens.js";
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const s = e`
+//#region src/components/ds-slider/styles/common.styles.ts
+var n = e`
     :host {
         display: block;
     }
-`, l = t`
+`, r = t`
     .current-value-container {
         position: relative;
     }
@@ -16,7 +15,7 @@ const s = e`
         display: inline-flex;
         position: absolute;
     }
-`, c = t`
+`, i = t`
     .range-value-container {
         display: flex;
         justify-content: space-between;
@@ -29,7 +28,7 @@ const s = e`
     .range-value-label:after {
         content: ':';
     }
-`, p = t`
+`, a = t`
     .track {
         position: relative;
         cursor: pointer;
@@ -46,16 +45,11 @@ const s = e`
     .track, .track-range {
         background-clip: content-box;
     }
-`, u = t`
+`, o = t`
     .thumb {
         z-index: 2;
         position: absolute;
     }
 `;
-export {
-  s as commonStyles,
-  l as currentValueStyles,
-  c as rangeValueStyles,
-  u as thumbStyles,
-  p as trackStyles
-};
+//#endregion
+export { n as commonStyles, r as currentValueStyles, i as rangeValueStyles, o as thumbStyles, a as trackStyles };

package/dist/esm/components/ds-slider/utils/getStepValue/getStepValue.js

@@ -1,28 +1,55 @@
-function M({ value: a, min: n, max: l }) {
-  return Math.min(Math.max(a, n), l);
+//#region src/components/ds-slider/utils/getStepValue/getStepValue.ts
+function e({ value: e, min: t, max: n }) {
+	return Math.min(Math.max(e, t), n);
 }
-const d = (a, n, l = 10) => {
-  const f = Math.pow(10, l), m = Math.round(a * f), o = Math.round(n * f);
-  return (m + o) / f;
-}, S = ({ step: a = 1, min: n = 0, max: l = 100, proposedValue: f, role: m, currentValues: o }) => {
-  const c = m === "min" ? 1 : 2, u = f;
-  let i, t = n, e = l;
-  return Number.isFinite(u) ? (Object.keys(o).forEach((h) => {
-    if (Number(h) < c && o[h] >= t) {
-      if (t = o[h], a === 0) return;
-      let r = n;
-      for (; r <= t; ) r = d(r, a);
-      t = r;
-    }
-    if (Number(h) > c && o[h] <= e) {
-      if (e = o[h], a === 0) return;
-      let r = n;
-      for (; r + a < e; ) r = d(r, a);
-      e = r;
-    }
-    t = M({ value: t, min: n, max: l }), e = M({ value: e, min: n, max: l });
-  }), u <= t || u >= e ? (i = Math.max(t, Math.min(e, u)), { stepValue: i, minLimit: t, maxLimit: e }) : a === 0 ? { stepValue: u, minLimit: t, maxLimit: e } : (i = Math.round((u - t) / a) * a + t, i = u - i > e - u ? e : i, i = M({ value: i, min: t, max: e }), { stepValue: i, minLimit: t, maxLimit: e })) : { stepValue: o[String(c)], minLimit: t, maxLimit: e };
-};
-export {
-  S as getStepValue
+var t = (e, t, n = 10) => {
+	let r = 10 ** n;
+	return (Math.round(e * r) + Math.round(t * r)) / r;
+}, n = ({ step: n = 1, min: r = 0, max: i = 100, proposedValue: a, role: o, currentValues: s }) => {
+	let c = o === "min" ? 1 : 2, l = a, u, d = r, f = i;
+	return Number.isFinite(l) ? (Object.keys(s).forEach((a) => {
+		if (Number(a) < c && s[a] >= d) {
+			if (d = s[a], n === 0) return;
+			let e = r;
+			for (; e <= d;) e = t(e, n);
+			d = e;
+		}
+		if (Number(a) > c && s[a] <= f) {
+			if (f = s[a], n === 0) return;
+			let e = r;
+			for (; e + n < f;) e = t(e, n);
+			f = e;
+		}
+		d = e({
+			value: d,
+			min: r,
+			max: i
+		}), f = e({
+			value: f,
+			min: r,
+			max: i
+		});
+	}), l <= d || l >= f ? (u = Math.max(d, Math.min(f, l)), {
+		stepValue: u,
+		minLimit: d,
+		maxLimit: f
+	}) : n === 0 ? {
+		stepValue: l,
+		minLimit: d,
+		maxLimit: f
+	} : (u = Math.round((l - d) / n) * n + d, u = l - u > f - l ? f : u, u = e({
+		value: u,
+		min: d,
+		max: f
+	}), {
+		stepValue: u,
+		minLimit: d,
+		maxLimit: f
+	})) : {
+		stepValue: s[String(c)],
+		minLimit: d,
+		maxLimit: f
+	};
 };
+//#endregion
+export { n as getStepValue };

package/dist/esm/components/ds-slider/utils/roundToDecimals/roundToDecimals.js

@@ -1,7 +1,7 @@
-const n = ({ value: t, fractionDigits: r }) => {
-  const o = Math.pow(10, r);
-  return Math.round(t * o) / o;
-};
-export {
-  n as roundToDecimals
+//#region src/components/ds-slider/utils/roundToDecimals/roundToDecimals.ts
+var e = ({ value: e, fractionDigits: t }) => {
+	let n = 10 ** t;
+	return Math.round(e * n) / n;
 };
+//#endregion
+export { e as roundToDecimals };

package/dist/esm/components/ds-static-box/ds-static-box.js

@@ -1,49 +1,49 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { htmlWithTokens as o } from "../../utils/htmlWithTokens.js";
+import { e as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
 import { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
-import { htmlWithTokens as f } from "../../utils/htmlWithTokens.js";
-import { objectConverter as h } from "../../utils/objectConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as v } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as y } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { queryAssignedNodes as m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-nodes.js";
-import { classMap as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as b } from "./styles/common.styles.js";
-var g = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (t, e, a, o) => {
-  for (var s = o > 1 ? void 0 : o ? x(e, a) : e, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (o ? l(e, a, s) : l(s)) || s);
-  return o && s && g(e, a, s), s;
-};
-let r = class extends c(p) {
-  constructor() {
-    super(...arguments), this.size = "medium";
-  }
-  get classes() {
-    const t = typeof this.size == "string" ? this.size : this.size[this.viewport];
-    return {
-      container: !0,
-      [t]: !!t
-    };
-  }
-  get styleTokens() {
-    var t, e;
-    return f`
+import { objectConverter as l } from "../../utils/objectConverter.js";
+import { commonStyles as u } from "./styles/common.styles.js";
+//#region src/components/ds-static-box/ds-static-box.ts
+var d = class extends c(i) {
+	constructor(...e) {
+		super(...e), this.size = "medium";
+	}
+	static {
+		this.styles = [u];
+	}
+	get classes() {
+		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
+		return {
+			container: !0,
+			[e]: !!e
+		};
+	}
+	get styleTokens() {
+		return o`
             <style>
                 .header {
-                    display: ${((t = this.headerItems) == null ? void 0 : t.length) > 0 ? "block" : "none"};
+                    display: ${this.headerItems?.length > 0 ? "block" : "none"};
                 }
                 
                 .footer {
-                    display: ${((e = this.footerItems) == null ? void 0 : e.length) > 0 ? "block" : "none"};
+                    display: ${this.footerItems?.length > 0 ? "block" : "none"};
                 }
             </style>
         `;
-  }
-  render() {
-    return v`
+	}
+	render() {
+		return e`
             ${this.styleTokens}
-            <div part="container" data-testid="ds-static-box-container" class=${u(this.classes)}>
+            <div part="container" data-testid="ds-static-box-container" class=${s(this.classes)}>
                 <div class="body">
                     <div part="header" class="header">
                         <slot name="header"></slot>
@@ -57,21 +57,16 @@ let r = class extends c(p) {
                 </div>
             </div>
         `;
-  }
-};
-r.styles = [b];
-i([
-  y({ type: String, converter: h })
-], r.prototype, "size", 2);
-i([
-  m({ slot: "header", flatten: !0 })
-], r.prototype, "headerItems", 2);
-i([
-  m({ slot: "footer", flatten: !0 })
-], r.prototype, "footerItems", 2);
-r = i([
-  d("ds-static-box")
-], r);
-export {
-  r as DsStaticBox
+	}
 };
+r([t({
+	type: String,
+	converter: l
+})], d.prototype, "size", void 0), r([n({
+	slot: "header",
+	flatten: !0
+})], d.prototype, "headerItems", void 0), r([n({
+	slot: "footer",
+	flatten: !0
+})], d.prototype, "footerItems", void 0), d = r([a("ds-static-box")], d);
+//#endregion

package/dist/esm/components/ds-static-box/styles/common.styles.js

@@ -1,12 +1,10 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const p = o`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-static-box/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  p as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-stepper/ds-stepper.js

@@ -1,83 +1,80 @@
-import { UiKitElement as u } from "../base/UiKitElement.js";
-import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as i, nothing as h } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as f } from "./styles/common.styles.js";
-var v = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (a, t, p, s) => {
-  for (var e = s > 1 ? void 0 : s ? S(t, p) : t, o = a.length - 1, c; o >= 0; o--)
-    (c = a[o]) && (e = (s ? c(t, p, e) : c(e)) || e);
-  return s && e && v(t, p, e), e;
-};
-let r = class extends u {
-  constructor() {
-    super(...arguments), this.steps = 0, this.currentStep = -1, this.sectionName = "";
-  }
-  get classes() {
-    return {
-      container: !0
-    };
-  }
-  get clampedCurrentStep() {
-    return Math.max(-1, Math.min(this.currentStep, this.steps));
-  }
-  get sectionNumberText() {
-    return `${Math.min(this.clampedCurrentStep + 1, this.steps)}/${this.steps}`;
-  }
-  get headerTemplate() {
-    return i`
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { commonStyles as s } from "./styles/common.styles.js";
+//#region src/components/ds-stepper/ds-stepper.ts
+var c = class extends i {
+	constructor(...e) {
+		super(...e), this.steps = 0, this.currentStep = -1, this.sectionName = "";
+	}
+	static {
+		this.styles = [s];
+	}
+	get classes() {
+		return { container: !0 };
+	}
+	get clampedCurrentStep() {
+		return Math.max(-1, Math.min(this.currentStep, this.steps));
+	}
+	get sectionNumberText() {
+		return `${Math.min(this.clampedCurrentStep + 1, this.steps)}/${this.steps}`;
+	}
+	get headerTemplate() {
+		return t`
             <div class="header" data-testid="ds-stepper-header">
                 <span class="section-name" data-testid="ds-stepper-section-name">${this.sectionName}</span>
                 <span class="section-number" data-testid="ds-stepper-section-number">${this.sectionNumberText}</span>
             </div>
         `;
-  }
-  get stepsRowTemplate() {
-    return i`
+	}
+	get stepsRowTemplate() {
+		return t`
             <div
                 data-testid="ds-stepper-steps-row"
                 class="steps-row"
                 role="list"
                 aria-label="Steps"
             >
-                ${Array.from({ length: this.steps }, (a, t) => {
-      const p = t <= this.clampedCurrentStep, s = t === this.clampedCurrentStep;
-      return i`<span class=${l({
-        step: !0,
-        active: p,
-        current: s
-      })} role="listitem" aria-posinset=${t + 1} aria-setsize=${this.steps} aria-current=${s ? "step" : "false"}></span>`;
-    })}
+                ${Array.from({ length: this.steps }, (e, n) => {
+			let r = n <= this.clampedCurrentStep, i = n === this.clampedCurrentStep;
+			return t`<span class=${o({
+				step: !0,
+				active: r,
+				current: i
+			})} role="listitem" aria-posinset=${n + 1} aria-setsize=${this.steps} aria-current=${i ? "step" : "false"}></span>`;
+		})}
             </div>
         `;
-  }
-  render() {
-    return this.steps ? i`
+	}
+	render() {
+		return this.steps ? t`
             <div
                 data-testid="ds-stepper-container"
-                class=${l(this.classes)}
+                class=${o(this.classes)}
             >
                 ${this.headerTemplate}
                 ${this.stepsRowTemplate}
             </div>
-        ` : h;
-  }
-};
-r.styles = [f];
-n([
-  m({ type: Number, attribute: "steps", reflect: !0 })
-], r.prototype, "steps", 2);
-n([
-  m({ type: Number, attribute: "current-step", reflect: !0 })
-], r.prototype, "currentStep", 2);
-n([
-  m({ type: String, attribute: "section-name", reflect: !0 })
-], r.prototype, "sectionName", 2);
-r = n([
-  d("ds-stepper")
-], r);
-export {
-  r as DsStepper
+        ` : e;
+	}
 };
+r([n({
+	type: Number,
+	attribute: "steps",
+	reflect: !0
+})], c.prototype, "steps", void 0), r([n({
+	type: Number,
+	attribute: "current-step",
+	reflect: !0
+})], c.prototype, "currentStep", void 0), r([n({
+	type: String,
+	attribute: "section-name",
+	reflect: !0
+})], c.prototype, "sectionName", void 0), c = r([a("ds-stepper")], c);
+//#endregion

package/dist/esm/components/ds-stepper/styles/common.styles.js

@@ -1,12 +1,10 @@
-import "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const p = o`
+import { i as e } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+//#region src/components/ds-stepper/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  p as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-table/ds-table.js

@@ -1,67 +1,54 @@
-import { UiKitElement as d } from "../base/UiKitElement.js";
-import { customUiKitElement as u } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as m, html as p } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as c } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as h } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { styleMap as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
-import { commonStyles as y } from "./styles/common.styles.js";
-var f = Object.defineProperty, C = Object.getOwnPropertyDescriptor, a = (t, o, e, n) => {
-  for (var s = n > 1 ? void 0 : n ? C(o, e) : o, l = t.length - 1, i; l >= 0; l--)
-    (i = t[l]) && (s = (n ? i(o, e, s) : i(s)) || s);
-  return n && s && f(o, e, s), s;
-};
-let r = class extends d {
-  constructor() {
-    super(...arguments), this.emptyMessage = "", this.hasHeaderContent = !1, this.hasBodyContent = !1;
-  }
-  handleHeaderSlotChange(t) {
-    const e = t.target.assignedElements({ flatten: !0 });
-    this.hasHeaderContent = e.length > 0;
-  }
-  handleBodySlotChange(t) {
-    const e = t.target.assignedElements({ flatten: !0 });
-    this.hasBodyContent = e.length > 0;
-  }
-  get columnCount() {
-    const t = this.querySelector("[data-column-count]");
-    return t ? Number(t.getAttribute("data-column-count")) : 0;
-  }
-  get showEmptyState() {
-    return !this.hasBodyContent && this.emptyMessage;
-  }
-  render() {
-    if (this.columnCount === 0) return m;
-    const t = { "--ui-kit-table-grid-template-columns-default": `repeat(${this.columnCount}, 1fr)` };
-    return p`
-            <div class="table-wrapper" role="table" style=${g(t)}>
+import { E as e, x as t } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as i } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as a } from "../base/UiKitElement.js";
+import { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
+import { o as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
+import { commonStyles as c } from "./styles/common.styles.js";
+//#region src/components/ds-table/ds-table.ts
+var l = class extends a {
+	constructor(...e) {
+		super(...e), this.emptyMessage = "", this.hasHeaderContent = !1, this.hasBodyContent = !1;
+	}
+	static {
+		this.styles = [c];
+	}
+	handleHeaderSlotChange(e) {
+		this.hasHeaderContent = e.target.assignedElements({ flatten: !0 }).length > 0;
+	}
+	handleBodySlotChange(e) {
+		this.hasBodyContent = e.target.assignedElements({ flatten: !0 }).length > 0;
+	}
+	get columnCount() {
+		let e = this.querySelector("[data-column-count]");
+		return e ? Number(e.getAttribute("data-column-count")) : 0;
+	}
+	get showEmptyState() {
+		return !this.hasBodyContent && this.emptyMessage;
+	}
+	render() {
+		return this.columnCount === 0 ? e : t`
+            <div class="table-wrapper" role="table" style=${s({ "--ui-kit-table-grid-template-columns-default": `repeat(${this.columnCount}, 1fr)` })}>
                 <div class="header" role="rowgroup">
                     <slot name="header" @slotchange=${this.handleHeaderSlotChange}></slot>
                 </div>
                 <div class="body" role="rowgroup">
                     <slot name="body" @slotchange=${this.handleBodySlotChange}></slot>
                 </div>
-                ${this.showEmptyState ? p`<div class="empty-state" role="row">
+                ${this.showEmptyState ? t`<div class="empty-state" role="row">
                           <span role="cell">${this.emptyMessage}</span>
-                      </div>` : m}
+                      </div>` : e}
             </div>
         `;
-  }
-};
-r.styles = [y];
-a([
-  c({ type: String, reflect: !0, attribute: "empty-message" })
-], r.prototype, "emptyMessage", 2);
-a([
-  h()
-], r.prototype, "hasHeaderContent", 2);
-a([
-  h()
-], r.prototype, "hasBodyContent", 2);
-r = a([
-  u("ds-table")
-], r);
-export {
-  r as DsTable
+	}
 };
+i([n({
+	type: String,
+	reflect: !0,
+	attribute: "empty-message"
+})], l.prototype, "emptyMessage", void 0), i([r()], l.prototype, "hasHeaderContent", void 0), i([r()], l.prototype, "hasBodyContent", void 0), l = i([o("ds-table")], l);
+//#endregion

package/dist/esm/components/ds-table/styles/common.styles.js

@@ -1,9 +1,9 @@
-import { cssWithTokens as o } from "../../../utils/cssWithTokens.js";
-const t = o`
+import { cssWithTokens as e } from "../../../utils/cssWithTokens.js";
+//#region src/components/ds-table/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  t as commonStyles
-};
+//#endregion
+export { t as commonStyles };