@ds-autonomie/web-components 2.13.0 → 2.14.1

package/dist/chunks/chunk.QY3AIGLE.js

@@ -0,0 +1,356 @@
+// src/utilities/localize.ts
+import { LocalizeController as DefaultLocalizationController } from "@shoelace-style/localize";
+
+// src/translations/fr.ts
+var translation = {
+  $code: "fr",
+  $name: "Fran\xE7ais",
+  $dir: "ltr",
+  carousel: "Carrousel",
+  clearEntry: `Effacer l'entr\xE9e`,
+  close: "Fermer",
+  copy: "Copier",
+  youAreHere: "Vous \xEAtes ici :",
+  countryCallingCode: "Indicatif t\xE9l\xE9phonique international",
+  currentValue: "Valeur actuelle",
+  goToSlide: (slide, count) => `Aller \xE0 la diapositive ${slide} de ${count}`,
+  hidePassword: "Masquer le mot de passe",
+  loading: "Chargement",
+  nextSlide: "Diapositive suivante",
+  previousSlide: "Diapositive pr\xE9c\xE9dente",
+  progress: "Progr\xE8s",
+  remove: "Retirer",
+  resize: "Redimensionner",
+  scrollToEnd: `Faire d\xE9filer jusqu'\xE0 la fin`,
+  scrollToStart: `Faire d\xE9filer jusqu'au d\xE9but`,
+  selectAColorFromTheScreen: `S\xE9lectionnez une couleur \xE0 l'\xE9cran`,
+  selectATime: "S\xE9lectionnez une heure",
+  showPassword: "Montrer le mot de passe",
+  slideNum: (slide) => `Diapositive ${slide}`,
+  toggleColorFormat: "Changer le format de couleur",
+  noMatchFound: "Aucune correspondance trouv\xE9e",
+  optionsLoading: "Chargement des options",
+  optionsError: "Une erreur est survenue",
+  step: "\xC9tape",
+  stepActive: "\xC9tape active",
+  stepCompleted: "\xC9tape valid\xE9e",
+  stepInProgress: "\xC9tape en cours",
+  stepError: "\xC9tape en erreur",
+  skipLinksAriaLabel: `Liens d'acc\xE8s rapide`,
+  errorMessagePanelCodePrefix: "Code d'erreur: ",
+  fileSelect: (directory, multiple) => {
+    if (directory) return "S\xE9lect. dossier";
+    if (multiple) return "S\xE9lect. fichiers";
+    return "Choisir un fichier";
+  },
+  clearFile: (fileName) => `Retirer le fichier : ${fileName}`,
+  uploadFileProgressBar: "Barre de progression pour le t\xE9l\xE9chargement de fichiers",
+  pagination: "Pagination",
+  paginationResults: (from, to, total, customLabel) => `${from}-${to} sur ${total} ${customLabel != null ? customLabel : "r\xE9sultats"}`,
+  paginationResultsAriaLabel: (from, to, total, customLabel) => `Affichage de ${from} \xE0 ${to} sur ${total} ${customLabel != null ? customLabel : "r\xE9sultats"}`,
+  linesPerPage: "Lignes par page",
+  page: "page",
+  ofTotal: (total) => `sur ${total}`,
+  previousPage: "Page pr\xE9c\xE9dente",
+  nextPage: "Page suivante",
+  results: "r\xE9sultats",
+  cnsa: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie",
+  spa: "Service public de l'autonomie",
+  cnsaGoToHomepage: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie, aller \xE0 la page d'accueil",
+  spaGoToHomepage: "Service public de l'autonomie, aller \xE0 la page d'accueil",
+  search: "Rechercher",
+  cancel: "Annuler",
+  showTableActionsAnnouncement: "Une barre d'actions est d\xE9sormais disponible au-dessus du tableau.",
+  selectAllTableRows: "S\xE9lectionner toutes les lignes du tableau",
+  selectRow: "S\xE9lectionner la ligne",
+  showExpandedTableRowHeader: "Afficher les d\xE9tails des lignes du tableau",
+  showExpandedTableRow: "Afficher d\xE9tails",
+  hideExpandedTableRow: "Masquer d\xE9tails",
+  cnsaFooterLogoLabel: "Service public de l'autonomie",
+  openAll: "Tout ouvrir",
+  closeAll: "Tout fermer",
+  numberSelected: (num, gender) => `${num} s\xE9lectionn\xE9${gender === "feminine" ? "e" : ""}${num > 1 ? "s" : ""}`,
+  deselectAll: "Tout d\xE9s\xE9lectionner",
+  selectAll: "Tout s\xE9lectionner",
+  seeAll: (totalAmount) => `Voir tout (${totalAmount})`,
+  seeMore: "Voir plus",
+  columns: "Colonnes",
+  increase: "Augmenter",
+  decrease: "Diminuer",
+  reinitialize: "R\xE9initialiser",
+  validate: "Valider",
+  filterReset: "R\xE9initialiser",
+  filterSubmit: "Valider",
+  valuesSelected: "valeurs s\xE9lectionn\xE9es",
+  optionsAvailable: "options disponibles",
+  selectValue: (multiple) => `S\xE9lectionner ${multiple ? "des valeurs" : "une valeur"}`,
+  lessThan: "inf\xE9rieur \xE0",
+  moreThan: "sup\xE9rieur \xE0",
+  min: "Min",
+  max: "Max",
+  clearButton: "Effacer valeur",
+  hours: (value) => `${value} Heure${Number(value) > 1 ? "s" : ""}`,
+  minutes: (value) => `${value} Minute${Number(value) > 1 ? "s" : ""}`,
+  seconds: (value) => `${value} Seconde${Number(value) > 1 ? "s" : ""}`,
+  milliseconds: (value) => `${value} Milliseconde${Number(value) > 1 ? "s" : ""}`,
+  selectedTime: "Heure s\xE9lectionn\xE9e :",
+  day: "Jour",
+  month: "Mois",
+  year: "Ann\xE9e",
+  dayPlaceholder: "JJ",
+  monthPlaceholder: "MM",
+  yearPlaceholder: "AAAA",
+  selectedDate: "Date s\xE9lectionn\xE9e : ",
+  selectedDates: "Dates s\xE9lectionn\xE9es : ",
+  enhancedMonth: (month) => {
+    switch (month) {
+      case 1:
+        return "1 - Janvier";
+      case 2:
+        return "2 - F\xE9vrier";
+      case 3:
+        return "3 - Mars";
+      case 4:
+        return "4 - Avril";
+      case 5:
+        return "5 - Mai";
+      case 6:
+        return "6 - Juin";
+      case 7:
+        return "7 - Juillet";
+      case 8:
+        return "8 - Ao\xFBt";
+      case 9:
+        return "9 - Septembre";
+      case 10:
+        return "10 - Octobre";
+      case 11:
+        return "11 - Novembre";
+      case 12:
+        return "12 - D\xE9cembre";
+      default:
+        return "";
+    }
+  },
+  monthSelect: "S\xE9lectionner le mois",
+  nextMonthButton: "Mois suivant",
+  nextYearButton: "Ann\xE9e suivante",
+  picker: "Choisir une date",
+  pickerRange: "Choisir une plage de dates",
+  previousMonthButton: "Mois pr\xE9c\xE9dent",
+  previousYearButton: "Ann\xE9e pr\xE9c\xE9dente",
+  todayButton: "Afficher la date du jour",
+  yearSelect: "S\xE9lectionner l'ann\xE9e",
+  startDate: "Date de d\xE9but",
+  endDate: "Date de fin",
+  invalidDate: "Date non valide",
+  invalidStartDate: "Date de d\xE9but non valide",
+  invalidEndDate: "Date de fin non valide",
+  tableOfContents: "Sommaire :",
+  userMenu: "Menu utilisateur",
+  switchOn: "Activ\xE9",
+  switchOff: "D\xE9sactiv\xE9",
+  sidenav: "Navigation lat\xE9rale",
+  toggleSidenav: "D\xE9velopper/R\xE9duire la navigation lat\xE9rale",
+  copied: "Texte copi\xE9 dans le presse-papiers",
+  copyError: "Echec de la copie",
+  info: "Information",
+  warning: "Attention",
+  error: "Erreur",
+  success: "Succ\xE8s",
+  // countries and regions
+  fr_FR: "France",
+  fr_GP: "Guadeloupe, Saint-Barth\xE9lemy et Saint-Martin",
+  fr_GF: "Guyane",
+  fr_MQ: "Martinique",
+  fr_NC: "Nouvelle-Cal\xE9donie",
+  fr_PF: "Polyn\xE9sie fran\xE7aise",
+  fr_PM: "Saint-Pierre-et-Miquelon",
+  fr_RE: "R\xE9union et Mayotte",
+  fr_WF: "Wallis-et-Futuna"
+};
+registerTranslation(translation);
+var fr_default = translation;
+
+// src/utilities/localize.ts
+import { registerTranslation } from "@shoelace-style/localize";
+var LocalizeController = class extends DefaultLocalizationController {
+};
+
+// src/translations/en.ts
+var translation2 = {
+  $code: "en",
+  $name: "English",
+  $dir: "ltr",
+  carousel: "Carousel",
+  clearEntry: "Clear entry",
+  close: "Close",
+  copy: "Copy",
+  youAreHere: "You are here:",
+  countryCallingCode: "Country calling code",
+  currentValue: "Current value",
+  goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,
+  hidePassword: "Hide password",
+  loading: "Loading",
+  nextSlide: "Next slide",
+  previousSlide: "Previous slide",
+  progress: "Progress",
+  remove: "Remove",
+  resize: "Resize",
+  scrollToEnd: "Scroll to end",
+  scrollToStart: "Scroll to start",
+  selectAColorFromTheScreen: "Select a color from the screen",
+  selectATime: "Select a time",
+  showPassword: "Show password",
+  slideNum: (slide) => `Slide ${slide}`,
+  toggleColorFormat: "Toggle color format",
+  noMatchFound: "No match found",
+  optionsLoading: "Options loading",
+  optionsError: "An error has occurred",
+  step: "Step",
+  stepActive: "Active step",
+  stepCompleted: "Step completed",
+  stepInProgress: "Step in progress",
+  stepError: "Step in error",
+  skipLinksAriaLabel: `Skip links`,
+  errorMessagePanelCodePrefix: "Error code: ",
+  fileSelect: (directory, multiple) => {
+    if (directory) return "Select a directory";
+    if (multiple) return "Select files";
+    return "Choose a file";
+  },
+  clearFile: (fileName) => `Remove file : ${fileName}`,
+  uploadFileProgressBar: "Upload file progress bar",
+  pagination: "Pagination",
+  paginationResults: (from, to, total, customLabel) => `${from}-${to} of ${total} ${customLabel != null ? customLabel : "results"}`,
+  paginationResultsAriaLabel: (from, to, total, customLabel) => `Showing ${from} to ${to} of ${total} ${customLabel != null ? customLabel : "results"}`,
+  linesPerPage: "Lines per page",
+  page: "page",
+  ofTotal: (total) => `of ${total}`,
+  previousPage: "Previous page",
+  nextPage: "Next page",
+  results: "results",
+  cnsa: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie",
+  spa: "Service public de l'autonomie",
+  cnsaGoToHomepage: "CNSA Caisse Nationale de solidarit\xE9 pour l'autonomie, go to homepage",
+  spaGoToHomepage: "Service public de l'autonomie, go to homepage",
+  search: "Search",
+  cancel: "Cancel",
+  showTableActionsAnnouncement: "An action bar is now available above the table",
+  selectAllTableRows: "Select all table rows",
+  selectRow: "Select row",
+  showExpandedTableRowHeader: "Show details of table rows",
+  showExpandedTableRow: "Show details",
+  hideExpandedTableRow: "Hide details",
+  cnsaFooterLogoLabel: "Service public de l'autonomie",
+  openAll: "Open all",
+  closeAll: "Close all",
+  numberSelected: (num) => `${num} selected`,
+  deselectAll: "Deselect all",
+  selectAll: "Select all",
+  seeAll: (totalAmount) => `See all (${totalAmount})`,
+  seeMore: "See more",
+  columns: "Columns",
+  increase: "Increase",
+  decrease: "Decrease",
+  reinitialize: "Reinitialize",
+  validate: "Validate",
+  filterReset: "Reinitialize",
+  filterSubmit: "Validate",
+  valuesSelected: "values selected",
+  optionsAvailable: "options available",
+  selectValue: (multiple) => `Select ${multiple ? "values" : "a value"}`,
+  lessThan: "less than",
+  moreThan: "more than",
+  min: "Min",
+  max: "Max",
+  clearButton: "Clear value",
+  hours: (value) => `${value} Hour${Number(value) > 1 ? "s" : ""}`,
+  minutes: (value) => `${value} Minute${Number(value) > 1 ? "s" : ""}`,
+  seconds: (value) => `${value} Second${Number(value) > 1 ? "s" : ""}`,
+  milliseconds: (value) => `${value} Millisecond${Number(value) > 1 ? "s" : ""}`,
+  selectedTime: "Selected time :",
+  day: "Day",
+  month: "Month",
+  year: "Year",
+  dayPlaceholder: "DD",
+  monthPlaceholder: "MM",
+  yearPlaceholder: "YYYY",
+  selectedDate: "Selected date : ",
+  selectedDates: "Selected dates : ",
+  enhancedMonth: (month) => {
+    switch (month) {
+      case 1:
+        return "1 - January";
+      case 2:
+        return "2 - February";
+      case 3:
+        return "3 - March";
+      case 4:
+        return "4 - April";
+      case 5:
+        return "5 - May";
+      case 6:
+        return "6 - June";
+      case 7:
+        return "7 - July";
+      case 8:
+        return "8 - August";
+      case 9:
+        return "9 - September";
+      case 10:
+        return "10 - October";
+      case 11:
+        return "11 - November";
+      case 12:
+        return "12 - December";
+      default:
+        return "";
+    }
+  },
+  monthSelect: "Select month",
+  nextMonthButton: "Next month",
+  nextYearButton: "Next year",
+  picker: "Choose date",
+  pickerRange: "Choose a date range",
+  previousMonthButton: "Previous month",
+  previousYearButton: "Previous year",
+  todayButton: "Show today",
+  yearSelect: "Select year",
+  startDate: "Start date",
+  endDate: "End date",
+  invalidDate: "Invalid date",
+  invalidStartDate: "Invalid start date",
+  invalidEndDate: "Invalide end date",
+  tableOfContents: "Table of contents :",
+  userMenu: "User Menu",
+  switchOn: "On",
+  switchOff: "Off",
+  sidenav: "Side navigation",
+  toggleSidenav: "Toggle side navigation",
+  copied: "Copied",
+  copyError: "Copy error",
+  info: "Information",
+  warning: "Warning",
+  error: "Error",
+  success: "Success",
+  // countries and regions
+  fr_FR: "France",
+  fr_GP: "Guadeloupe",
+  fr_GF: "Guiana",
+  fr_MQ: "Martinique",
+  fr_NC: "New Caledonia",
+  fr_PF: "French Polynesia",
+  fr_PM: "Saint-Pierre-et-Miquelon",
+  fr_RE: "R\xE9union and Mayotte",
+  fr_WF: "Wallis and Futuna"
+};
+registerTranslation(translation2);
+var en_default = translation2;
+
+export {
+  en_default,
+  fr_default,
+  LocalizeController,
+  registerTranslation
+};

