@ds-autonomie/web-components 1.6.0 → 1.8.0

package/dist/chunks/chunk.DY7O23OC.js

@@ -0,0 +1,49 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/footer-sitemap/footer-sitemap.styles.ts
+import { css } from "lit";
+var footer_sitemap_styles_default = css`
+  ${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--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
+};

package/dist/chunks/{chunk.7F5X7SQN.js → chunk.F4KJFS2T.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.CKDL37GT.js";
+} from "./chunk.KZIAHLAV.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/{chunk.KGPFHLUW.js → chunk.F6EDQPCA.js}

@@ -1,6 +1,6 @@
 import {
   input_mask_styles_default
-} from "./chunk.XRHDURFE.js";
+} from "./chunk.Q255SJAB.js";
 import {
   maskedValueToRawValue,
   rawValueToMaskedValue,
@@ -17,7 +17,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.CKDL37GT.js";
+} from "./chunk.KZIAHLAV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/chunk.FWOMF5BY.js

@@ -0,0 +1,23 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/table-container/table-container.styles.ts
+import { css } from "lit";
+var table_container_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: flex;
+    flex-direction: column;
+  }
+
+  [part~='pagination'] {
+    display: block;
+    padding: var(--dsa-spacing-12) var(--dsa-spacing-8);
+  }
+`;
+
+export {
+  table_container_styles_default
+};

package/dist/chunks/{chunk.PZTXAAW2.js → chunk.H7OOLAC7.js}

@@ -1,6 +1,6 @@
 import {
   textarea_styles_default
-} from "./chunk.YZ66DKLU.js";
+} from "./chunk.OQ2AY2BC.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/chunk.HB7A2UQ7.js

@@ -0,0 +1,16 @@
+// src/components/table/defs.ts
+var TABLE_SORT_DIRECTION = /* @__PURE__ */ ((TABLE_SORT_DIRECTION2) => {
+  TABLE_SORT_DIRECTION2["NONE"] = "none";
+  TABLE_SORT_DIRECTION2["ASCENDING"] = "ascending";
+  TABLE_SORT_DIRECTION2["DESCENDING"] = "descending";
+  return TABLE_SORT_DIRECTION2;
+})(TABLE_SORT_DIRECTION || {});
+var TABLE_SORT_CYCLE = [
+  "descending" /* DESCENDING */,
+  "ascending" /* ASCENDING */
+];
+
+export {
+  TABLE_SORT_DIRECTION,
+  TABLE_SORT_CYCLE
+};

package/dist/chunks/chunk.HL632DKM.js

@@ -0,0 +1,86 @@
+import {
+  table_styles_default
+} from "./chunk.PO3AZ63O.js";
+import {
+  watch
+} from "./chunk.6IH66JBY.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/table/table.ts
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+var DSATable = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.role = "table";
+    this.size = "medium";
+    this.alignment = "left";
+  }
+  handleSizeChange() {
+    const allRows = this.querySelectorAll(this.selectorAllRows);
+    allRows.forEach((row) => {
+      row.size = this.size;
+    });
+  }
+  handleSortableChange() {
+    const headerCells = this.querySelectorAll(
+      this.selectorHeaderCell
+    );
+    headerCells.forEach((cell) => {
+      if (this.sortable !== void 0) {
+        cell.sortable = this.sortable;
+      }
+    });
+  }
+  handleAlignmentChange() {
+    const headerCells = this.querySelectorAll(
+      this.selectorHeaderCell
+    );
+    headerCells.forEach((cell) => {
+      cell.alignment = this.alignment;
+    });
+  }
+  render() {
+    return html` <slot></slot> `;
+  }
+  get selectorHeaderCell() {
+    return "dsa-table-header-cell";
+  }
+  get selectorAllRows() {
+    return "dsa-table-row";
+  }
+};
+DSATable.styles = table_styles_default;
+__decorateClass([
+  property({ reflect: true })
+], DSATable.prototype, "role", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSATable.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSATable.prototype, "sortable", 2);
+__decorateClass([
+  property()
+], DSATable.prototype, "alignment", 2);
+__decorateClass([
+  watch("size")
+], DSATable.prototype, "handleSizeChange", 1);
+__decorateClass([
+  watch("sortable")
+], DSATable.prototype, "handleSortableChange", 1);
+__decorateClass([
+  watch("alignment")
+], DSATable.prototype, "handleAlignmentChange", 1);
+DSATable = __decorateClass([
+  customElement("dsa-table")
+], DSATable);
+
+export {
+  DSATable
+};

