@ds-autonomie/web-components 2.6.0 → 2.7.0

package/cdn/chunks/{chunk.SW5XVMTS.js → chunk.MLWOIRB3.js}

@@ -5,8 +5,8 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -14,10 +14,10 @@ import {
   ShoelaceElement,
   e,
   n
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";
@@ -42,7 +42,8 @@ var form_selectable_card_styles_default = i`
     user-select: none;
     white-space: nowrap;
     vertical-align: middle;
-    transition: var(--dsa-wc-transition-x-fast) background-color,
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
       var(--dsa-wc-transition-x-fast) color,
       var(--dsa-wc-transition-x-fast) border,
       var(--dsa-wc-transition-x-fast) box-shadow;

package/cdn/chunks/{chunk.BL3GGU7N.js → chunk.MSFSKFRS.js}

@@ -1,11 +1,11 @@
 import {
   table_expanded_row_styles_default
-} from "./chunk.745AGVZD.js";
+} from "./chunk.K265GKXM.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.CUZCVMCE.js → chunk.MTQYC54Q.js}

@@ -1,12 +1,12 @@
 import {
   form_control_styles_default
-} from "./chunk.IWMEHK72.js";
+} from "./chunk.3O3BL3NH.js";
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/radio-group/radio-group.styles.ts
 var radio_group_styles_default = i`

package/cdn/chunks/{chunk.3WNNAMF2.js → chunk.NC6R4P4Q.js}

@@ -5,7 +5,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.EB3FXLYQ.js → chunk.NICDHHYE.js}

@@ -1,9 +1,9 @@
 import {
   stepper_styles_default
-} from "./chunk.FKD4DEYR.js";
+} from "./chunk.7MLNFK25.js";
 import {
-  e
-} from "./chunk.IKHG7XGO.js";
+  e2 as e
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -11,7 +11,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.KKJM4B7K.js → chunk.NJWUUIBV.js}

@@ -1,18 +1,18 @@
 import {
   textarea_styles_default
-} from "./chunk.UULRRJ5I.js";
+} from "./chunk.YNBVSPKG.js";
 import {
   l
-} from "./chunk.7PPSHHT2.js";
+} from "./chunk.2RXI7QGS.js";
 import {
   FormControlLayout
-} from "./chunk.E73QKLNL.js";
+} from "./chunk.U6TMPQV6.js";
 import {
   defaultValue
-} from "./chunk.YY5FKN3H.js";
+} from "./chunk.D2C3QB75.js";
 import {
   FormControlController
-} from "./chunk.3NWILHZZ.js";
+} from "./chunk.HAD2A62Q.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.B6GVVW66.js";
@@ -20,8 +20,8 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -30,7 +30,7 @@ import {
   n,
   r,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.IJXVW3NO.js → chunk.NNZ75TAG.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumb_item_styles_default
-} from "./chunk.KWRUGVRF.js";
+} from "./chunk.V6MYANXD.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -11,13 +11,13 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e
-} from "./chunk.IKHG7XGO.js";
+  e2 as e
+} from "./chunk.A2REDF56.js";
 import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.RUX5DD2U.js → chunk.NO5SMVKZ.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/card-content/card-content.styles.ts
 var card_content_styles_default = i`

package/cdn/chunks/{chunk.4OAG5UWA.js → chunk.NWPHYQOS.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/card-nav/card-nav.styles.ts
 var card_nav_styles_default = i`

package/cdn/chunks/{chunk.G4O22KO7.js → chunk.NY5FMVT7.js}

@@ -1,6 +1,6 @@
 import {
   icon_button_styles_default
-} from "./chunk.TS2KKUX2.js";
+} from "./chunk.COXLNR7D.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -15,15 +15,15 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   ShoelaceElement,
   e,
   n,
   r,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.FF4JFUUR.js → chunk.O4JY5NWU.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/pagination/pagination.styles.ts
 var pagination_styles_default = i`

package/cdn/chunks/{chunk.5LBMOJJI.js → chunk.OKS6WBUV.js}

@@ -1,12 +1,12 @@
 import {
   form_control_styles_default
-} from "./chunk.IWMEHK72.js";
+} from "./chunk.3O3BL3NH.js";
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/file-upload/file-upload.styles.ts
 var file_upload_styles_default = i`
