@ds-autonomie/web-components 2.14.0 → 2.14.1

package/cdn/chunks/chunk.DZNKN7UG.js

@@ -1,210 +0,0 @@
-import {
-  table_container_styles_default
-} from "./chunk.UMGPQSGY.js";
-import {
-  LoadingStateElement
-} from "./chunk.BWYRMRTD.js";
-import {
-  HasSlotController
-} from "./chunk.YIY5RM53.js";
-import {
-  LocalizeController
-} from "./chunk.AXLGDJN5.js";
-import {
-  e2 as e
-} from "./chunk.JY4LUWQC.js";
-import {
-  watch
-} from "./chunk.TKTCYZRK.js";
-import {
-  n,
-  t
-} from "./chunk.TEKUWOCD.js";
-import {
-  x
-} from "./chunk.JXF4O366.js";
-import {
-  __decorateClass
-} from "./chunk.7WRNLPGX.js";
-
-// src/components/table-container/table-container.ts
-var DSATableContainer = class extends LoadingStateElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "toolbar");
-    this.localize = new LocalizeController(this);
-    this.showTableActions = false;
-  }
-  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 = false;
-    const actionBar = this.querySelector("dsa-table-action");
-    const headerRow = this.querySelector(
-      "dsa-table-header-row"
-    );
-    if (actionBar && headerRow && actionBar.deselectAllOnClose) {
-      const tableRows = [
-        ...this.querySelectorAll("dsa-table-row")
-      ];
-      tableRows.forEach((row) => row.selected = false);
-      headerRow.checkbox.checked = false;
-      headerRow.checkbox.indeterminate = false;
-      headerRow.selected = false;
-    }
-  }
-  handleTableSelection(event) {
-    this.showTableActions = event.detail.selectedRows.length > 0;
-  }
-  handleCaptionSlotChange() {
-    this.linkCaptionAndTable();
-  }
-  handleTableSlotChange() {
-    this.linkCaptionAndTable();
-  }
-  linkCaptionAndTable() {
-    const tableCaption = this.querySelector("dsa-table-caption");
-    const tableElement = this.querySelector("dsa-table");
-    if (!tableCaption || !tableElement || tableCaption.id || tableElement.getAttribute("aria-labelledby"))
-      return;
-    const randomId = Math.floor(Math.random() * 999999999).toString();
-    tableCaption.id = randomId;
-    tableElement.setAttribute("aria-labelledby", randomId);
-  }
-  handleShowTableActions() {
-    const actionBar = this.querySelector("dsa-table-action");
-    const toolbar = this.querySelector("dsa-table-toolbar");
-    if (actionBar !== null) {
-      actionBar.show = this.showTableActions;
-    }
-    if (toolbar !== null) {
-      if (this.showTableActions) {
-        toolbar.setAttribute("tabindex", "-1");
-        toolbar.setAttribute("aria-hidden", "true");
-      } else {
-        toolbar.removeAttribute("tabindex");
-        toolbar.removeAttribute("aria-hidden");
-      }
-    }
-  }
-  handleLoading() {
-    const caption = this.querySelector("dsa-table-caption");
-    if (caption) {
-      caption.loading = this.loading;
-    }
-    const head = this.querySelector("dsa-table-head");
-    if (head) {
-      head.loading = this.loading;
-    }
-    const body = this.querySelector("dsa-table-body");
-    if (body) {
-      body.loading = this.loading;
-    }
-    const pagination = this.querySelector("dsa-pagination");
-    if (pagination) {
-      pagination.loading = this.loading;
-    }
-  }
-  handleSkeletonEffectChange() {
-    const caption = this.querySelector("dsa-table-caption");
-    if (caption) {
-      caption.skeletonEffect = this.skeletonEffect;
-    }
-    const head = this.querySelector("dsa-table-head");
-    if (head) {
-      head.skeletonEffect = this.skeletonEffect;
-    }
-    const body = this.querySelector("dsa-table-body");
-    if (body) {
-      body.skeletonEffect = this.skeletonEffect;
-    }
-    const pagination = this.querySelector("dsa-pagination");
-    if (pagination) {
-      pagination.skeletonEffect = this.skeletonEffect;
-    }
-  }
-  render() {
-    var _a;
-    const hasToolbar = this.hasSlotController.test("toolbar");
-    const hasAction = this.hasSlotController.test("action");
-    return x`
-      <slot
-        part="caption"
-        name="caption"
-        @slotchange=${this.handleCaptionSlotChange}
-      ></slot>
-      <slot part="export" name="export"></slot>
-      <div
-        part="bar-container"
-        class=${e({
-      "bar-container--has-toolbar": hasToolbar,
-      "bar-container--has-action": hasAction
-    })}
-      >
-        <slot part="toolbar" name="toolbar"></slot>
-        <slot part="action" name="action"></slot>
-      </div>
-      <slot
-        part="table"
-        name="table"
-        @slotchange=${this.handleTableSlotChange}
-      ></slot>
-      <slot part="pagination" name="pagination"></slot>
-      <dsa-visually-hidden aria-live="polite" aria-atomic="true">
-        ${this.showTableActions ? x`<span
-              >${(_a = this.actionsAnnouncement) != null ? _a : this.localize.term("showTableActionsAnnouncement")}</span
-            >` : ""}
-      </dsa-visually-hidden>
-    `;
-  }
-};
-DSATableContainer.styles = table_container_styles_default;
-__decorateClass([
-  n({ attribute: "show-table-actions", reflect: true, type: Boolean })
-], DSATableContainer.prototype, "showTableActions", 2);
-__decorateClass([
-  n({ attribute: "actions-announcement", type: String })
-], DSATableContainer.prototype, "actionsAnnouncement", 2);
-__decorateClass([
-  watch("showTableActions")
-], DSATableContainer.prototype, "handleShowTableActions", 1);
-__decorateClass([
-  watch("loading")
-], DSATableContainer.prototype, "handleLoading", 1);
-__decorateClass([
-  watch("skeletonEffect")
-], DSATableContainer.prototype, "handleSkeletonEffectChange", 1);
-DSATableContainer = __decorateClass([
-  t("dsa-table-container")
-], DSATableContainer);
-
-export {
-  DSATableContainer
-};