package/dist/chunks/{chunk.M7UZ33WG.js → chunk.HWR5JOYI.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.IGYXUK7A.js";
 import {
   LocalizeController
-} from "./chunk.CKDL37GT.js";
+} from "./chunk.KZIAHLAV.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/chunk.HXWTBL6A.js

@@ -0,0 +1,227 @@
+import {
+  form_control_styles_default
+} from "./chunk.O3TGEE3I.js";
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/file-upload/file-upload.styles.ts
+import { css } from "lit";
+var file_upload_styles_default = css`
+  ${component_styles_default}
+  ${form_control_styles_default}
+
+  /* Overrides form-control styles */
+  .form-control {
+    display: grid;
+    align-content: start;
+    grid-template:
+      'label . .'
+      'description description description'
+      'field field field' 1fr
+      'helpText helpText helpText'
+      'errorText errorText errorText'
+      'fileList fileList fileList'
+      / auto auto minmax(0, 1fr);
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  /* Label */
+  .form-control--has-label.form-control--medium .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-medium);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--small .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-small);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--has-label.form-control--large .form-control__label {
+    font: var(--dsa-wc-file-upload-label-font-large);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Description */
+  .form-control .form-control__description {
+    grid-area: description;
+    display: none;
+  }
+
+  .form-control--has-description .form-control__description {
+    display: block;
+    color: var(--dsa-color-input-label-on-base-helper);
+  }
+
+  .form-control--small .form-control__description {
+    font: var(--dsa-wc-error-text-font-small);
+  }
+
+  .form-control.form-control--small .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--medium .form-control__description {
+    font: var(--dsa-wc-error-text-font);
+  }
+
+  .form-control.form-control--medium .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  .form-control--large .form-control__description {
+    font: var(--dsa-wc-error-text-font-large);
+  }
+
+  .form-control.form-control--large .form-control__description {
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Help Text */
+  .form-control.form-control--small .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__help-text {
+    font: var(--dsa-wc-file-upload-help-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Error Text */
+  .form-control.form-control--small .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-small);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--medium .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-medium);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  .form-control.form-control--large .form-control__error-text {
+    font: var(--dsa-wc-file-upload-error-text-font-large);
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  /* Slot Files */
+  [part~='slot_files'] {
+    grid-area: fileList;
+    display: inline-block;
+    padding-top: var(--dsa-spacing-16);
+  }
+
+  [part~='slot_files']::slotted(dsa-file-upload-item:not(:first-of-type)) {
+    padding-top: var(--dsa-spacing-8);
+  }
+
+  .button-container {
+    position: relative;
+  }
+
+  /* Button (Copy of button primary styles) */
+  .button {
+    display: inline-flex;
+    align-items: stretch;
+    justify-content: center;
+    width: auto;
+    border-style: solid;
+    border-width: var(--dsa-wc-button-border-width);
+    border-radius: var(--dsa-wc-button-border-radius);
+    text-decoration: none;
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: 0 var(--dsa-wc-button-padding-horizontal);
+    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;
+    cursor: pointer;
+    background-color: var(--dsa-wc-button-primary-on-base-color);
+    border-color: var(--dsa-wc-button-primary-on-base-color);
+    color: var(--dsa-wc-button-primary-on-base-font-color);
+  }
+
+  .button::-moz-focus-inner {
+    border: 0;
+  }
+
+  .button:focus {
+    outline: none;
+  }
+
+  .button:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-focus-ring-offset);
+  }
+
+  /* When disabled, prevent mouse events from bubbling up from children */
+  .button--disabled * {
+    pointer-events: none;
+  }
+  .button--disabled {
+    cursor: not-allowed;
+  }
+
+  .button:hover:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-primary-on-base-hover-color);
+    border-color: var(--dsa-wc-button-primary-on-base-hover-color);
+    color: var(--dsa-wc-button-primary-on-base-hover-font-color);
+  }
+  .button:active:not(.button--disabled) {
+    background-color: var(--dsa-wc-button-primary-on-base-active-color);
+    border-color: var(--dsa-wc-button-primary-on-base-active-color);
+    color: var(--dsa-wc-button-primary-on-base-active-font-color);
+  }
+  .button.button--disabled {
+    background-color: var(--dsa-wc-button-primary-on-base-disabled-color);
+    border-color: var(--dsa-wc-button-primary-on-base-disabled-color);
+    color: var(--dsa-wc-button-primary-on-base-disabled-font-color);
+  }
+
+  .button--small {
+    font: var(--dsa-wc-button-font-small);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-8);
+    padding-bottom: var(--dsa-spacing-8);
+  }
+
+  .button--medium {
+    font: var(--dsa-wc-button-font);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-12);
+    padding-bottom: var(--dsa-spacing-12);
+  }
+
+  .button--large {
+    font: var(--dsa-wc-button-font-large);
+    border-radius: var(--dsa-wc-button-border-radius);
+    padding-top: var(--dsa-spacing-16);
+    padding-bottom: var(--dsa-spacing-16);
+  }
+
+  /* Input */
+  [part~='input'] {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    opacity: 0;
+    z-index: -1;
+  }
+`;
+
+export {
+  file_upload_styles_default
+};