@@ -144,7 +144,8 @@ var file_upload_styles_default = i`
     white-space: nowrap;
     vertical-align: middle;
     padding: 0 var(--dsa-wc-button-padding-horizontal);
-    transition: var(--dsa-wc-transition-x-fast) background-color,
+    transition:
+      var(--dsa-wc-transition-x-fast) background-color,
       var(--dsa-wc-transition-x-fast) color,
       var(--dsa-wc-transition-x-fast) border,
       var(--dsa-wc-transition-x-fast) box-shadow;

package/cdn/chunks/chunk.ORAENX4U.js

@@ -0,0 +1,204 @@
+import {
+  getIconLibrary,
+  unwatchIcon,
+  watchIcon
+} from "./chunk.LKPKCFRT.js";
+import {
+  icon_styles_default
+} from "./chunk.VDNCCMOZ.js";
+import {
+  watch
+} from "./chunk.4FQJ3QJK.js";
+import {
+  ShoelaceElement,
+  n,
+  r,
+  t
+} from "./chunk.JIQUSHGZ.js";
+import {
+  Z,
+  x
+} from "./chunk.7HUC6BF3.js";
+import {
+  __decorateClass
+} from "./chunk.4ZGVANML.js";
+
+// ../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/directive-helpers.js
+var { I: t2 } = Z;
+var e = (o, t3) => void 0 === t3 ? void 0 !== (o == null ? void 0 : o._$litType$) : (o == null ? void 0 : o._$litType$) === t3;
+var f = (o) => void 0 === o.strings;
+var u = {};
+var m = (o, t3 = u) => o._$AH = t3;
+
+// src/components/icon/icon.ts
+var CACHEABLE_ERROR = Symbol();
+var RETRYABLE_ERROR = Symbol();
+var parser;
+var iconCache = /* @__PURE__ */ new Map();
+var DSAIcon = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.initialRender = false;
+    this.svg = null;
+    this.label = "";
+    this.library = "default";
+  }
+  /** Given a URL, this function returns the resulting SVG element or an appropriate error symbol. */
+  async resolveIcon(url, library) {
+    var _a;
+    let fileData;
+    if (library == null ? void 0 : library.spriteSheet) {
+      this.svg = x`<svg part="svg">
+        <use part="use" href="${url}"></use>
+      </svg>`;
+      return this.svg;
+    }
+    try {
+      fileData = await fetch(url, { mode: "cors" });
+      if (!fileData.ok)
+        return fileData.status === 410 ? CACHEABLE_ERROR : RETRYABLE_ERROR;
+    } catch (e2) {
+      return RETRYABLE_ERROR;
+    }
+    try {
+      const div = document.createElement("div");
+      div.innerHTML = await fileData.text();
+      const svg = div.firstElementChild;
+      if (((_a = svg == null ? void 0 : svg.tagName) == null ? void 0 : _a.toLowerCase()) !== "svg") return CACHEABLE_ERROR;
+      if (!parser) parser = new DOMParser();
+      const doc = parser.parseFromString(svg.outerHTML, "text/html");
+      const svgEl = doc.body.querySelector("svg");
+      if (!svgEl) return CACHEABLE_ERROR;
+      svgEl.part.add("svg");
+      return document.adoptNode(svgEl);
+    } catch (e2) {
+      return CACHEABLE_ERROR;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    watchIcon(this);
+  }
+  firstUpdated() {
+    this.initialRender = true;
+    this.setIcon();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    unwatchIcon(this);
+  }
+  getIconSource() {
+    const library = getIconLibrary(this.library);
+    if (this.name && library) {
+      return {
+        url: library.resolver(this.name),
+        fromLibrary: true
+      };
+    }
+    return {
+      url: this.src,
+      fromLibrary: false
+    };
+  }
+  handleLabelChange() {
+    const hasLabel = typeof this.label === "string" && this.label.length > 0;
+    if (hasLabel) {
+      this.setAttribute("role", "img");
+      this.setAttribute("aria-label", this.label);
+      this.removeAttribute("aria-hidden");
+    } else {
+      this.removeAttribute("role");
+      this.removeAttribute("aria-label");
+      this.setAttribute("aria-hidden", "true");
+    }
+  }
+  async setIcon() {
+    var _a;
+    const { url, fromLibrary } = this.getIconSource();
+    const library = fromLibrary ? getIconLibrary(this.library) : void 0;
+    if (!url) {
+      this.svg = null;
+      return;
+    }
+    let iconResolver = iconCache.get(url);
+    if (!iconResolver) {
+      iconResolver = this.resolveIcon(url, library);
+      iconCache.set(url, iconResolver);
+    }
+    if (!this.initialRender) {
+      return;
+    }
+    const svg = await iconResolver;
+    if (svg === RETRYABLE_ERROR) {
+      iconCache.delete(url);
+    }
+    if (url !== this.getIconSource().url) {
+      return;
+    }
+    if (e(svg)) {
+      this.svg = svg;
+      if (library) {
+        await this.updateComplete;
+        const shadowSVG = this.shadowRoot.querySelector("[part='svg']");
+        if (typeof library.mutator === "function" && shadowSVG) {
+          library.mutator(shadowSVG);
+        }
+      }
+      return;
+    }
+    switch (svg) {
+      case RETRYABLE_ERROR:
+      case CACHEABLE_ERROR:
+        this.svg = null;
+        this.emit("dsa-error");
+        break;
+      default:
+        this.svg = svg.cloneNode(true);
+        (_a = library == null ? void 0 : library.mutator) == null ? void 0 : _a.call(library, this.svg);
+        this.emit("dsa-load");
+    }
+  }
+  render() {
+    return this.svg;
+  }
+};
+DSAIcon.styles = icon_styles_default;
+__decorateClass([
+  r()
+], DSAIcon.prototype, "svg", 2);
+__decorateClass([
+  n({ reflect: true })
+], DSAIcon.prototype, "name", 2);
+__decorateClass([
+  n()
+], DSAIcon.prototype, "src", 2);
+__decorateClass([
+  n()
+], DSAIcon.prototype, "label", 2);
+__decorateClass([
+  n({ reflect: true })
+], DSAIcon.prototype, "library", 2);
+__decorateClass([
+  watch("label")
+], DSAIcon.prototype, "handleLabelChange", 1);
+__decorateClass([
+  watch(["name", "src", "library"])
+], DSAIcon.prototype, "setIcon", 1);
+DSAIcon = __decorateClass([
+  t("dsa-icon")
+], DSAIcon);
+
+export {
+  f,
+  m,
+  DSAIcon
+};
+/*! Bundled license information:
+
+lit-html/directive-helpers.js:
+  (**
+   * @license
+   * Copyright 2020 Google LLC
+   * SPDX-License-Identifier: BSD-3-Clause
+   *)
+*/

package/cdn/chunks/{chunk.W547AC5O.js → chunk.OSPBWQ7G.js}

@@ -1,6 +1,6 @@
 import {
   pagination_button_styles_default
-} from "./chunk.2Q6V7LT2.js";
+} from "./chunk.TSP6JND3.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -8,14 +8,14 @@ import {
   o
 } from "./chunk.YQLIIKLI.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   ShoelaceElement,
   e,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.TGBPUFCG.js → chunk.OXR4OS4D.js}

@@ -5,7 +5,7 @@ import {
   ShoelaceElement,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/{dist/chunks/chunk.YBWQADCH.js → cdn/chunks/chunk.OYVF3HNG.js}

@@ -59,6 +59,15 @@ function monthLength(month, year) {
   }
   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,
@@ -67,5 +76,7 @@ export {
   isValidDate,
   getISOFormattedDate,
   getDateFromISO,
-  monthLength
+  monthLength,
+  parseDateRange,
+  formatDateRange
 };

package/cdn/chunks/{chunk.TWSC46MA.js → chunk.OZSKXQC5.js}

@@ -1,6 +1,6 @@
 import {
   dropdown_styles_default
-} from "./chunk.RMERH7OH.js";
+} from "./chunk.QIMH3YVV.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -16,8 +16,8 @@ import {
   LocalizeController
 } from "./chunk.EM2CIX7W.js";
 import {
-  e as e2
-} from "./chunk.IKHG7XGO.js";
+  e2
+} from "./chunk.A2REDF56.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
@@ -26,7 +26,7 @@ import {
   e,
   n,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";
@@ -44,6 +44,7 @@ var DSADropdown = class extends ShoelaceElement {
     this.disabled = false;
     this.skidding = 0;
     this.hoist = false;
+    this.closePanelOnClick = false;
   }
   connectedCallback() {
     super.connectedCallback();
@@ -127,6 +128,11 @@ var DSADropdown = class extends ShoelaceElement {
     this.handleDisabledChange();
     this.updateAccessibleTrigger();
   }
+  handlePanelClick() {
+    if (this.closePanelOnClick) {
+      this.open = false;
+    }
+  }
   getTrigger() {
     const assignedElements = this.trigger.assignedElements({
       flatten: true
@@ -267,6 +273,7 @@ var DSADropdown = class extends ShoelaceElement {
           class="dropdown__panel"
           aria-hidden=${this.open ? "false" : "true"}
           aria-labelledby="dropdown"
+          @click=${this.handlePanelClick}
         ></slot>
       </dsa-popup>
     `;