package/dist/chunks/chunk.QZXP2757.js

@@ -0,0 +1,100 @@
+import {
+  pagination_button_styles_default
+} from "./chunk.FXV7WH4N.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
+import {
+  ShoelaceElement
+} from "./chunk.SL3DN4BD.js";
+import {
+  __decorateClass
+} from "./chunk.N3L4GIUO.js";
+
+// src/components/pagination-button/pagination-button.ts
+import { html } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+var DSAPaginationButton = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "[default]",
+      "prefix",
+      "suffix"
+    );
+    this.value = 0;
+    this.selected = false;
+    this.disabled = false;
+    this.navigationType = "button";
+    this.compact = false;
+  }
+  getAriaCurrent() {
+    if (!this.selected) {
+      return void 0;
+    }
+    if (this.navigationType === "link") {
+      return "page";
+    } else {
+      return "true";
+    }
+  }
+  render() {
+    const isInactive = this.selected || this.value === -1;
+    return html`
+      <button
+        role=${ifDefined(this.navigationType === "link" ? "link" : void 0)}
+        part="base"
+        class=${classMap({
+      button: true,
+      "button-pagination": true,
+      "button-number": !this.hasSlotController.test("[default]"),
+      "button--selected": this.selected,
+      "button--inactive": isInactive,
+      "button--disabled": this.disabled
+    })}
+        value="${this.value}"
+        ?disabled=${this.disabled || isInactive}
+        aria-current=${ifDefined(this.getAriaCurrent())}
+      >
+        <slot name="prefix"></slot>
+        ${this.compact && this.value === 0 ? html`
+              <dsa-visually-hidden>
+                <slot part="label"></slot>
+              </dsa-visually-hidden>
+            ` : html`
+              <slot part="label">${this.value === -1 ? "\u2026" : this.value}</slot>
+            `}
+        <slot name="suffix"></slot>
+      </button>
+    `;
+  }
+};
+DSAPaginationButton.styles = pagination_button_styles_default;
+__decorateClass([
+  query(".button")
+], DSAPaginationButton.prototype, "button", 2);
+__decorateClass([
+  property({ type: Number })
+], DSAPaginationButton.prototype, "value", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "selected" })
+], DSAPaginationButton.prototype, "selected", 2);
+__decorateClass([
+  property({ type: Boolean })
+], DSAPaginationButton.prototype, "disabled", 2);
+__decorateClass([
+  property({ attribute: "navigation-type" })
+], DSAPaginationButton.prototype, "navigationType", 2);
+__decorateClass([
+  property({ type: Boolean })
+], DSAPaginationButton.prototype, "compact", 2);
+DSAPaginationButton = __decorateClass([
+  customElement("dsa-pagination-button")
+], DSAPaginationButton);
+
+export {
+  DSAPaginationButton
+};

