@ds-autonomie/web-components 1.0.1

package/dist/chunks/chunk.SGIGGO5M.js

@@ -0,0 +1,86 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/progress-bar/progress-bar.styles.ts
+import { css } from "lit";
+var progress_bar_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  .progress-bar {
+    position: relative;
+    background-color: var(--dsa-wc-progress-bar-track-color);
+    height: var(--dsa-wc-progress-bar-height);
+    border-radius: var(--dsa-wc-progress-bar-border-radius);
+    box-shadow: inset var(--dsa-wc-shadow-small);
+    overflow: hidden;
+  }
+
+  .progress-bar__indicator {
+    height: 100%;
+    font: var(--dsa-wc-progress-bar-font);
+    background-color: var(--dsa-wc-progress-bar-indicator-color);
+    color: var(--dsa-wc-progress-bar-indicator-label-color);
+    text-align: center;
+    line-height: var(--dsa-wc-progress-bar-height);
+    white-space: nowrap;
+    overflow: hidden;
+    transition: 400ms width, 400ms background-color;
+    user-select: none;
+  }
+
+  /* Indeterminate */
+  .progress-bar--indeterminate .progress-bar__indicator {
+    position: absolute;
+    animation: indeterminate 2.5s var(--dsa-wc-no-animations-duration, infinite)
+      cubic-bezier(0.37, 0, 0.63, 1);
+  }
+
+  .progress-bar--indeterminate.progress-bar--rtl .progress-bar__indicator {
+    animation-name: indeterminate-rtl;
+  }
+
+  @media (forced-colors: active) {
+    .progress-bar {
+      outline: solid 1px SelectedItem;
+      background-color: var(--dsa-wc-progress-bar-indicator-label-color);
+    }
+
+    .progress-bar__indicator {
+      outline: solid 1px SelectedItem;
+      background-color: SelectedItem;
+    }
+  }
+
+  @keyframes indeterminate {
+    0% {
+      left: -50%;
+      width: 50%;
+    }
+    75%,
+    100% {
+      left: 100%;
+      width: 50%;
+    }
+  }
+
+  @keyframes indeterminate-rtl {
+    0% {
+      right: -50%;
+      width: 50%;
+    }
+    75%,
+    100% {
+      right: 100%;
+      width: 50%;
+    }
+  }
+`;
+
+export {
+  progress_bar_styles_default
+};

package/dist/chunks/chunk.SQMWMSBA.js

@@ -0,0 +1,207 @@
+// src/components/input-mask/input-mask.utils.ts
+var specialCharPattern = /[\W]+/g;
+var normalCharPattern = /^[_A-z0-9]*((-)*[_A-z0-9])*$/;
+function stripSpecialChars(word) {
+  return word.replace(specialCharPattern, "");
+}
+function isSpecialChar(word) {
+  return word.match(specialCharPattern) !== null;
+}
+function getMaskedValue(rawValue, mask) {
+  const explodedValue = [...rawValue];
+  const explodedMask = [...mask];
+  let valueIndex = 0;
+  let maskedValue = "";
+  explodedMask.every((character) => {
+    if (explodedValue.length === 0) {
+      return false;
+    }
+    const isCharSpecial = isSpecialChar(character);
+    if (!isCharSpecial) {
+      maskedValue += explodedValue[valueIndex];
+      valueIndex++;
+    } else {
+      maskedValue += character;
+    }
+    if (valueIndex === explodedValue.length) {
+      return false;
+    }
+    return true;
+  });
+  return maskedValue;
+}
+var IBANTestValues = [
+  "AD1400080001001234567890",
+  "AT483200000012345864",
+  "BE71096123456769",
+  "BG18RZBB91550123456789",
+  "HR1723600001101234565",
+  "CY21002001950000357001234567",
+  "CZ5508000000001234567899",
+  "DK9520000123456789",
+  "EE471000001020145685",
+  "FI1410093000123458",
+  "FR7630006000011234567890189",
+  "DE75512108001245126199",
+  "GI04BARC000001234567890",
+  "GR9608100010000001234567890",
+  "HU93116000060000000012345676",
+  "IS750001121234563108962099",
+  "IE64IRCE92050112345678",
+  "IT60X0542811101000000123456",
+  "LV97HABA0012345678910",
+  "LI7408806123456789012",
+  "LT601010012345678901",
+  "LU120010001234567891",
+  "MT31MALT01100000000000000000123",
+  "MC5810096180790123456789085",
+  "NL02ABNA0123456789",
+  "NO8330001234567",
+  "PL10105000997603123456789123",
+  "PT50002700000001234567833",
+  "RO09BCYP0000001234567890",
+  "SM76P0854009812123456789123",
+  "SK8975000000000012345671",
+  "SI56192001234567892",
+  "ES7921000813610123456789",
+  "SE7280000810340009783242",
+  "CH5604835012345678009",
+  "GB33BUKB20201555555555",
+  "VA59001123000012345678"
+];
+var BICTestValues = [
+  "DEKTDE7GXXX",
+  "GEBABEBB",
+  "BKAUATWW",
+  "COBADEFF060",
+  "UCJAES2MXXX",
+  "ESSEDE5F100",
+  "CMCIFRPP",
+  "CHASFIHHXXX",
+  "PBNKDEFF100",
+  "ZUNOCZPP",
+  "ABNACHZ8XXX",
+  "DNBANOKK",
+  "DEUTDEDB101",
+  "ARSPBE22",
+  "DXIADEBBXXX",
+  "SOGEFRPP",
+  // Société générale
+  "BNPAFRPPXXX",
+  //BNP
+  "CMCIFR2AXXX",
+  // Crédit Mutuel
+  "CMCIFRPPXXX",
+  //CIC banque
+  "PSSTFRPPPAR",
+  //Banque postale
+  "PSSTFRPPLIL",
+  "PSSTFRPPSCE",
+  "PSSTFRPPMAR",
+  "CMBRFR2BXXX",
+  //credit mutuelle
+  "CEPAFRPP627",
+  //caise d'epargne
+  "PSSTFRPPCNE",
+  "CEPAFRPP751",
+  "AGRIFRPP867",
+  "AGRIFRPP878",
+  "PSSTFRPPBOR",
+  "CEPAFRPP382",
+  "PSSTFRPPLYO",
+  "AGRIFRPP887",
+  "AGRIFRPP891",
+  "CEPAFRPP444",
+  "PSSTFRPPMON",
+  "AGRIFRPP882",
+  "AGRIFRPP835",
+  "CEPAFRPP513",
+  "CEPAFRPP333",
+  "PSSTFRPPTOU",
+  "AGRIFRPP833",
+  "AGRIFRPP802",
+  "CEPAFRPP131",
+  "AGRIFRPP868",
+  "PSSTFRPPROU",
+  "CEPAFRPP142",
+  "AGRIFRPP847",
+  "AGRIFRPP866",
+  "CEPAFRPP313",
+  "AGRIFRPP879",
+  "CEPAFRPP348",
+  "AGRIFRPP813",
+  "CCBPFRPPGRE",
+  "PSSTFRPPNTE",
+  "AGRIFRPP848",
+  "CEPAFRPP213",
+  "CCBPFRPPDJN",
+  "AGRIFRPP810",
+  "AGRIFRPP881",
+  "PSSTFRPPDIJ",
+  "AGRIFRPP839",
+  "AGRIFRPP883",
+  "CCBPFRPPBDX",
+  "CEPAFRPP450",
+  "BREDFRPPXXX",
+  "PSSTFRPPLIM",
+  "CCBPFRPPMTZ",
+  "AGRIFRPP869",
+  "PSSTFRPPCLE",
+  "AGRIFRPP812",
+  "CCBPFRPPNAN",
+  "CCBPFRPPTLS",
+  "PSSTFRPPCHA",
+  "PSSTFRPPNCY",
+  "PSSTFRPPGRE",
+  "CEPAFRPP831",
+  "CCBPFRPPMTG",
+  "AGRIFRPP825",
+  "AGRIFRPP845",
+  "PSSTFRPPREN",
+  "CEPAFRPP871",
+  "AGRIFRPP831",
+  "CEPAFRPP426",
+  "AGRIFRPP861",
+  "AGRIFRPP836",
+  "AGRIFRPP817",
+  "AGRIFRPP894",
+  "CCBPFRPPPPG",
+  "SOAPFR22XXX",
+  "CCBPFRPPVER",
+  "AGRIFRPP829",
+  "AGRIFRPP824",
+  "CCBPFRPPMAR",
+  "AGRIFRPP871",
+  "AGRIFRPP822",
+  "AGRIFRPP844",
+  "AGRIFRPP872",
+  "CCBPFRPPLIL",
+  "AGRIFRPP895",
+  "AGRIFRPP860",
+  "PSSTFRPPSDR",
+  "AXABFRPPXXX",
+  "PSSTFRPPSTR",
+  "CCOPFRPPXXX",
+  "SORMFR2NXXX",
+  "CCBPFRPPREN",
+  "PSSTFRPPBTE",
+  "GPBAFRPPXXX",
+  "PSSTFRPPCAY",
+  "PRNSFRP1XXX",
+  "CMCIFRP1MON",
+  "FTNOFRP1XXX",
+  "PSSTFRPPFDF",
+  "CEPAFRPP670",
+  "CMBRFR2BARK"
+];
+var NIRTestValues = ["187089932132113"];
+
+export {
+  specialCharPattern,
+  normalCharPattern,
+  stripSpecialChars,
+  getMaskedValue,
+  IBANTestValues,
+  BICTestValues,
+  NIRTestValues
+};

package/dist/chunks/chunk.TJOP7HQP.js

@@ -0,0 +1,14 @@
+// src/components/animation/animations.ts
+import * as animations from "@shoelace-style/animations";
+function getAnimationNames() {
+  return Object.entries(animations).filter(([name]) => name !== "easings").map(([name]) => name);
+}
+function getEasingNames() {
+  return Object.entries(animations.easings).map(([name]) => name);
+}
+
+export {
+  animations,
+  getAnimationNames,
+  getEasingNames
+};

package/dist/chunks/chunk.TUVJKY7S.js

@@ -0,0 +1,21 @@
+// src/styles/component.styles.ts
+import { css } from "lit";
+var component_styles_default = css`
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`;
+
+export {
+  component_styles_default
+};

package/dist/chunks/chunk.UA32LJYW.js

@@ -0,0 +1,230 @@
+import {
+  accordion_styles_default
+} from "./chunk.LC54322H.js";
+import {
+  waitForEvent
+} from "./chunk.B4BZKR24.js";
+import {
+  animateTo,
+  shimKeyframesHeightAuto,
+  stopAnimations
+} from "./chunk.2FK6USFR.js";
+import {
+  getAnimation,
+  setDefaultAnimation
+} from "./chunk.V7RJROLH.js";
+import {
+  LocalizeController
+} from "./chunk.5XL2LZLC.js";
+import {
+  watch
+} from "./chunk.D7CATJYB.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/accordion/accordion.ts
+import { html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var DSAAccordion = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.open = false;
+    this.disabled = false;
+    this.icon = "chevron";
+  }
+  firstUpdated() {
+    this.body.hidden = !this.open;
+    this.body.style.height = this.open ? "auto" : "0";
+  }
+  handleSummaryClick() {
+    if (!this.disabled) {
+      if (this.open) {
+        this.hide();
+      } else {
+        this.show();
+      }
+      this.header.focus();
+    }
+  }
+  handleSummaryKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      if (this.open) {
+        this.hide();
+      } else {
+        this.show();
+      }
+    }
+    if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+      event.preventDefault();
+      this.hide();
+    }
+    if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+      event.preventDefault();
+      this.show();
+    }
+  }
+  async handleOpenChange() {
+    if (this.open) {
+      const slShow = this.emit("dsa-show", { cancelable: true });
+      if (slShow.defaultPrevented) {
+        this.open = false;
+        return;
+      }
+      await stopAnimations(this.body);
+      this.body.hidden = false;
+      const { keyframes, options } = getAnimation(this, "accordion.show", {
+        dir: this.localize.dir()
+      });
+      await animateTo(
+        this.body,
+        shimKeyframesHeightAuto(keyframes, this.body.scrollHeight),
+        options
+      );
+      this.body.style.height = "auto";
+      this.emit("dsa-after-show");
+    } else {
+      const slHide = this.emit("dsa-hide", { cancelable: true });
+      if (slHide.defaultPrevented) {
+        this.open = true;
+        return;
+      }
+      await stopAnimations(this.body);
+      const { keyframes, options } = getAnimation(this, "accordion.hide", {
+        dir: this.localize.dir()
+      });
+      await animateTo(
+        this.body,
+        shimKeyframesHeightAuto(keyframes, this.body.scrollHeight),
+        options
+      );
+      this.body.hidden = true;
+      this.body.style.height = "auto";
+      this.emit("dsa-after-hide");
+    }
+  }
+  /** Shows the accordion. */
+  async show() {
+    if (this.open || this.disabled) {
+      return void 0;
+    }
+    this.open = true;
+    return await waitForEvent(this, "dsa-after-show");
+  }
+  /** Hides the accordion */
+  async hide() {
+    if (!this.open || this.disabled) {
+      return void 0;
+    }
+    this.open = false;
+    return await waitForEvent(this, "dsa-after-hide");
+  }
+  render() {
+    const isRtl = this.localize.dir() === "rtl";
+    const expandIconName = this.icon === "box" ? "add_box" : isRtl ? "chevron_left" : "chevron_right";
+    const collapseIconName = this.icon === "box" ? "indeterminate_check_box" : isRtl ? "chevron_left" : "chevron_right";
+    return html`
+      <div
+        part="base"
+        class=${classMap({
+      accordion: true,
+      "accordion--open": this.open,
+      "accordion--disabled": this.disabled,
+      "accordion--rtl": isRtl,
+      "accordion--chevron": this.icon === "chevron"
+    })}
+      >
+        <header
+          part="header"
+          id="header"
+          class="accordion__header"
+          role="button"
+          aria-expanded=${this.open ? "true" : "false"}
+          aria-controls="content"
+          aria-disabled=${this.disabled ? "true" : "false"}
+          tabindex=${this.disabled ? "-1" : "0"}
+          @click=${this.handleSummaryClick}
+          @keydown=${this.handleSummaryKeyDown}
+        >
+          <slot name="summary" part="summary" class="accordion__summary"
+            >${this.summary}</slot
+          >
+
+          <span part="summary-icon" class="accordion__summary-icon">
+            <dsa-icon
+              class="accordion__expand-icon"
+              name=${expandIconName}
+            ></dsa-icon>
+
+            <dsa-icon
+              class="accordion__collapse-icon"
+              name=${collapseIconName}
+            ></dsa-icon>
+          </span>
+        </header>
+
+        <div class="accordion__body">
+          <slot
+            part="content"
+            id="content"
+            class="accordion__content"
+            role="region"
+            aria-labelledby="header"
+          ></slot>
+        </div>
+      </div>
+    `;
+  }
+};
+DSAAccordion.styles = accordion_styles_default;
+__decorateClass([
+  query(".accordion")
+], DSAAccordion.prototype, "accordion", 2);
+__decorateClass([
+  query(".accordion__header")
+], DSAAccordion.prototype, "header", 2);
+__decorateClass([
+  query(".accordion__body")
+], DSAAccordion.prototype, "body", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSAAccordion.prototype, "open", 2);
+__decorateClass([
+  property()
+], DSAAccordion.prototype, "summary", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSAAccordion.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSAAccordion.prototype, "icon", 2);
+__decorateClass([
+  watch("open", { waitUntilFirstUpdate: true })
+], DSAAccordion.prototype, "handleOpenChange", 1);
+DSAAccordion = __decorateClass([
+  customElement("dsa-accordion")
+], DSAAccordion);
+setDefaultAnimation("accordion.show", {
+  keyframes: [
+    { height: "0", opacity: "0" },
+    { height: "auto", opacity: "1" }
+  ],
+  options: { duration: 250, easing: "linear" }
+});
+setDefaultAnimation("accordion.hide", {
+  keyframes: [
+    { height: "auto", opacity: "1" },
+    { height: "0", opacity: "0" }
+  ],
+  options: { duration: 250, easing: "linear" }
+});
+
+export {
+  DSAAccordion
+};

package/dist/chunks/chunk.UEUTSYIH.js

@@ -0,0 +1,60 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/dropdown/dropdown.styles.ts
+import { css } from "lit";
+var dropdown_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: inline-block;
+  }
+
+  .dropdown::part(popup) {
+    z-index: var(--dsa-wc-z-index-dropdown);
+  }
+
+  .dropdown[data-current-placement^='top']::part(popup) {
+    transform-origin: bottom;
+  }
+
+  .dropdown[data-current-placement^='bottom']::part(popup) {
+    transform-origin: top;
+  }
+
+  .dropdown[data-current-placement^='left']::part(popup) {
+    transform-origin: right;
+  }
+
+  .dropdown[data-current-placement^='right']::part(popup) {
+    transform-origin: left;
+  }
+
+  .dropdown__trigger {
+    display: block;
+  }
+
+  .dropdown__panel {
+    background-color: var(--dsa-wc-dropdown-panel-background);
+    font: var(--dsa-wc-dropdown-font);
+    box-shadow: var(--dsa-wc-dropdown-panel-box-shadow);
+    border-radius: var(--dsa-wc-dropdown-panel-border-radius);
+    pointer-events: none;
+  }
+
+  .dropdown--open .dropdown__panel {
+    display: block;
+    pointer-events: all;
+  }
+
+  /* When users slot a menu, make sure it conforms to the popup's auto-size */
+  ::slotted(dsa-menu) {
+    max-width: var(--auto-size-available-width) !important;
+    max-height: var(--auto-size-available-height) !important;
+  }
+`;
+
+export {
+  dropdown_styles_default
+};