@@ -300,6 +307,9 @@ __decorateClass([
 __decorateClass([
   n({ type: Boolean })
 ], DSADropdown.prototype, "hoist", 2);
+__decorateClass([
+  n({ type: Boolean, attribute: "close-panel-on-click" })
+], DSADropdown.prototype, "closePanelOnClick", 2);
 __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], DSADropdown.prototype, "handleDisabledChange", 1);

package/cdn/chunks/{chunk.6V2FRFCB.js → chunk.P7M6AB44.js}

@@ -1,11 +1,11 @@
 import {
   menu_navigation_styles_default
-} from "./chunk.3XY6GW7M.js";
+} from "./chunk.C6TIDMVV.js";
 import {
   ShoelaceElement,
   e,
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   x
 } from "./chunk.7HUC6BF3.js";

package/cdn/chunks/{chunk.35PPY25N.js → chunk.PCEG535W.js}

@@ -1,9 +1,9 @@
 import {
   component_styles_default
-} from "./chunk.PSQJDSB2.js";
+} from "./chunk.B5IB4265.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/radio/radio.styles.ts
 var radio_styles_default = i`

package/cdn/chunks/{chunk.5IFHMXXG.js → chunk.PGWKKLXX.js}

@@ -1,6 +1,6 @@
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/switch/switch.styles.ts
 var switch_styles_default = i`