package/cdn/chunks/chunk.E3W7YEA4.js

@@ -1,239 +0,0 @@
-import {
-  range_slider_styles_default
-} from "./chunk.LRSBUKH6.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.SUUV7E4I.js";
-import {
-  o
-} from "./chunk.XED65RH5.js";
-import {
-  e2
-} from "./chunk.JY4LUWQC.js";
-import {
-  watch
-} from "./chunk.TKTCYZRK.js";
-import {
-  ShoelaceElement,
-  e,
-  n,
-  r,
-  t
-} from "./chunk.TEKUWOCD.js";
-import {
-  x
-} from "./chunk.JXF4O366.js";
-import {
-  __decorateClass
-} from "./chunk.7WRNLPGX.js";
-
-// src/components/range-slider/range-slider.ts
-var DSARangeSlider = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasFromSliderFocus = false;
-    this.hasToSliderFocus = false;
-    this.labelFrom = "";
-    this.labelTo = "";
-    this.fromValue = "";
-    this.toValue = "";
-    this.max = 100;
-    this.min = 0;
-    this.disabled = false;
-  }
-  firstUpdated() {
-    this.updateSliderBackground(this.fromSlider, this.toSlider);
-    this.setToSliderThumbInReach();
-  }
-  updateSliderBackground(from, to) {
-    const sliderColor = "var(--dsa-wc-range-slider-background)";
-    const rangeColor = this.disabled ? "var(--dsa-wc-range-slider-disabled-background)" : "var(--dsa-wc-range-slider-selected-background)";
-    const rangeDistance = Number(this.max) - Number(this.min);
-    const fromPosition = (Number(from.value) - Number(this.min)) / rangeDistance * 100;
-    const toPosition = (Number(to.value) - Number(this.min)) / rangeDistance * 100;
-    to.style.background = `linear-gradient(
-      to right,
-      ${sliderColor} 0%,
-      ${sliderColor} ${fromPosition}%,
-      ${rangeColor} ${fromPosition}%,
-      ${rangeColor} ${toPosition}%, 
-      ${sliderColor} ${toPosition}%, 
-      ${sliderColor} 100%)`;
-  }
-  onFromSliderInputChange() {
-    const fromValue = parseInt(this.fromSlider.value, 10);
-    const toValue = parseInt(this.toSlider.value, 10);
-    if (fromValue > toValue) {
-      this.fromSlider.value = toValue.toString();
-    }
-    this.updateSliderBackground(this.fromSlider, this.toSlider);
-    this.emit("dsa-slider-from-value-change", {
-      detail: { value: this.fromSlider.value }
-    });
-  }
-  setToSliderThumbInReach() {
-    if (Number(this.toSlider.value) <= 0) {
-      this.toSlider.style.zIndex = "2";
-    } else {
-      this.toSlider.style.zIndex = "0";
-    }
-  }
-  onToSliderInputChange() {
-    const fromValue = parseInt(this.fromSlider.value, 10);
-    const toValue = parseInt(this.toSlider.value, 10);
-    this.setToSliderThumbInReach();
-    this.updateSliderBackground(this.fromSlider, this.toSlider);
-    if (fromValue <= toValue) {
-      this.toSlider.value = toValue.toString();
-    } else {
-      this.toSlider.value = fromValue.toString();
-    }
-    this.emit("dsa-slider-to-value-change", {
-      detail: { value: this.toSlider.value }
-    });
-  }
-  handleMinChange() {
-    this.updateSliderBackground(this.fromSlider, this.toSlider);
-  }
-  handleMaxChange() {
-    this.updateSliderBackground(this.fromSlider, this.toSlider);
-  }
-  handleToValueChange() {
-    this.toSlider.value = this.toValue;
-    this.updateSliderBackground(this.fromSlider, this.toSlider);
-  }
-  handleFromValueChange() {
-    this.fromSlider.value = this.fromValue;
-    this.updateSliderBackground(this.fromSlider, this.toSlider);
-  }
-  handleFromSliderFocus() {
-    this.hasFromSliderFocus = true;
-    this.emit("dsa-focus");
-  }
-  handleFromSliderBlur() {
-    this.hasFromSliderFocus = false;
-    this.emit("dsa-blur");
-  }
-  handleToSliderFocus() {
-    this.hasToSliderFocus = true;
-    this.emit("dsa-focus");
-  }
-  handleToSliderBlur() {
-    this.hasToSliderFocus = false;
-    this.emit("dsa-blur");
-  }
-  /** Sets focus on the left thumb. */
-  focusSliderLeftThumb(options) {
-    this.fromSlider.focus(options);
-  }
-  /** Removes focus from the left thumb. */
-  blurSliderLeftThumb() {
-    this.fromSlider.blur();
-  }
-  /** Sets focus on the right thumb. */
-  focusSliderRightThumb(options) {
-    this.toSlider.focus(options);
-  }
-  /** Removes focus from the right thumb. */
-  blurSliderRightThumb() {
-    this.toSlider.blur();
-  }
-  render() {
-    if (!this.labelFrom || !this.labelTo) {
-      a11yWarning(
-        "<dsa-range-slider> requires label-from and label-to attributes for accessibility"
-      );
-    }
-    return x`
-      <input
-        class=${e2({
-      "from-range-slider": true,
-      "from-range-slider--focused": this.hasFromSliderFocus,
-      "from-range-slider--disabled": this.disabled
-    })}
-        type="range"
-        .value=${this.fromValue}
-        min=${o(this.min)}
-        max=${o(this.max)}
-        ?disabled=${this.disabled}
-        aria-label=${ifDefinedAndNotEmpty(this.labelFrom)}
-        @input=${this.onFromSliderInputChange}
-        @focus=${this.handleFromSliderFocus}
-        @blur=${this.handleFromSliderBlur}
-      />
-      <input
-        part="to-range-input"
-        class=${e2({
-      "to-range-slider": true,
-      "to-range-slider--focused": this.hasToSliderFocus,
-      "to-range-slider--disabled": this.disabled
-    })}
-        type="range"
-        .value=${this.toValue}
-        min=${o(this.min)}
-        max=${o(this.max)}
-        ?disabled=${this.disabled}
-        aria-label=${ifDefinedAndNotEmpty(this.labelTo)}
-        @input=${this.onToSliderInputChange}
-        @focus=${this.handleToSliderFocus}
-        @blur=${this.handleToSliderBlur}
-      />
-    `;
-  }
-};
-DSARangeSlider.styles = range_slider_styles_default;
-__decorateClass([
-  e(".from-range-slider")
-], DSARangeSlider.prototype, "fromSlider", 2);
-__decorateClass([
-  e(".to-range-slider")
-], DSARangeSlider.prototype, "toSlider", 2);
-__decorateClass([
-  r()
-], DSARangeSlider.prototype, "hasFromSliderFocus", 2);
-__decorateClass([
-  r()
-], DSARangeSlider.prototype, "hasToSliderFocus", 2);
-__decorateClass([
-  n({ attribute: "label-from" })
-], DSARangeSlider.prototype, "labelFrom", 2);
-__decorateClass([
-  n({ attribute: "label-to" })
-], DSARangeSlider.prototype, "labelTo", 2);
-__decorateClass([
-  n({ attribute: "from" })
-], DSARangeSlider.prototype, "fromValue", 2);
-__decorateClass([
-  n({ attribute: "to" })
-], DSARangeSlider.prototype, "toValue", 2);
-__decorateClass([
-  n({ type: Number })
-], DSARangeSlider.prototype, "max", 2);
-__decorateClass([
-  n({ type: Number })
-], DSARangeSlider.prototype, "min", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], DSARangeSlider.prototype, "disabled", 2);
-__decorateClass([
-  watch("min", { waitUntilFirstUpdate: true })
-], DSARangeSlider.prototype, "handleMinChange", 1);
-__decorateClass([
-  watch("max", { waitUntilFirstUpdate: true })
-], DSARangeSlider.prototype, "handleMaxChange", 1);
-__decorateClass([
-  watch("toValue", { waitUntilFirstUpdate: true })
-], DSARangeSlider.prototype, "handleToValueChange", 1);
-__decorateClass([
-  watch("fromValue", { waitUntilFirstUpdate: true })
-], DSARangeSlider.prototype, "handleFromValueChange", 1);
-DSARangeSlider = __decorateClass([
-  t("dsa-range-slider")
-], DSARangeSlider);
-
-export {
-  DSARangeSlider
-};