package/dist/chunks/chunk.RDY4LCKI.js

@@ -0,0 +1,42 @@
+import {
+  DSARadioGroup
+} from "./chunk.LNNVAP5O.js";
+import {
+  FormSelectableCard
+} from "./chunk.XRVDXZ37.js";
+import {
+  watch
+} from "./chunk.QB2NJE2Y.js";
+import {
+  __decorateClass
+} from "./chunk.N3L4GIUO.js";
+
+// src/components/radio-card/radio-card.ts
+import { customElement } from "lit/decorators.js";
+var DSARadioCard = class extends FormSelectableCard {
+  constructor() {
+    super(...arguments);
+    this.type = "radio";
+  }
+  handleClick() {
+    if (!this.readonly) {
+      this.checked = true;
+    }
+  }
+  handleDisabledChange() {
+    const parent = this.parentElement;
+    if (parent instanceof DSARadioGroup) {
+      parent.updateTabIndexes();
+    }
+  }
+};
+__decorateClass([
+  watch(["disabled", "readonly"], { waitUntilFirstUpdate: true })
+], DSARadioCard.prototype, "handleDisabledChange", 1);
+DSARadioCard = __decorateClass([
+  customElement("dsa-radio-card")
+], DSARadioCard);
+
+export {
+  DSARadioCard
+};