package/dist/chunks/{chunk.Z2QW2HUR.js → chunk.ICD5HBUY.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.AXG2LFB3.js";
+} from "./chunk.O3TGEE3I.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";
@@ -54,7 +54,7 @@ var select_styles_default = css`
       var(--dsa-wc-transition-fast) box-shadow,
       var(--dsa-wc-transition-fast) background-color;
     border-radius: var(--dsa-wc-input-border-radius);
-    padding: var(--dsa-wc-input-padding);
+    padding: var(--dsa-wc-select-padding);
   }
 
   .select__display-input {
@@ -282,6 +282,7 @@ var select_styles_default = css`
   /* Sizes */
   .select--small .select__combobox {
     font: var(--dsa-wc-select-input-font-small);
+    min-height: var(--dsa-wc-form-input-height-small);
   }
 
   .select--small.select--multiple:not(.select--placeholder-visible)
@@ -296,6 +297,7 @@ var select_styles_default = css`
 
   .select--medium .select__combobox {
     font: var(--dsa-wc-select-input-font);
+    min-height: var(--dsa-wc-form-input-height);
   }
 
   .select--medium.select--multiple:not(.select--placeholder-visible)
@@ -309,6 +311,7 @@ var select_styles_default = css`
   }
   .select--large .select__combobox {
     font: var(--dsa-wc-select-input-font-large);
+    min-height: var(--dsa-wc-form-input-height-large);
   }
   .select--large.select--multiple:not(.select--placeholder-visible)
     .select__combobox {

package/dist/chunks/{chunk.LSECPSSR.js → chunk.IDMVVAVX.js}

@@ -1,6 +1,6 @@
 import {
   form_control_styles_default
-} from "./chunk.AXG2LFB3.js";
+} from "./chunk.O3TGEE3I.js";
 import {
   component_styles_default
 } from "./chunk.TUVJKY7S.js";

package/dist/chunks/{chunk.Z6TBD2AC.js → chunk.INLQD4SQ.js}

@@ -97,8 +97,7 @@ var alert_styles_default = css`
     flex: 1 0 0;
   }
 
-  .alert__icon,
-  .alert__close-button {
+  .alert__icon {
     font-size: var(--dsa-wc-alert-icon-size);
   }
 

package/dist/chunks/{chunk.NQSQUH4H.js → chunk.JGWZGEQY.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.CKDL37GT.js";
+} from "./chunk.KZIAHLAV.js";
 import {
   ShoelaceElement
 } from "./chunk.YCXTCVAZ.js";

package/dist/chunks/chunk.JOIYVWUG.js

@@ -0,0 +1,32 @@
+import {
+  footer_sitemap_item_styles_default
+} from "./chunk.2PA4QKLT.js";
+import {
+  ShoelaceElement
+} from "./chunk.YCXTCVAZ.js";
+import {
+  __decorateClass
+} from "./chunk.6M63UXML.js";
+
+// src/components/footer-sitemap-item/footer-sitemap-item.ts
+import { html } from "lit";
+import { customElement } from "lit/decorators.js";
+var DSAFooterSitemapItem = class extends ShoelaceElement {
+  connectedCallback() {
+    if (!this.hasAttribute("role")) {
+      this.setAttribute("role", "listitem");
+    }
+    super.connectedCallback();
+  }
+  render() {
+    return html` <slot></slot> `;
+  }
+};
+DSAFooterSitemapItem.styles = footer_sitemap_item_styles_default;
+DSAFooterSitemapItem = __decorateClass([
+  customElement("dsa-footer-sitemap-item")
+], DSAFooterSitemapItem);
+
+export {
+  DSAFooterSitemapItem
+};

package/dist/chunks/chunk.K55HKFUM.js

@@ -0,0 +1,55 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/table/table-caption/table-caption.styles.ts
+import { css } from "lit";
+var table_caption_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+    text-align: left;
+    padding: var(--dsa-spacing-8);
+  }
+
+  :host ::slotted(*) {
+    margin: 0;
+  }
+
+  :host ::slotted(*:not(:first-child)) {
+    margin-top: var(--dsa-spacing-8);
+  }
+
+  [part~='title']::slotted(*) {
+    font: var(--dsa-font-large-bold);
+    color: var(--dsa-color-text-on-base-primary);
+  }
+
+  [part~='subtitle']::slotted(*) {
+    font: var(--dsa-font-small-normal);
+    color: var(--dsa-color-text-on-base-primary);
+  }
+
+  [part~='total-items'] {
+    display: none;
+    margin: 0px;
+  }
+
+  .has-total-items {
+    display: flex;
+    align-items: baseline;
+    gap: var(--dsa-spacing-4);
+    font: var(--dsa-font-small-bold);
+    color: var(--dsa-color-primitives-neutral-650);
+  }
+
+  [part~='total-item--indicator'] {
+    font: var(--dsa-font-x-small-normal);
+    color: var(--dsa-color-text-on-base-secondary);
+  }
+`;
+
+export {
+  table_caption_styles_default
+};