package/cdn/chunks/chunk.E7NEC6I7.js

@@ -1,95 +0,0 @@
-import {
-  component_styles_default
-} from "./chunk.MQAAYEM3.js";
-import {
-  i
-} from "./chunk.UKK3NS3L.js";
-
-// src/components/progress-ring/progress-ring.styles.ts
-var progress_ring_styles_default = i`
-  ${component_styles_default}
-
-  :host {
-    display: inline-flex;
-  }
-
-  .progress-ring.progress-ring--small {
-    --size: var(--dsa-wc-progress-bar-small-size);
-    --track-width: var(--dsa-wc-progress-bar-small-track-width);
-    gap: var(--dsa-wc-progress-bar-small-gap);
-    height: var(--size);
-  }
-
-  .progress-ring.progress-ring--medium {
-    --size: var(--dsa-wc-progress-bar-size);
-    --track-width: var(--dsa-wc-progress-bar-track-width);
-    position: relative;
-  }
-
-  .progress-ring {
-    --indicator-width: var(--track-width);
-    --indicator-transition-duration: 0.35s;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font: var(--dsa-wc-progress-ring-font);
-  }
-
-  .progress-ring__image {
-    width: var(--size);
-    height: var(--size);
-    rotate: -90deg;
-    transform-origin: 50% 50%;
-    flex-shrink: 0;
-  }
-
-  .progress-ring__track,
-  .progress-ring__indicator {
-    --radius: calc(
-      var(--size) / 2 - max(var(--track-width), var(--indicator-width)) * 0.5
-    );
-    --circumference: calc(var(--radius) * 2 * 3.141592654);
-    fill: none;
-    r: var(--radius);
-    cx: calc(var(--size) / 2);
-    cy: calc(var(--size) / 2);
-  }
-
-  .progress-ring__track {
-    stroke: var(--dsa-wc-progress-ring-track-color);
-    stroke-width: var(--track-width);
-  }
-
-  .progress-ring__indicator {
-    stroke: var(--dsa-wc-progress-ring-content-color);
-    stroke-width: var(--indicator-width);
-    stroke-linecap: round;
-    transition-property: stroke-dashoffset;
-    transition-duration: var(--indicator-transition-duration);
-    stroke-dasharray: var(--circumference) var(--circumference);
-    /* stylelint-disable-next-line */
-    stroke-dashoffset: calc(
-      var(--circumference) - var(--percentage) * var(--circumference)
-    );
-  }
-
-  .progress-ring__label {
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    user-select: none;
-    color: var(--dsa-wc-progress-ring-color);
-  }
-  .progress-ring--medium .progress-ring__label {
-    top: 0;
-    left: 0;
-    display: flex;
-    position: absolute;
-  }
-`;
-
-export {
-  progress_ring_styles_default
-};