package/dist/chunks/chunk.RMCLM44L.js

@@ -0,0 +1,100 @@
+import {
+  progress_ring_styles_default
+} from "./chunk.KIN7BJ2S.js";
+import {
+  a11yWarning
+} from "./chunk.PWL7QCVG.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
+import {
+  ShoelaceElement
+} from "./chunk.SL3DN4BD.js";
+import {
+  __decorateClass
+} from "./chunk.N3L4GIUO.js";
+
+// src/components/progress-ring/progress-ring.ts
+import { html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+var DSAProgressRing = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.value = 0;
+    this.label = "";
+    this.size = "medium";
+  }
+  requestUpdate(name, oldValue, options) {
+    super.requestUpdate(name, oldValue, options);
+    if (name === "value" && this.indicator) {
+      const radius = parseFloat(
+        getComputedStyle(this.indicator).getPropertyValue("r")
+      );
+      const circumference = 2 * Math.PI * radius;
+      const offset = circumference - this.value / 100 * circumference;
+      this.indicatorOffset = `${offset}px`;
+    }
+  }
+  render() {
+    if (!this.label) {
+      a11yWarning(
+        "<dsa-progress-ring> requires a label attribute for accessibility"
+      );
+    }
+    return html`
+      <div
+        id="progress-ring"
+        part="base"
+        class=${classMap({
+      "progress-ring": true,
+      "progress-ring--small": this.size === "small",
+      "progress-ring--medium": this.size === "medium"
+    })}
+        role="progressbar"
+        aria-label=${ifDefinedAndNotEmpty(
+      this.label.length > 0 ? this.label : void 0
+    )}
+        aria-describedby="label"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow="${this.value}"
+        style="--percentage: ${this.value / 100}"
+      >
+        <svg class="progress-ring__image">
+          <circle class="progress-ring__track"></circle>
+          <circle
+            class="progress-ring__indicator"
+            style="stroke-dashoffset: ${this.indicatorOffset}"
+          ></circle>
+        </svg>
+        <div id="label" part="label" class="progress-ring__label">
+          ${this.value}%
+        </div>
+      </div>
+    `;
+  }
+};
+DSAProgressRing.styles = progress_ring_styles_default;
+__decorateClass([
+  query(".progress-ring__indicator")
+], DSAProgressRing.prototype, "indicator", 2);
+__decorateClass([
+  state()
+], DSAProgressRing.prototype, "indicatorOffset", 2);
+__decorateClass([
+  property({ type: Number, reflect: true })
+], DSAProgressRing.prototype, "value", 2);
+__decorateClass([
+  property()
+], DSAProgressRing.prototype, "label", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSAProgressRing.prototype, "size", 2);
+DSAProgressRing = __decorateClass([
+  customElement("dsa-progress-ring")
+], DSAProgressRing);
+
+export {
+  DSAProgressRing
+};

