@ds-autonomie/web-components 2.18.0 → 2.19.0

package/cdn/chunks/chunk.X4U7WI77.js

@@ -1,28 +0,0 @@
-import{a as f}from"./chunk.OFITABL5.js";import{a as m}from"./chunk.FNWVRCNG.js";import{a as p}from"./chunk.PIG773U2.js";import{a as b}from"./chunk.ELL45QD3.js";import{c as h}from"./chunk.GM4KTNXL.js";import{d}from"./chunk.ZBHHLRFH.js";import{a as i}from"./chunk.BWEPOOQP.js";import{a as c,b as n}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as o}from"./chunk.IZ2HVRME.js";var a=class extends m{constructor(){super(...arguments);this.hasSlotController=new b(this,"toolbar");this.localize=new h(this);this.showTableActions=!1}getActionBarAndToolbar(){return{actionBar:this.querySelector("dsa-table-action"),toolbar:this.querySelector("dsa-table-toolbar")}}getLoadingTargets(){return[this.querySelector("dsa-table-caption"),this.querySelector("dsa-table-head"),this.querySelector("dsa-table-body"),this.querySelector("dsa-pagination")]}connectedCallback(){super.connectedCallback(),this.handleTableSelection=this.handleTableSelection.bind(this),this.handleTableActionsClose=this.handleTableActionsClose.bind(this),this.addEventListener("dsa-table-row-all-selected",this.handleTableSelection),this.addEventListener("dsa-table-row-selected",this.handleTableSelection),this.addEventListener("dsa-table-actions-close",this.handleTableActionsClose)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("dsa-table-row-all-selected",this.handleTableSelection),this.removeEventListener("dsa-table-row-selected",this.handleTableSelection),this.removeEventListener("dsa-table-actions-close",this.handleTableActionsClose)}handleTableActionsClose(){this.showTableActions=!1;let e=this.querySelector("dsa-table-action"),t=this.querySelector("dsa-table-header-row");e&&t&&e.deselectAllOnClose&&([...this.querySelectorAll("dsa-table-row")].forEach(r=>{r.selected&&(r.selected=!1)}),t.checkbox.checked&&(t.checkbox.checked=!1),t.checkbox.indeterminate&&(t.checkbox.indeterminate=!1),t.selected&&(t.selected=!1))}handleTableSelection(e){this.showTableActions=e.detail.selectedRows.length>0}handleCaptionSlotChange(){this.linkCaptionAndTable()}handleTableSlotChange(){this.linkCaptionAndTable()}linkCaptionAndTable(){let e=this.querySelector("dsa-table-caption"),t=this.querySelector("dsa-table");if(!e||!t||e.id||t.getAttribute("aria-labelledby"))return;let l=Math.floor(Math.random()*999999999).toString();e.setAttribute("id",l),t.setAttribute("aria-labelledby",l)}handleShowTableActions(){let{actionBar:e,toolbar:t}=this.getActionBarAndToolbar();e!==null&&(this.showTableActions?e.hasAttribute("show")||e.setAttribute("show","true"):e.hasAttribute("show")&&e.removeAttribute("show")),t!==null&&(this.showTableActions?(t.getAttribute("tabindex")!=="-1"&&t.setAttribute("tabindex","-1"),t.getAttribute("aria-hidden")!=="true"&&t.setAttribute("aria-hidden","true")):(t.hasAttribute("tabindex")&&t.removeAttribute("tabindex"),t.hasAttribute("aria-hidden")&&t.removeAttribute("aria-hidden")))}handleLoading(){let e=this.getLoadingTargets();this.loading?e.forEach(t=>{t&&t.getAttribute("loading")!=="true"&&t.setAttribute("loading","true")}):e.forEach(t=>{t!=null&&t.hasAttribute("loading")&&t.removeAttribute("loading")})}handleSkeletonEffectChange(){this.getLoadingTargets().forEach(t=>{t&&t.getAttribute("skeleton-effect")!==this.skeletonEffect&&t.setAttribute("skeleton-effect",this.skeletonEffect)})}render(){var l;let e=this.hasSlotController.test("toolbar"),t=this.hasSlotController.test("action");return s`
-      <slot
-        part="caption"
-        class="slot-caption"
-        name="caption"
-        @slotchange=${this.handleCaptionSlotChange}
-      ></slot>
-      <slot class="slot-export" part="export" name="export"></slot>
-      <div
-        part="bar-container"
-        class=${d({"bar-container":!0,"bar-container--has-toolbar":e,"bar-container--has-action":t})}
-      >
-        <slot class="slot-toolbar" part="toolbar" name="toolbar"></slot>
-        <slot class="slot-action" part="action" name="action"></slot>
-      </div>
-      <slot
-        class="slot-table"
-        part="table"
-        name="table"
-        @slotchange=${this.handleTableSlotChange}
-      ></slot>
-      <slot class="slot-pagination" part="pagination" name="pagination"></slot>
-      <dsa-visually-hidden aria-live="polite" aria-atomic="true">
-        ${this.showTableActions?s`<span
-              >${(l=this.actionsAnnouncement)!=null?l:this.localize.term("showTableActionsAnnouncement")}</span
-            >`:""}
-      </dsa-visually-hidden>
-    `}};a.styles=f,a.dependencies={"dsa-visually-hidden":p},o([n({attribute:"show-table-actions",reflect:!0,type:Boolean})],a.prototype,"showTableActions",2),o([n({attribute:"actions-announcement",type:String})],a.prototype,"actionsAnnouncement",2),o([i("showTableActions")],a.prototype,"handleShowTableActions",1),o([i("loading")],a.prototype,"handleLoading",1),o([i("skeletonEffect")],a.prototype,"handleSkeletonEffectChange",1),a=o([c("dsa-table-container")],a);export{a};