package/cdn/chunks/chunk.EMIT7S33.js

@@ -1,71 +0,0 @@
-// src/internal/offset.ts
-function getOffset(element, parent) {
-  return {
-    top: Math.round(
-      element.getBoundingClientRect().top - parent.getBoundingClientRect().top
-    ),
-    left: Math.round(
-      element.getBoundingClientRect().left - parent.getBoundingClientRect().left
-    )
-  };
-}
-
-// src/internal/scroll.ts
-var locks = /* @__PURE__ */ new Set();
-function getScrollbarWidth() {
-  const documentWidth = document.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - documentWidth);
-}
-function lockBodyScrolling(lockingEl) {
-  locks.add(lockingEl);
-  if (!document.body.classList.contains("dsa-scroll-lock")) {
-    const scrollbarWidth = getScrollbarWidth();
-    document.body.classList.add("dsa-scroll-lock");
-    document.body.style.setProperty(
-      "--dsa-wc-scroll-lock-size",
-      `${scrollbarWidth}px`
-    );
-  }
-}
-function unlockBodyScrolling(lockingEl) {
-  locks.delete(lockingEl);
-  if (locks.size === 0) {
-    document.body.classList.remove("dsa-scroll-lock");
-    document.body.style.removeProperty("--dsa-wc-scroll-lock-size");
-  }
-}
-function scrollIntoView(element, container, direction = "vertical", behavior = "smooth") {
-  const offset = getOffset(element, container);
-  const offsetTop = offset.top + container.scrollTop;
-  const offsetLeft = offset.left + container.scrollLeft;
-  const minX = container.scrollLeft;
-  const maxX = container.scrollLeft + container.offsetWidth;
-  const minY = container.scrollTop;
-  const maxY = container.scrollTop + container.offsetHeight;
-  if (direction === "horizontal" || direction === "both") {
-    if (offsetLeft < minX) {
-      container.scrollTo({ left: offsetLeft, behavior });
-    } else if (offsetLeft + element.clientWidth > maxX) {
-      container.scrollTo({
-        left: offsetLeft - container.offsetWidth + element.clientWidth,
-        behavior
-      });
-    }
-  }
-  if (direction === "vertical" || direction === "both") {
-    if (offsetTop < minY) {
-      container.scrollTo({ top: offsetTop, behavior });
-    } else if (offsetTop + element.clientHeight > maxY) {
-      container.scrollTo({
-        top: offsetTop - container.offsetHeight + element.clientHeight,
-        behavior
-      });
-    }
-  }
-}
-
-export {
-  lockBodyScrolling,
-  unlockBodyScrolling,
-  scrollIntoView
-};