package/dist/chunks/chunk.RNM5V4EX.js

@@ -0,0 +1,51 @@
+import {
+  FormToggleButton
+} from "./chunk.TKIRVUSQ.js";
+import {
+  DSACheckboxGroup
+} from "./chunk.NKPS2C4G.js";
+import {
+  watch
+} from "./chunk.QB2NJE2Y.js";
+import {
+  __decorateClass
+} from "./chunk.N3L4GIUO.js";
+
+// src/components/checkbox-button/checkbox-button.ts
+import { customElement } from "lit/decorators.js";
+var DSACheckboxButton = class extends FormToggleButton {
+  constructor() {
+    super(...arguments);
+    this.type = "checkbox";
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const parent = this.parentElement;
+    if (!this.hasAttribute("role") && parent instanceof DSACheckboxGroup) {
+      this.setAttribute("role", "listitem");
+    }
+  }
+  handleClick() {
+    if (this.readonly || this.disabled || this.parentDisabled || this.parentReadonly) {
+      return;
+    }
+    this.checked = !this.checked;
+  }
+  handleErrorChange() {
+    if (this.error) {
+      this.button.setAttribute("aria-invalid", "true");
+    } else {
+      this.button.removeAttribute("aria-invalid");
+    }
+  }
+};
+__decorateClass([
+  watch("error", { waitUntilFirstUpdate: true })
+], DSACheckboxButton.prototype, "handleErrorChange", 1);
+DSACheckboxButton = __decorateClass([
+  customElement("dsa-checkbox-button")
+], DSACheckboxButton);
+
+export {
+  DSACheckboxButton
+};