package/cdn/chunks/chunk.YUUDCDMZ.js

@@ -1 +0,0 @@
-import{a as c}from"./chunk.RU4YXLMR.js";import{a as m}from"./chunk.PFU2C3OZ.js";import{a as h}from"./chunk.FNWVRCNG.js";import{a as o}from"./chunk.BWEPOOQP.js";import{a as n,b as i}from"./chunk.KBZ32KWP.js";import{a as s}from"./chunk.GP725TPQ.js";import{f as a}from"./chunk.IZ2HVRME.js";var e=class extends h{constructor(){super(...arguments);this.role="rowgroup"}handleDefaultSlotChange(){let t=this.parentElement;t instanceof m&&(customElements.get("dsa-table")?(t.handleRowExpandable(),t.handleRowSelectable(),t.handleHeaderCellsCount(),t.handleSizeChange()):customElements.whenDefined("dsa-table").then(()=>{this.handleDefaultSlotChange()}))}getAllRows(){return[...this.querySelectorAll("dsa-table-row")]}getAllCells(){return[...this.querySelectorAll("dsa-table-cell")]}handleLoading(){this.setAttribute("aria-busy",this.loading.toString()),this.getAllRows().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading")),this.getAllCells().forEach(l=>this.loading?l.setAttribute("loading","true"):l.removeAttribute("loading"))}handleSkeletonEffectChange(){this.getAllCells().forEach(r=>r.setAttribute("skeleton-effect",this.skeletonEffect))}render(){return s` <slot @slotchange=${this.handleDefaultSlotChange}></slot> `}};e.styles=c,a([i({reflect:!0})],e.prototype,"role",2),a([o("loading")],e.prototype,"handleLoading",1),a([o("skeletonEffect")],e.prototype,"handleSkeletonEffectChange",1),e=a([n("dsa-table-body")],e);export{e as a};

package/dist/chunks/chunk.DMQJ4GLL.js

@@ -1,209 +0,0 @@
-import {
-  table_row_styles_default
-} from "./chunk.DYZHSPWO.js";
-import {
-  DSATableCell
-} from "./chunk.4UFNEXOD.js";
-import {
-  DSACheckbox
-} from "./chunk.7WQZIM7N.js";
-import {
-  DSAIconButton
-} from "./chunk.WNESPUKK.js";
-import {
-  LocalizeController
-} from "./chunk.WHHYA5VY.js";
-import {
-  watch
-} from "./chunk.QB2NJE2Y.js";
-import {
-  ShoelaceElement
-} from "./chunk.SVWU6JW4.js";
-import {
-  __decorateClass
-} from "./chunk.N3L4GIUO.js";
-
-// src/components/table-row/table-row.ts
-import { html } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-var DSATableRow = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.showExpandButton = false;
-    this.role = "row";
-    this.size = "medium";
-    this.selected = false;
-    this.expandable = false;
-    this.expanded = false;
-    this.showExpandedLabel = "";
-    this.hideExpandedLabel = "";
-    this.selectionLabel = "";
-    this.selectionName = "";
-    this.selectionValue = "";
-    this.loading = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.handleRowClick = this.handleRowClick.bind(this);
-    this.handleCheckboxChange = this.handleCheckboxChange.bind(this);
-    this.addEventListener("click", this.handleRowClick);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    this.removeEventListener("click", this.handleRowClick);
-  }
-  handleRowClick() {
-    this.emit("dsa-table-row-click");
-  }
-  handleCheckboxChange(e) {
-    e.stopPropagation();
-    this.selected = this.checkbox.checked;
-  }
-  renderFirstCell() {
-    if (!this.selectionName) {
-      return html``;
-    }
-    return html`
-      <dsa-table-cell class="column-checkbox" aria-hidden=${this.loading}>
-        <div class="column-checkbox--content">
-          <dsa-checkbox
-            class="checkbox"
-            size="small"
-            name=${this.selectionName}
-            accessible-name=${this.selectionLabel !== "" ? this.selectionLabel : this.localize.term("selectRow")}
-            value=${this.selectionValue}
-            ?checked=${this.selected}
-            @click=${(e) => e.stopPropagation()}
-            @dsa-change=${this.handleCheckboxChange}
-            ?disabled=${this.loading}
-          ></dsa-checkbox>
-        </div>
-      </dsa-table-cell>
-    `;
-  }
-  handleExpandClick(e) {
-    e.stopPropagation();
-    this.expanded = !this.expanded;
-    this.emit("dsa-table-row-expand-change");
-  }
-  renderExpandButton() {
-    const showExpandedLabel = this.showExpandedLabel !== "" ? this.showExpandedLabel : this.localize.term("showExpandedTableRow");
-    const hideExpandedLabel = this.hideExpandedLabel !== "" ? this.hideExpandedLabel : this.localize.term("hideExpandedTableRow");
-    return html`
-      <dsa-table-cell
-        class=${classMap({
-      "column-expand-button": true,
-      "column-expand-button--has-icon": this.showExpandButton
-    })}
-        aria-hidden=${this.loading}
-      >
-        <dsa-icon-button
-          variant="default"
-          name="expand_more"
-          size="xlarge"
-          class=${classMap({
-      "expand-button": true,
-      "expand-button--expand-less": this.expanded
-    })}
-          label=${this.expanded ? hideExpandedLabel : showExpandedLabel}
-          @click=${this.handleExpandClick}
-          ?disabled=${this.loading}
-          library="system"
-        ></dsa-icon-button>
-      </dsa-table-cell>
-    `;
-  }
-  handleExpandableChange() {
-    var _a;
-    if (this.expandable && ((_a = this.nextElementSibling) == null ? void 0 : _a.matches(this.selectorExpandedRow))) {
-      this.showExpandButton = true;
-    } else {
-      this.showExpandButton = false;
-    }
-  }
-  handleExpandedChange() {
-    var _a;
-    if ((_a = this.nextElementSibling) == null ? void 0 : _a.matches(this.selectorExpandedRow)) {
-      this.nextElementSibling.expanded = this.expanded;
-    }
-  }
-  handleSelectedChange() {
-    this.emit("dsa-table-row-change-selection");
-  }
-  render() {
-    return html`
-      ${this.renderFirstCell()}
-      <slot></slot>
-      ${this.expandable ? this.renderExpandButton() : html``}
-    `;
-  }
-  get selectorExpandedRow() {
-    return "dsa-table-expanded-row";
-  }
-};
-DSATableRow.styles = table_row_styles_default;
-DSATableRow.dependencies = {
-  "dsa-table-cell": DSATableCell,
-  "dsa-checkbox": DSACheckbox,
-  "dsa-icon-button": DSAIconButton
-};
-__decorateClass([
-  query(".checkbox")
-], DSATableRow.prototype, "checkbox", 2);
-__decorateClass([
-  query(".expand-button")
-], DSATableRow.prototype, "expandedButton", 2);
-__decorateClass([
-  state()
-], DSATableRow.prototype, "showExpandButton", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSATableRow.prototype, "role", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSATableRow.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSATableRow.prototype, "selected", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSATableRow.prototype, "expandable", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSATableRow.prototype, "expanded", 2);
-__decorateClass([
-  property({ attribute: "show-expanded-label" })
-], DSATableRow.prototype, "showExpandedLabel", 2);
-__decorateClass([
-  property({ attribute: "hide-expanded-label" })
-], DSATableRow.prototype, "hideExpandedLabel", 2);
-__decorateClass([
-  property({ attribute: "selection-label" })
-], DSATableRow.prototype, "selectionLabel", 2);
-__decorateClass([
-  property({ attribute: "selection-name", reflect: true })
-], DSATableRow.prototype, "selectionName", 2);
-__decorateClass([
-  property({ attribute: "selection-value" })
-], DSATableRow.prototype, "selectionValue", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSATableRow.prototype, "loading", 2);
-__decorateClass([
-  watch("expandable")
-], DSATableRow.prototype, "handleExpandableChange", 1);
-__decorateClass([
-  watch("expanded")
-], DSATableRow.prototype, "handleExpandedChange", 1);
-__decorateClass([
-  watch("selected", { waitUntilFirstUpdate: true })
-], DSATableRow.prototype, "handleSelectedChange", 1);
-DSATableRow = __decorateClass([
-  customElement("dsa-table-row")
-], DSATableRow);
-
-export {
-  DSATableRow
-};