package/cdn/chunks/chunk.EWW2BZ55.js

@@ -1,63 +0,0 @@
-import {
-  breadcrumb_styles_default
-} from "./chunk.NV4CUMOV.js";
-import {
-  LocalizeController
-} from "./chunk.AXLGDJN5.js";
-import {
-  ShoelaceElement,
-  e,
-  t
-} from "./chunk.TEKUWOCD.js";
-import {
-  x
-} from "./chunk.JXF4O366.js";
-import {
-  __decorateClass
-} from "./chunk.7WRNLPGX.js";
-
-// src/components/breadcrumb/breadcrumb.ts
-var DSABreadcrumb = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-  }
-  handleSlotChange() {
-    const items = [
-      ...this.defaultSlot.assignedElements({ flatten: true })
-    ].filter(
-      (item) => item.tagName.toLowerCase() === "dsa-breadcrumb-item"
-    );
-    items.forEach((item, index) => {
-      if (index === items.length - 1) {
-        item.setAttribute("aria-current", "page");
-      } else {
-        item.removeAttribute("aria-current");
-      }
-    });
-  }
-  render() {
-    return x`
-      <nav
-        part="base"
-        aria-label=${this.localize.term("youAreHere")}
-        role="navigation"
-      >
-        <div role="list" class="breadcrumb__list">
-          <slot @slotchange=${this.handleSlotChange}></slot>
-        </div>
-      </nav>
-    `;
-  }
-};
-DSABreadcrumb.styles = breadcrumb_styles_default;
-__decorateClass([
-  e("slot")
-], DSABreadcrumb.prototype, "defaultSlot", 2);
-DSABreadcrumb = __decorateClass([
-  t("dsa-breadcrumb")
-], DSABreadcrumb);
-
-export {
-  DSABreadcrumb
-};

package/cdn/chunks/chunk.EXPTHDVJ.js

@@ -1,15 +0,0 @@
-import {
-  input_base_styles_default
-} from "./chunk.S442ESGW.js";
-import {
-  i
-} from "./chunk.UKK3NS3L.js";
-
-// src/components/input-amount/input-amount.styles.ts
-var input_amount_styles_default = i`
-  ${input_base_styles_default}
-`;
-
-export {
-  input_amount_styles_default
-};