package/dist/chunks/{chunk.YS2LUMKB.js → chunk.KY6SFO3D.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.V7RJROLH.js";
 import {
   LocalizeController
-} from "./chunk.CKDL37GT.js";
+} from "./chunk.KZIAHLAV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";

package/dist/chunks/{chunk.CKDL37GT.js → chunk.KZIAHLAV.js}

@@ -44,6 +44,32 @@ var translation = {
   stepInProgress: "\xC9tape en cours",
   stepError: "\xC9tape en erreur",
   errorMessagePanelCodePrefix: "Code d'erreur: ",
+  fileSelect: (multiple) => {
+    if (multiple)
+      return "S\xE9lect. fichiers";
+    return "Choisir un fichier";
+  },
+  clearFile: "Retirer le fichier",
+  uploadFileProgressBar: "Barre de progression pour le t\xE9l\xE9chargement de fichiers",
+  pagination: "Pagination",
+  paginationResults: (from, to, total) => `${from}-${to} sur ${total} r\xE9sultats`,
+  paginationResultsAriaLabel: (from, to, total) => `Affichage de ${from} \xE0 ${to} sur ${total} r\xE9sultats`,
+  linesPerPage: "Lignes par page",
+  page: "page",
+  ofTotal: (total) => `sur ${total}`,
+  previousPage: "Page pr\xE9c\xE9dente",
+  nextPage: "Page suivante",
+  nextSortDirection: (direction) => {
+    switch (direction) {
+      case "ascending" /* ASCENDING */:
+        return "Au prochain clic, trier vers le haut";
+      case "descending" /* DESCENDING */:
+        return "Au prochain clic, trier vers le bas";
+      default:
+        return "";
+    }
+  },
+  results: "r\xE9sultats",
   // countries
   fr_FR: "France",
   fr_GP: "Guadeloupe",
@@ -102,6 +128,32 @@ var translation2 = {
   stepInProgress: "Step in progress",
   stepError: "Step in error",
   errorMessagePanelCodePrefix: "Error code: ",
+  fileSelect: (multiple) => {
+    if (multiple)
+      return "Select files";
+    return "Choose a file";
+  },
+  clearFile: "Remove file",
+  uploadFileProgressBar: "Upload file progress bar",
+  pagination: "Pagination",
+  paginationResults: (from, to, total) => `${from}-${to} of ${total} results`,
+  paginationResultsAriaLabel: (from, to, total) => `Showing ${from} to ${to} of ${total} results`,
+  linesPerPage: "Lines per page",
+  page: "page",
+  ofTotal: (total) => `of ${total}`,
+  previousPage: "Previous page",
+  nextPage: "Next page",
+  nextSortDirection: (direction) => {
+    switch (direction) {
+      case "ascending" /* ASCENDING */:
+        return "Next click, sort upwards";
+      case "descending" /* DESCENDING */:
+        return "Next click, sort downwards";
+      default:
+        return "";
+    }
+  },
+  results: "results",
   // countries
   fr_FR: "France",
   fr_GP: "Guadeloupe",

package/dist/chunks/{chunk.B5NS5VQR.js → chunk.L5YSEAAK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FIGO7UV2.js";
 import {
   LocalizeController
-} from "./chunk.CKDL37GT.js";
+} from "./chunk.KZIAHLAV.js";
 import {
   watch
 } from "./chunk.6IH66JBY.js";