@ds-autonomie/web-components 2.14.0 → 2.14.1

package/cdn/chunks/chunk.OOJHJQ3U.js

@@ -1,294 +0,0 @@
-import {
-  waitForEvent
-} from "./chunk.B4BZKR24.js";
-import {
-  animateTo,
-  stopAnimations
-} from "./chunk.PMYSGKZB.js";
-import {
-  getAnimation,
-  setDefaultAnimation
-} from "./chunk.CCDITBCR.js";
-import {
-  a11yWarning
-} from "./chunk.PWL7QCVG.js";
-import {
-  LocalizeController
-} from "./chunk.AXLGDJN5.js";
-import {
-  o
-} from "./chunk.XED65RH5.js";
-import {
-  e2
-} from "./chunk.JY4LUWQC.js";
-import {
-  watch
-} from "./chunk.TKTCYZRK.js";
-import {
-  ShoelaceElement,
-  e,
-  n,
-  t
-} from "./chunk.TEKUWOCD.js";
-import {
-  alert_styles_default
-} from "./chunk.CDFRZZN5.js";
-import {
-  x
-} from "./chunk.JXF4O366.js";
-import {
-  __decorateClass
-} from "./chunk.7WRNLPGX.js";
-
-// src/components/alert/alert.ts
-var toastStack = Object.assign(document.createElement("div"), {
-  className: "dsa-toast-stack"
-});
-var DSAAlert = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.localize = new LocalizeController(this);
-    this.alertTitle = "";
-    this.title = "";
-    this.open = false;
-    this.closable = false;
-    this.variant = "primary";
-    this.duration = Infinity;
-  }
-  firstUpdated() {
-    this.base.hidden = !this.open;
-  }
-  restartAutoHide() {
-    clearTimeout(this.autoHideTimeout);
-    if (this.open && this.duration < Infinity) {
-      this.autoHideTimeout = window.setTimeout(
-        () => this.hide(),
-        this.duration
-      );
-    }
-  }
-  handleCloseClick() {
-    this.hide();
-  }
-  handleMouseMove() {
-    this.restartAutoHide();
-  }
-  getPrefixIconName() {
-    switch (this.variant) {
-      case "danger":
-        return "report_gmailerrorred";
-      case "neutral":
-        return "settings";
-      case "success":
-        return "task_alt";
-      case "warning":
-        return "report_problem";
-      default:
-        return "info";
-    }
-  }
-  getIconLabel() {
-    switch (this.variant) {
-      case "danger":
-        return this.localize.term("error");
-      case "neutral":
-        return void 0;
-      case "success":
-        return this.localize.term("success");
-      case "warning":
-        return this.localize.term("warning");
-      default:
-        return this.localize.term("info");
-    }
-  }
-  async handleOpenChange() {
-    if (this.open) {
-      this.emit("dsa-show");
-      if (this.duration < Infinity) {
-        this.restartAutoHide();
-      }
-      await stopAnimations(this.base);
-      this.base.hidden = false;
-      const { keyframes, options } = getAnimation(this, "alert.show", {
-        dir: this.localize.dir()
-      });
-      await animateTo(this.base, keyframes, options);
-      this.emit("dsa-after-show");
-    } else {
-      this.emit("dsa-hide");
-      clearTimeout(this.autoHideTimeout);
-      await stopAnimations(this.base);
-      const { keyframes, options } = getAnimation(this, "alert.hide", {
-        dir: this.localize.dir()
-      });
-      await animateTo(this.base, keyframes, options);
-      this.base.hidden = true;
-      this.emit("dsa-after-hide");
-    }
-  }
-  handleDurationChange() {
-    this.restartAutoHide();
-  }
-  /** Shows the alert. */
-  async show() {
-    if (this.open) {
-      return void 0;
-    }
-    this.open = true;
-    return await waitForEvent(this, "dsa-after-show");
-  }
-  /** Hides the alert */
-  async hide() {
-    if (!this.open) {
-      return void 0;
-    }
-    this.open = false;
-    return await waitForEvent(this, "dsa-after-hide");
-  }
-  /**
-   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when
-   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by
-   * calling this method again. The returned promise will resolve after the alert is hidden.
-   */
-  toast() {
-    return new Promise((resolve) => {
-      if (toastStack.parentElement === null) {
-        document.body.append(toastStack);
-      }
-      toastStack.appendChild(this);
-      requestAnimationFrame(() => {
-        this.clientWidth;
-        this.show();
-      });
-      this.addEventListener(
-        "dsa-after-hide",
-        () => {
-          toastStack.removeChild(this);
-          resolve();
-          if (toastStack.querySelector("dsa-alert") === null) {
-            toastStack.remove();
-          }
-        },
-        { once: true }
-      );
-    });
-  }
-  render() {
-    if (this.alertTitle && !this.headerLevel) {
-      a11yWarning(
-        "<dsa-alert> requires a header-level attribute for accessibility if alert-title is set"
-      );
-    }
-    if (this.duration) {
-      a11yWarning(
-        "The duration attribute of <dsa-alert> is deprecated and should not be used, because it can prevent some persons from accessing the alert content."
-      );
-    }
-    return x`
-      <div aria-live="polite" aria-atomic="true">
-        <div
-          part="base"
-          class=${e2({
-      alert: true,
-      "alert--open": this.open,
-      "alert--closable": this.closable,
-      "alert--primary": this.variant === "primary",
-      "alert--success": this.variant === "success",
-      "alert--neutral": this.variant === "neutral",
-      "alert--warning": this.variant === "warning",
-      "alert--danger": this.variant === "danger"
-    })}
-          aria-hidden=${this.open ? "false" : "true"}
-          @mousemove=${this.handleMouseMove}
-        >
-          <dsa-icon
-            class="alert__icon"
-            name=${this.getPrefixIconName()}
-            library="system"
-            label=${o(this.getIconLabel())}
-          ></dsa-icon>
-          <div class="alert__text">
-            ${this.title || this.alertTitle ? x`
-                  <div
-                    part="header"
-                    id="header"
-                    aria-level=${o(this.headerLevel)}
-                    role=${o(this.headerLevel ? "heading" : void 0)}
-                    class="alert__title"
-                  >
-                    ${this.alertTitle || this.title}
-                  </div>
-                ` : ""}
-            <slot part="message" class="alert__message"></slot>
-          </div>
-
-          <slot part="actions" class="alert__action" name="action"></slot>
-
-          ${this.closable ? x`
-                <dsa-icon-button
-                  part="close-button"
-                  class="alert__close-button"
-                  size="xlarge"
-                  name="close"
-                  label=${this.localize.term("close")}
-                  @click=${this.handleCloseClick}
-                  library="system"
-                ></dsa-icon-button>
-              ` : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-DSAAlert.styles = alert_styles_default;
-__decorateClass([
-  e('[part~="base"]')
-], DSAAlert.prototype, "base", 2);
-__decorateClass([
-  n({ attribute: "alert-title" })
-], DSAAlert.prototype, "alertTitle", 2);
-__decorateClass([
-  n()
-], DSAAlert.prototype, "title", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], DSAAlert.prototype, "open", 2);
-__decorateClass([
-  n({ type: Boolean, reflect: true })
-], DSAAlert.prototype, "closable", 2);
-__decorateClass([
-  n({ attribute: "header-level", reflect: true })
-], DSAAlert.prototype, "headerLevel", 2);
-__decorateClass([
-  n({ reflect: true })
-], DSAAlert.prototype, "variant", 2);
-__decorateClass([
-  n({ type: Number })
-], DSAAlert.prototype, "duration", 2);
-__decorateClass([
-  watch("open", { waitUntilFirstUpdate: true })
-], DSAAlert.prototype, "handleOpenChange", 1);
-__decorateClass([
-  watch("duration")
-], DSAAlert.prototype, "handleDurationChange", 1);
-DSAAlert = __decorateClass([
-  t("dsa-alert")
-], DSAAlert);
-setDefaultAnimation("alert.show", {
-  keyframes: [
-    { opacity: 0, scale: 0.8 },
-    { opacity: 1, scale: 1 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-setDefaultAnimation("alert.hide", {
-  keyframes: [
-    { opacity: 1, scale: 1 },
-    { opacity: 0, scale: 0.8 }
-  ],
-  options: { duration: 250, easing: "ease" }
-});
-
-export {
-  DSAAlert
-};

package/cdn/chunks/chunk.OOKGLR7W.js

@@ -1,58 +0,0 @@
-import {
-  ShoelaceElement,
-  t
-} from "./chunk.TEKUWOCD.js";
-import {
-  component_styles_default
-} from "./chunk.MQAAYEM3.js";
-import {
-  i
-} from "./chunk.UKK3NS3L.js";
-import {
-  x
-} from "./chunk.JXF4O366.js";
-import {
-  __decorateClass
-} from "./chunk.7WRNLPGX.js";
-
-// src/components/header-external-link/header-external-link.style.ts
-var header_external_link_style_default = i`
-  ${component_styles_default}
-
-  :host {
-    display: inline-flex;
-  }
-
-  dsa-divider {
-    --spacing-start: var(--dsa-spacing-24);
-    --spacing-end: var(--dsa-spacing-24);
-  }
-
-  :host(:last-of-type) dsa-divider {
-    display: none;
-  }
-`;
-
-// src/components/header-external-link/header-external-link.ts
-var DSAHeaderExternalLink = class extends ShoelaceElement {
-  connectedCallback() {
-    super.connectedCallback();
-    if (!this.hasAttribute("role")) {
-      this.setAttribute("role", "listitem");
-    }
-  }
-  render() {
-    return x`
-      <slot></slot>
-      <dsa-divider vertical></dsa-divider>
-    `;
-  }
-};
-DSAHeaderExternalLink.styles = header_external_link_style_default;
-DSAHeaderExternalLink = __decorateClass([
-  t("dsa-header-external-link")
-], DSAHeaderExternalLink);
-
-export {
-  DSAHeaderExternalLink
-};

package/cdn/chunks/chunk.OTTJPZLF.js

@@ -1,154 +0,0 @@
-import {
-  profile_button_styles_default
-} from "./chunk.VRHOQBOT.js";
-import {
-  HasSlotController
-} from "./chunk.YIY5RM53.js";
-import {
-  ifDefinedAndNotEmpty
-} from "./chunk.SUUV7E4I.js";
-import {
-  LocalizeController
-} from "./chunk.AXLGDJN5.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/profile-button/profile-button.ts
-var DISPLAYED_NAME_MAX_LENGTH = 20;
-var DSAProfileButton = class extends ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.hasSlotController = new HasSlotController(this, "icon");
-    this.localize = new LocalizeController(this);
-    this.fullName = "";
-    this.displayMode = "full";
-    this.firstName = "";
-    this.familyName = "";
-    this.image = "";
-    this.initials = "";
-  }
-  handleBlur() {
-    this.emit("dsa-blur");
-  }
-  handleFocus() {
-    this.emit("dsa-focus");
-  }
-  getDisplayedName() {
-    if (this.fullName.length <= DISPLAYED_NAME_MAX_LENGTH) {
-      return this.fullName;
-    } else {
-      return `${this.firstName.charAt(0)}. ${this.familyName}`;
-    }
-  }
-  /** Simulates a click on the button. */
-  click() {
-    this.button.click();
-  }
-  /** Sets focus on the button. */
-  focus(options) {
-    this.button.focus(options);
-  }
-  /** Removes focus from the button. */
-  blur() {
-    this.button.blur();
-  }
-  updateFullName() {
-    this.fullName = `${this.firstName} ${this.familyName}`;
-  }
-  renderButton() {
-    var _a;
-    return x`
-      <button
-        part="base"
-        class="profile-button"
-        type="button"
-        aria-label=${ifDefinedAndNotEmpty(
-      (_a = this.accessibleLabel) != null ? _a : `${this.fullName} - ${this.localize.term("userMenu")}`
-    )}
-        @blur=${this.handleBlur}
-        @focus=${this.handleFocus}
-      >
-        <dsa-avatar
-          size="large"
-          initials=${ifDefinedAndNotEmpty(this.initials)}
-          image=${ifDefinedAndNotEmpty(this.image)}
-        >
-          ${this.hasSlotController.test("icon") ? x` <slot name="icon" slot="icon"></slot> ` : ""}
-        </dsa-avatar>
-        ${this.displayMode === "full" ? x`
-              <span aria-hidden="true" class="profile-button__label"
-                >${this.getDisplayedName()}</span
-              >
-            ` : ""}
-        ${this.displayMode !== "mobile" ? x`
-              <dsa-icon
-                part="caret"
-                class="profile-button__caret"
-                name="expand_more"
-                library="system"
-              ></dsa-icon>
-            ` : ""}
-      </button>
-    `;
-  }
-  render() {
-    if (this.displayMode === "full" && this.fullName.length <= DISPLAYED_NAME_MAX_LENGTH) {
-      return this.renderButton();
-    } else {
-      return x`
-        <dsa-tooltip content=${this.firstName + " " + this.familyName}>
-          ${this.renderButton()}
-        </dsa-tooltip>
-      `;
-    }
-  }
-};
-DSAProfileButton.styles = profile_button_styles_default;
-__decorateClass([
-  e(".profile-button")
-], DSAProfileButton.prototype, "button", 2);
-__decorateClass([
-  r()
-], DSAProfileButton.prototype, "fullName", 2);
-__decorateClass([
-  n({ attribute: "display-mode" })
-], DSAProfileButton.prototype, "displayMode", 2);
-__decorateClass([
-  n({ attribute: "first-name" })
-], DSAProfileButton.prototype, "firstName", 2);
-__decorateClass([
-  n({ attribute: "family-name" })
-], DSAProfileButton.prototype, "familyName", 2);
-__decorateClass([
-  n({ attribute: "accessible-label" })
-], DSAProfileButton.prototype, "accessibleLabel", 2);
-__decorateClass([
-  n()
-], DSAProfileButton.prototype, "image", 2);
-__decorateClass([
-  n()
-], DSAProfileButton.prototype, "initials", 2);
-__decorateClass([
-  watch(["firstName", "familyName"])
-], DSAProfileButton.prototype, "updateFullName", 1);
-DSAProfileButton = __decorateClass([
-  t("dsa-profile-button")
-], DSAProfileButton);
-
-export {
-  DSAProfileButton
-};

package/cdn/chunks/chunk.OYVF3HNG.js

@@ -1,82 +0,0 @@
-// src/utilities/date.ts
-function parseDate(dateString, lang) {
-  const dateFormat = new Intl.DateTimeFormat(lang, {
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit"
-  });
-  const dateOrder = dateFormat.formatToParts(/* @__PURE__ */ new Date()).filter((part) => ["day", "month", "year"].includes(part.type)).map((part) => part.type);
-  const parts = dateString.split(/[-/]/);
-  if (parts.length !== 3) return null;
-  const dateObj = {};
-  dateOrder.forEach((part, index) => {
-    dateObj[part] = parseInt(parts[index], 10);
-  });
-  dateObj.month -= 1;
-  const date = new Date(dateObj.year, dateObj.month, dateObj.day);
-  return isNaN(date.getTime()) ? null : date;
-}
-function getLocaleDateFromISO(isoDate, lang) {
-  if (isoDate === "") {
-    return "";
-  } else {
-    return getDateFromISO(isoDate).toLocaleDateString(lang !== "" ? lang : "");
-  }
-}
-function isISODate(date) {
-  const isoDatePattern = /^\d{4}-\d{2}-\d{2}$/;
-  return isoDatePattern.test(date);
-}
-function isValidDate(isoDate) {
-  const [year, month, day] = isoDate.split("-");
-  if ([year, month, day].includes("")) {
-    return false;
-  }
-  const d = /* @__PURE__ */ new Date(`${isoDate}T00:00`);
-  if (d.getFullYear() === Number(year) && d.getMonth() === Number(month) - 1 && d.getDate() === Number(day)) {
-    return true;
-  }
-  return false;
-}
-function getISOFormattedDate(date) {
-  if (date === void 0) {
-    return "";
-  }
-  const year = String(date.getFullYear()).padStart(4, "0");
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-}
-function getDateFromISO(isoDate) {
-  return /* @__PURE__ */ new Date(`${isoDate}T00:00`);
-}
-function monthLength(month, year) {
-  if (!month) {
-    return 31;
-  }
-  if (!year) {
-    return new Date(2024, month, 0).getDate();
-  }
-  return new Date(year, month, 0).getDate();
-}
-function parseDateRange(dateRange) {
-  return dateRange.split(",");
-}
-function formatDateRange(startDate, endDate) {
-  if (startDate === "" && endDate === "") {
-    return "";
-  }
-  return `${startDate},${endDate}`;
-}
-
-export {
-  parseDate,
-  getLocaleDateFromISO,
-  isISODate,
-  isValidDate,
-  getISOFormattedDate,
-  getDateFromISO,
-  monthLength,
-  parseDateRange,
-  formatDateRange
-};

package/cdn/chunks/chunk.P4LDUKRH.js

@@ -1,26 +0,0 @@
-import {
-  component_styles_default
-} from "./chunk.MQAAYEM3.js";
-import {
-  i
-} from "./chunk.UKK3NS3L.js";
-
-// src/components/table-cell/table-cell.styles.ts
-var table_cell_styles_default = i`
-  ${component_styles_default}
-
-  :host {
-    position: relative;
-    display: table-cell;
-    padding: var(--dsa-wc-table-cell-padding-y)
-      var(--dsa-wc-table-cell-padding-x);
-    border-block-end: var(--dsa-wc-table-cell-border-size) solid
-      var(--dsa-wc-table-cell-border-color);
-    vertical-align: middle;
-    text-align: start;
-  }
-`;
-
-export {
-  table_cell_styles_default
-};

package/cdn/chunks/chunk.P4ZHSWIG.js

@@ -1,58 +0,0 @@
-import {
-  component_styles_default
-} from "./chunk.MQAAYEM3.js";
-import {
-  i
-} from "./chunk.UKK3NS3L.js";
-
-// src/components/footer-sitemap/footer-sitemap.styles.ts
-var footer_sitemap_styles_default = i`
-  ${component_styles_default}
-
-  .footer-sitemap {
-    display: flex;
-    flex-direction: column;
-    gap: var(--dsa-wc-footer-sitemap-spacing);
-  }
-
-  [part~='list'] {
-    font: var(--dsa-wc-footer-sitemap-list-font);
-    display: flex;
-    list-style-type: none;
-    align-self: stretch;
-    gap: var(--dsa-wc-footer-sitemap-list-spacing);
-    margin: 0;
-    padding: 0;
-    flex-wrap: wrap;
-  }
-
-  .footer-sitemap--align-links-center [part~='list'] {
-    justify-content: center;
-  }
-  .footer-sitemap--align-links-right [part~='list'] {
-    justify-content: flex-end;
-  }
-
-  .footer-sitemap--has-vertical [part~='list'] {
-    flex-direction: column;
-    gap: var(--dsa-wc-footer-sitemap-list-vertical-spacing);
-  }
-
-  .label {
-    display: none;
-  }
-
-  .footer-sitemap--has-label .label {
-    display: block;
-  }
-
-  .footer-sitemap--has-label .label::slotted(*) {
-    margin: var(--dsa-wc-footer-sitemap-label-margin);
-    font: var(--dsa-wc-footer-sitemap-label-font);
-    color: var(--dsa-wc-footer-sitemap-label-color);
-  }
-`;
-
-export {
-  footer_sitemap_styles_default
-};