package/dist/chunks/chunk.DYZHSPWO.js

@@ -1,48 +0,0 @@
-import {
-  table_row_base_styles_default
-} from "./chunk.MVDMKWDN.js";
-
-// src/components/table-row/table-row.styles.ts
-import { css } from "lit";
-var table_row_styles_default = css`
-  ${table_row_base_styles_default}
-
-  :host {
-    background: var(--dsa-wc-table-row-background);
-    font: var(--dsa-wc-table-row-font);
-    color: var(--dsa-wc-table-row-color);
-  }
-
-  :host(:hover:not([loading])),
-  :host(:hover[selected]) {
-    background: var(--dsa-wc-table-row-hover-background);
-  }
-
-  /* Selected State */
-  :host([selected]) {
-    background: var(--dsa-wc-table-row-selected-background);
-  }
-
-  .column-expand-button {
-    padding: 0;
-    text-align: center;
-  }
-
-  .expand-button {
-    display: none;
-    transform: rotateX(0deg);
-    transition: transform 200ms ease;
-  }
-
-  .column-expand-button--has-icon .expand-button {
-    display: inline-block;
-  }
-
-  .expand-button--expand-less {
-    transform: rotateX(-180deg);
-  }
-`;
-
-export {
-  table_row_styles_default
-};