@@ -66,7 +66,8 @@ var switch_styles_default = i`
       var(--dsa-wc-switch-control-border-color);
     color: var(--dsa-wc-switch-control-border-color);
     border-radius: var(--height);
-    transition: var(--dsa-wc-transition-fast) border-color,
+    transition:
+      var(--dsa-wc-transition-fast) border-color,
       var(--dsa-wc-transition-fast) background-color;
   }
 
@@ -78,7 +79,8 @@ var switch_styles_default = i`
     border: solid var(--dsa-wc-switch-control-border-width)
       var(--dsa-wc-switch-control-border-color);
     translate: calc((var(--width) - var(--height)) / -2);
-    transition: var(--dsa-wc-transition-fast) translate ease,
+    transition:
+      var(--dsa-wc-transition-fast) translate ease,
       var(--dsa-wc-transition-fast) background-color,
       var(--dsa-wc-transition-fast) border-color,
       var(--dsa-wc-transition-fast) box-shadow;

package/cdn/chunks/{chunk.KCXGUZTZ.js → chunk.POHNSM46.js}

@@ -1,15 +1,15 @@
 import {
   DSARadioGroup
-} from "./chunk.WY4UKTES.js";
+} from "./chunk.A2VSMNJO.js";
 import {
   FormToggleButton
-} from "./chunk.CJNB57EY.js";
+} from "./chunk.I7PNAZLD.js";
 import {
   watch
 } from "./chunk.4FQJ3QJK.js";
 import {
   t
-} from "./chunk.DZB6XUZ7.js";
+} from "./chunk.JIQUSHGZ.js";
 import {
   __decorateClass
 } from "./chunk.4ZGVANML.js";

package/cdn/chunks/{chunk.E45KUAKX.js → chunk.PTM67U6V.js}

@@ -1,9 +1,9 @@
 import {
   filter_base_styles_default
-} from "./chunk.MORE7UFO.js";
+} from "./chunk.D4UARZIJ.js";
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/filter-select/filter-select.styles.ts
 var filter_select_styles_default = i`

package/cdn/chunks/{chunk.3NJ2VQ4A.js → chunk.PZPB7DYQ.js}

@@ -1,6 +1,6 @@
 import {
   i
-} from "./chunk.4KHZQZ3M.js";
+} from "./chunk.R7BJEFEU.js";
 
 // src/components/error-message-panel/error-message-panel.styles.ts
 var error_message_panel_styles_default = i`