package/dist/chunks/chunk.RFJJRWWT.js

@@ -1,282 +0,0 @@
-import {
-  table_styles_default
-} from "./chunk.PHSUFADX.js";
-import {
-  watch
-} from "./chunk.QB2NJE2Y.js";
-import {
-  ShoelaceElement
-} from "./chunk.SVWU6JW4.js";
-import {
-  __decorateClass
-} from "./chunk.N3L4GIUO.js";
-
-// src/components/table/table.ts
-import { html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-var DSATable = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.role = "table";
-    this.size = "medium";
-    this.alignment = "left";
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.handleRowSelect = this.handleRowSelect.bind(this);
-    this.handleAllRowsSelect = this.handleAllRowsSelect.bind(this);
-  }
-  async firstUpdated() {
-    if (!this.selectable) {
-      return;
-    }
-    const headerRow = this.querySelector(
-      this.selectorHeaderRow
-    );
-    if (headerRow) {
-      await headerRow.updateComplete;
-      const allRows = [
-        ...this.querySelectorAll(this.selectorAllRows)
-      ];
-      if (headerRow == null ? void 0 : headerRow.selected) {
-        allRows.forEach((row) => row.selected = headerRow.selected);
-      } else {
-        const selectedRows = allRows.filter((row) => row.selected);
-        const selectedRowsCount = selectedRows.length;
-        const allRowsSelected = selectedRowsCount === allRows.length;
-        headerRow.checkbox.checked = selectedRowsCount > 0 && allRowsSelected;
-        headerRow.checkbox.indeterminate = selectedRowsCount > 0 && !allRowsSelected;
-      }
-    }
-  }
-  // Listeners
-  addRowSelectionListeners() {
-    this.addEventListener(
-      "dsa-table-row-change-selection",
-      this.handleRowSelect
-    );
-    this.addEventListener(
-      "dsa-table-row-all-change-selection",
-      this.handleAllRowsSelect
-    );
-  }
-  removeRowSelectionListeners() {
-    this.removeEventListener(
-      "dsa-table-row-change-selection",
-      this.handleRowSelect
-    );
-    this.removeEventListener(
-      "dsa-table-row-all-change-selection",
-      this.handleAllRowsSelect
-    );
-  }
-  handleAllRowsSelect() {
-    const headerRow = this.querySelector(
-      this.selectorHeaderRow
-    );
-    if (headerRow === null) {
-      return;
-    }
-    const allRows = [
-      ...this.querySelectorAll(this.selectorAllRows)
-    ];
-    allRows.forEach((row) => row.selected = headerRow.selected);
-    const selectedRows = allRows.filter((row) => row.selected);
-    this.emit("dsa-table-row-all-selected", {
-      detail: { selectedRows }
-    });
-  }
-  handleRowSelect(event) {
-    const { target } = event;
-    const allRows = [
-      ...this.querySelectorAll(this.selectorAllRows)
-    ];
-    const selectedRows = allRows.filter((row) => row.selected);
-    const selectedRowsCount = selectedRows.length;
-    const headerRow = this.querySelector(
-      this.selectorHeaderRow
-    );
-    const allRowsSelected = selectedRowsCount === allRows.length;
-    if (headerRow !== null) {
-      headerRow.checkbox.checked = selectedRowsCount > 0 && allRowsSelected;
-      headerRow.checkbox.indeterminate = selectedRowsCount > 0 && !allRowsSelected;
-    }
-    this.emit("dsa-table-row-selected", {
-      detail: {
-        selectedRow: target,
-        selectedRows
-      }
-    });
-  }
-  handleRowExpandable() {
-    const allRows = [
-      ...this.querySelectorAll(this.selectorAllRows)
-    ];
-    allRows.forEach((row) => {
-      if (this.expandable) {
-        row.setAttribute("expandable", "true");
-      } else {
-        row.removeAttribute("expandable");
-      }
-    });
-  }
-  handleHeaderRowExpandable() {
-    const headerRow = this.querySelector(
-      this.selectorHeaderRow
-    );
-    if (headerRow === null) {
-      return;
-    }
-    if (this.expandable) {
-      headerRow.setAttribute("expandable", "true");
-    } else {
-      headerRow.removeAttribute("expandable");
-    }
-  }
-  handleRowSelectable() {
-    const allRows = [
-      ...this.querySelectorAll(this.selectorAllRows)
-    ];
-    allRows.forEach((row, index) => {
-      if (this.selectable === true && row.getAttribute("selection-name") === "") {
-        row.setAttribute("selection-name", `row-${index}`);
-      } else if (!this.selectable) {
-        row.setAttribute("selection-name", "");
-      }
-    });
-  }
-  handleHeaderRowSelectable() {
-    const headerRow = this.querySelector(
-      this.selectorHeaderRow
-    );
-    if (headerRow) {
-      headerRow.setAttribute("selection-name", this.selectable ? "header" : "");
-    }
-  }
-  handleSizeChange() {
-    const allRows = [
-      ...this.querySelectorAll(this.selectorAllRows),
-      ...this.querySelectorAll(this.selectorHeaderRow)
-    ];
-    allRows.forEach((row) => {
-      row.setAttribute("size", this.size);
-    });
-  }
-  handleExpandableChange() {
-    this.handleRowExpandable();
-    this.handleHeaderRowExpandable();
-  }
-  handleHeaderCellsCount() {
-    const headerCells = [
-      ...this.querySelectorAll(this.selectorHeaderCell)
-    ];
-    const headerCellsCount = headerCells.length + Number(!!this.expandable) + Number(!!this.selectable);
-    const allExpandedRows = [
-      ...this.querySelectorAll(
-        this.selectorAllExpandedRows
-      )
-    ];
-    allExpandedRows.forEach((row) => {
-      row.setAttribute("colspan", String(headerCellsCount));
-    });
-    const allSingleCellRows = [
-      ...this.querySelectorAll(
-        this.selectorAllSingleCellRows
-      )
-    ];
-    allSingleCellRows.forEach((row) => {
-      row.setAttribute("colspan", String(headerCellsCount));
-    });
-  }
-  handleSortableChange() {
-    const headerCells = this.querySelectorAll(
-      this.selectorHeaderCell
-    );
-    headerCells.forEach((cell) => {
-      if (this.sortable) {
-        cell.setAttribute("sortable", "true");
-      } else {
-        cell.removeAttribute("sortable");
-      }
-    });
-  }
-  handleSelectableChange() {
-    if (this.selectable) {
-      this.addRowSelectionListeners();
-    } else {
-      this.removeRowSelectionListeners();
-    }
-    this.handleRowSelectable();
-    this.handleHeaderRowSelectable();
-  }
-  handleAlignmentChange() {
-    const headerCells = this.querySelectorAll(
-      this.selectorHeaderCell
-    );
-    headerCells.forEach((cell) => {
-      cell.setAttribute("alignment", this.alignment);
-    });
-  }
-  render() {
-    return html` <slot></slot> `;
-  }
-  get selectorHeaderCell() {
-    return "dsa-table-header-cell";
-  }
-  get selectorHeaderRow() {
-    return "dsa-table-header-row";
-  }
-  get selectorAllRows() {
-    return "dsa-table-row";
-  }
-  get selectorAllExpandedRows() {
-    return "dsa-table-expanded-row";
-  }
-  get selectorAllSingleCellRows() {
-    return "dsa-table-single-cell-row";
-  }
-};
-DSATable.styles = table_styles_default;
-__decorateClass([
-  property({ reflect: true })
-], DSATable.prototype, "role", 2);
-__decorateClass([
-  property({ reflect: true })
-], DSATable.prototype, "size", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSATable.prototype, "sortable", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSATable.prototype, "selectable", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], DSATable.prototype, "expandable", 2);
-__decorateClass([
-  property()
-], DSATable.prototype, "alignment", 2);
-__decorateClass([
-  watch("size", { waitUntilFirstUpdate: true })
-], DSATable.prototype, "handleSizeChange", 1);
-__decorateClass([
-  watch("expandable")
-], DSATable.prototype, "handleExpandableChange", 1);
-__decorateClass([
-  watch(["expandable", "selectable"])
-], DSATable.prototype, "handleHeaderCellsCount", 1);
-__decorateClass([
-  watch("sortable")
-], DSATable.prototype, "handleSortableChange", 1);
-__decorateClass([
-  watch("selectable")
-], DSATable.prototype, "handleSelectableChange", 1);
-__decorateClass([
-  watch("alignment", { waitUntilFirstUpdate: true })
-], DSATable.prototype, "handleAlignmentChange", 1);
-DSATable = __decorateClass([
-  customElement("dsa-table")
-], DSATable);
-
-export {
-  DSATable
-};