@ds-autonomie/web-components 2.7.1 → 2.8.1

package/dist/chunks/{chunk.GAWEZKA4.js → chunk.RFVSJPI2.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.WJVUWDD3.js → chunk.S2T7P35F.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/chunk.S55U4A2J.js

@@ -0,0 +1,35 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/header-search/header-search.styles.ts
+import { css } from "lit";
+var header_search_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: contents;
+  }
+
+  .search-bar {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    flex: 1;
+    width: 100%;
+  }
+  .search-bar--mobile {
+    gap: var(--dsa-spacing-8);
+  }
+  .search-bar--desktop {
+    gap: var(--dsa-spacing-16);
+  }
+
+  dsa-search {
+    width: 100%;
+  }
+`;
+
+export {
+  header_search_styles_default
+};

package/dist/chunks/{chunk.NWCZDJRW.js → chunk.S5KHLSIS.js}

@@ -1,9 +1,9 @@
 import {
   textarea_styles_default
-} from "./chunk.U4YHIBOA.js";
+} from "./chunk.TTKJ6GEE.js";
 import {
   FormControlLayout
-} from "./chunk.4H63REQH.js";
+} from "./chunk.PFEA4LHL.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";

package/dist/chunks/{chunk.3IO4OYE5.js → chunk.SHJWL34V.js}

@@ -1,9 +1,9 @@
 import {
   checkbox_group_styles_default
-} from "./chunk.AUFE5P4K.js";
+} from "./chunk.64JDAZJD.js";
 import {
   renderFormElementErrors
-} from "./chunk.IZBHR7GP.js";
+} from "./chunk.6QDM5FUA.js";
 import {
   FormControlController,
   customErrorValidityState,

package/dist/chunks/{chunk.LBL4MF5O.js → chunk.SLK36LT4.js}

@@ -1,6 +1,6 @@
 import {
   tree_item_styles_default
-} from "./chunk.JON4U643.js";
+} from "./chunk.42QDYDUA.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -12,7 +12,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -209,6 +209,15 @@ var DSATreeItem = class extends ShoelaceElement {
     )}
 
           <slot class="tree-item__label" part="label"></slot>
+
+          ${when(
+      !this.selectable && this.selected,
+      () => html` <dsa-icon
+                class="tree-item__selected-icon"
+                name="check"
+                library="system"
+              ></dsa-icon>`
+    )}
         </div>
 
         <slot

package/dist/chunks/{chunk.D5NED4A7.js → chunk.SN6UWYPR.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";

package/dist/chunks/{chunk.5M3PNLFK.js → chunk.SQBBBPCT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.PVXX2LT7.js";
 import {
   FilterBase
-} from "./chunk.7APL3BFH.js";
+} from "./chunk.NJPFD5VP.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.2M2IP243.js → chunk.TDHGPIV5.js}

@@ -1,12 +1,12 @@
 import {
   DSAOption
-} from "./chunk.UVHW7PER.js";
+} from "./chunk.Q6WSFDAH.js";
 import {
   DSAInput
-} from "./chunk.JMI76HD4.js";
+} from "./chunk.ZNL56UKX.js";
 import {
   FilterBase
-} from "./chunk.7APL3BFH.js";
+} from "./chunk.NJPFD5VP.js";
 import {
   filter_select_styles_default
 } from "./chunk.WIJ5PZTL.js";

package/dist/chunks/{chunk.SQN6J7NO.js → chunk.TI4TWPK4.js}

@@ -1,9 +1,12 @@
+import {
+  DEPRECATED_TAG_VARIANTS
+} from "./chunk.WFSNJLGP.js";
 import {
   tag_styles_default
-} from "./chunk.4LRLYTU2.js";
+} from "./chunk.KZBMMXBH.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -46,6 +49,13 @@ var DSATag = class extends ShoelaceElement {
     }
   }
   render() {
+    if (DEPRECATED_TAG_VARIANTS.includes(
+      this.variant
+    )) {
+      console.warn(
+        `The ${this.variant} variant of <dsa-tag> is deprecated, and will be removed in the next major release. Please consider using a variant from 100 to 500 instead.`
+      );
+    }
     return html`
       <span
         part="base"

package/dist/chunks/{chunk.SO24QHVD.js → chunk.TIOKAREG.js}

@@ -1,12 +1,12 @@
 import {
   radio_group_styles_default
-} from "./chunk.NLA75JL2.js";
+} from "./chunk.4EHJHIX6.js";
 import {
   wrapIndex
 } from "./chunk.HV63L5BF.js";
 import {
   renderFormElementErrors
-} from "./chunk.IZBHR7GP.js";
+} from "./chunk.6QDM5FUA.js";
 import {
   FormControlController,
   customErrorValidityState,

package/dist/chunks/{chunk.64WIFBWM.js → chunk.TRL4P2I3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.H35N5SQQ.js";
 import {
   DSACheckboxGroup
-} from "./chunk.3IO4OYE5.js";
+} from "./chunk.SHJWL34V.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.U4YHIBOA.js → chunk.TTKJ6GEE.js}

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

package/dist/chunks/{chunk.DIPKIYCI.js → chunk.U7YRSU64.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/chunk.UCEUZIH3.js

@@ -0,0 +1,149 @@
+import {
+  component_styles_default
+} from "./chunk.TUVJKY7S.js";
+
+// src/components/menu-accordion/menu-accordion.styles.ts
+import { css } from "lit";
+var menu_accordion_styles_default = css`
+  ${component_styles_default}
+
+  :host {
+    display: block;
+  }
+
+  .menu-accordion {
+    color: var(--dsa-wc-menu-accordion-color);
+    overflow-anchor: none;
+  }
+
+  .menu-accordion--small .menu-accordion__header-button {
+    font: var(--dsa-wc-menu-item-small-font);
+    padding: var(--dsa-wc-menu-item-small-padding);
+    min-height: var(--dsa-wc-menu-item-small-min-height);
+  }
+  .menu-accordion--medium .menu-accordion__header-button {
+    font: var(--dsa-wc-menu-item-font);
+    padding: var(--dsa-wc-menu-item-padding);
+    min-height: var(--dsa-wc-menu-item-min-height);
+  }
+  .menu-accordion--large .menu-accordion__header-button {
+    font: var(--dsa-wc-menu-item-large-font);
+    padding: var(--dsa-wc-menu-item-large-padding);
+    min-height: var(--dsa-wc-menu-item-large-min-height);
+  }
+
+  .menu-accordion__header-button {
+    position: relative;
+    display: flex;
+    align-items: center;
+    border-radius: inherit;
+    padding: var(--dsa-wc-menu-accordion-button-padding);
+    user-select: none;
+    cursor: pointer;
+  }
+  .menu-accordion--level-2 .menu-accordion__header-button {
+    padding-inline-start: var(--dsa-spacing-24);
+  }
+
+  .menu-accordion__header:focus-within :focus:focus-visible {
+    outline: var(--dsa-wc-focus-ring);
+    outline-offset: var(--dsa-wc-menu-accordion-button-focus-ring-offset);
+  }
+  .menu-accordion__header-button:hover {
+    background-color: var(--dsa-wc-accordion-header-hover-background-color);
+    color: var(--dsa-wc-menu-accordion-color-hover);
+  }
+
+  .menu-accordion__header-button:not(.menu-accordion--open):focus-visible {
+    outline: none;
+  }
+
+  .menu-accordion__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+  .menu-accordion__prefix::slotted(*) {
+    margin-inline-end: var(--dsa-wc-menu-item-margin-inline-end);
+    display: inherit;
+    height: 1.25em;
+    width: 1.25em;
+  }
+
+  .menu-accordion__summary {
+    flex: 0 1 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-accordion__badge::slotted(*) {
+    margin-inline-start: 0.25rem;
+  }
+
+  .menu-accordion__summary-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--dsa-wc-transition-medium) rotate ease;
+    margin-inline-start: auto;
+  }
+
+  .menu-accordion--open.menu-accordion--chevron .menu-accordion__summary-icon {
+    rotate: 180deg;
+  }
+
+  .menu-accordion__body {
+    overflow: hidden;
+  }
+
+  .menu-accordion__content {
+    display: block;
+  }
+
+  ::slotted(dsa-menu-navigation) {
+    border: none;
+    border-radius: 0;
+    padding: 0;
+  }
+  .menu-accordion--level-2 ::slotted(dsa-menu-navigation) {
+    background-color: var(--dsa-color-primitive-colors-neutral-50);
+  }
+
+  /*
+  * Collapsed
+  */
+  .menu-accordion--collapsed .menu-accordion__body {
+    display: none;
+  }
+
+  .menu-accordion--collapsed .menu-accordion__summary {
+    display: none;
+  }
+  .menu-accordion--collapsed .menu-accordion__summary-icon {
+    display: none;
+  }
+
+  .menu-accordion--collapsed .menu-accordion__badge::slotted(*) {
+    position: absolute;
+    pointer-events: none;
+  }
+  .menu-accordion--small.menu-accordion--collapsed
+    .menu-accordion__badge::slotted(*) {
+    top: 0.125rem;
+    left: 1.5rem;
+  }
+  .menu-accordion--medium.menu-accordion--collapsed
+    .menu-accordion__badge::slotted(*) {
+    top: 0.25rem;
+    left: 1.625rem;
+  }
+  .menu-accordion--large.menu-accordion--collapsed
+    .menu-accordion__badge::slotted(*) {
+    top: 0.5rem;
+    left: 1.75rem;
+  }
+`;
+
+export {
+  menu_accordion_styles_default
+};

package/dist/chunks/{chunk.SWGCRIQY.js → chunk.UHB6OMQ5.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk.L5DEEGJU.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.PKLEQQED.js → chunk.UJA4LKHS.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk.EMIT7S33.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.TL57GYVH.js → chunk.UXRWPABH.js}

@@ -17,16 +17,19 @@ var table_action_styles_default = css`
     opacity: 0;
     pointer-events: none;
     inline-size: 100%;
-    background: black;
+    background: var(--dsa-wc-table-action-background);
     transform: translateY(8px);
     transition: all 150ms cubic-bezier(0.48, 0.31, 0.32, 0.94) 200ms;
     z-index: 10;
+    visibility: hidden;
+    min-height: 3.25rem;
   }
 
   :host([show]) {
     opacity: 1;
     pointer-events: auto;
     transform: translateY(0px);
+    visibility: visible;
   }
 
   [part~='action'] {
@@ -46,7 +49,7 @@ var table_action_styles_default = css`
   dsa-divider {
     --spacing-start: var(--dsa-spacing-24);
     --spacing-end: var(--dsa-spacing-24);
-    --dsa-wc-divider-color: var(--dsa-color-divider-on-contrasted-neutral);
+    --dsa-wc-divider-color: var(--dsa-color-divider-on-contrasted);
     height: 24px;
   }
 `;

package/dist/chunks/{chunk.2IZN2PB2.js → chunk.V4DBHCM5.js}

@@ -37,7 +37,7 @@ var DSAFieldset = class extends ShoelaceElement {
     var _a;
     const children = (_a = this.defaultSlot) == null ? void 0 : _a.assignedElements();
     children == null ? void 0 : children.forEach((child) => {
-      if ("disabled" in child) {
+      if ("disabled" in child && !child.disabled) {
         child.disabled = this.disabled;
       }
     });

package/dist/chunks/{chunk.3VBHRND2.js → chunk.VELEGEWL.js}

@@ -1,7 +1,8 @@
 import {
   menu_item_styles_default
-} from "./chunk.SQKLY4C5.js";
+} from "./chunk.AHMZIQ5V.js";
 import {
+  HasSlotController,
   getTextContent
 } from "./chunk.YIY5RM53.js";
 import {
@@ -25,17 +26,21 @@ import { html, literal } from "lit/static-html.js";
 var DSAMenuItem = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
+    this.hasSlotController = new HasSlotController(this, "prefix");
     this.type = "button";
     this.size = "medium";
     this.disabled = false;
     this.href = "";
     this.rel = "noreferrer noopener";
+    this.collapsed = false;
   }
   connectedCallback() {
     super.connectedCallback();
     this.handleHostClick = this.handleHostClick.bind(this);
     this.addEventListener("click", this.handleHostClick);
-    this.setAttribute("role", "listitem");
+    if (!this.hasAttribute("role")) {
+      this.setAttribute("role", "listitem");
+    }
   }
   disconnectedCallback() {
     super.disconnectedCallback();
@@ -80,35 +85,42 @@ var DSAMenuItem = class extends ShoelaceElement {
   }
   render() {
     const tag = this.type === "link" ? literal`a` : literal`button`;
+    if (this.collapsed && !this.hasSlotController.test("prefix")) {
+      return html``;
+    }
     return html`
-      <${tag}
-        part="base"
-        class=${classMap({
+      <dsa-tooltip placement="right" hoist content=${this.getTextLabel()} ?disabled=${!this.collapsed}>
+        <${tag}
+          part="base"
+          class=${classMap({
       "menu-item": true,
       "menu-item--small": this.size === "small",
       "menu-item--medium": this.size === "medium",
       "menu-item--large": this.size === "large",
       "menu-item--disabled": this.disabled,
       "menu-item--button": this.type === "button",
-      "menu-item--link": this.type === "link"
+      "menu-item--link": this.type === "link",
+      "menu-item--collapsed": this.collapsed
     })}
-        href=${ifDefined(this.type === "link" ? this.href : void 0)}
-        target=${ifDefined(this.type === "link" ? this.target : void 0)}
-        rel=${ifDefined(this.type === "link" ? this.rel : void 0)}
-        download=${ifDefined(this.type === "link" ? this.download : void 0)}
-        aria-current=${ifDefinedAndNotEmpty(this.current)}
-        tabindex=${ifDefined(this.disabled ? "-1" : void 0)}
-      >
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
+          href=${ifDefined(this.type === "link" ? this.href : void 0)}
+          target=${ifDefined(this.type === "link" ? this.target : void 0)}
+          rel=${ifDefined(this.type === "link" ? this.rel : void 0)}
+          download=${ifDefined(this.type === "link" ? this.download : void 0)}
+          aria-current=${ifDefinedAndNotEmpty(this.current)}
+          tabindex=${ifDefined(this.disabled ? "-1" : void 0)}
+          aria-label=${ifDefined(this.collapsed ? this.getTextLabel() : void 0)}
+        >
+          <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
 
-        <slot
-          part="label"
-          class="menu-item__label"
-          @slotchange=${this.handleDefaultSlotChange}
-        ></slot>
+          <slot
+            part="label"
+            class="menu-item__label"
+            @slotchange=${this.handleDefaultSlotChange}
+          ></slot>
 
-        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-      </${tag}>
+          <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
+        </${tag}>          
+      </dsa-tooltip>
     `;
   }
 };
@@ -143,6 +155,9 @@ __decorateClass([
 __decorateClass([
   property()
 ], DSAMenuItem.prototype, "current", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSAMenuItem.prototype, "collapsed", 2);
 __decorateClass([
   watch("disabled")
 ], DSAMenuItem.prototype, "handleDisabledChange", 1);

package/dist/chunks/{chunk.M4QIQSRQ.js → chunk.VIHLSHXH.js}

@@ -1,6 +1,6 @@
 import {
   input_mask_styles_default
-} from "./chunk.JMC37GFN.js";
+} from "./chunk.OHHVC2MR.js";
 import {
   maskedValueToRawValue,
   rawValueToMaskedValue,
@@ -8,13 +8,13 @@ import {
 } from "./chunk.7OLEA3GQ.js";
 import {
   InputBase
-} from "./chunk.C7BO57Z2.js";
+} from "./chunk.AZSX7X74.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.ECEBZG4J.js → chunk.VNSUZ3DB.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk.HGR7A5FK.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.TQVU3XMF.js → chunk.VS3EEOTM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.I5IKEQES.js";
 import {
   FilterBase
-} from "./chunk.7APL3BFH.js";
+} from "./chunk.NJPFD5VP.js";
 import {
   filter_range_styles_default
 } from "./chunk.MWZRCNNO.js";

package/dist/chunks/{chunk.T6GMY73C.js → chunk.WFPXD3HS.js}

@@ -1,9 +1,9 @@
 import {
   select_styles_default
-} from "./chunk.DRDLQHBU.js";
+} from "./chunk.DRR77YKL.js";
 import {
   FormControlLayout
-} from "./chunk.4H63REQH.js";
+} from "./chunk.PFEA4LHL.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -272,7 +272,7 @@ var DSASelect = class extends FormControlLayout {
   }
   handleTagRemove(event, option) {
     event.stopPropagation();
-    if (!this.disabled) {
+    if (!this.disabled && !this.readonly) {
       this.focusNextTagOrInput(option);
       this.toggleOptionSelection(option, false);
       this.updateComplete.then(() => {
@@ -530,7 +530,6 @@ var DSASelect = class extends FormControlLayout {
       hasLabel ? void 0 : this.title
     )}
             role="combobox"
-            tabindex="0"
             @focus=${this.handleFocus}
             @blur=${this.handleBlur}
           />
@@ -550,6 +549,7 @@ var DSASelect = class extends FormControlLayout {
                               "
                           size=${this.size}
                           removable
+                          ?disable-removable-focus=${this.disabled || this.readonly}
                           @dsa-remove=${(event) => this.handleTagRemove(event, option)}
                           label=${option.getTextLabel()}
                         >

package/dist/chunks/chunk.WFSNJLGP.js

@@ -0,0 +1,50 @@
+// src/components/tag/tag-variants.ts
+var TAG_VARIANTS = [
+  "purple-100",
+  "purple-200",
+  "purple-300",
+  "purple-400",
+  "blue-100",
+  "blue-200",
+  "blue-300",
+  "blue-400",
+  "orange-100",
+  "orange-200",
+  "orange-300",
+  "orange-400",
+  "pink-100",
+  "pink-200",
+  "pink-300",
+  "pink-400",
+  "yellow-100",
+  "yellow-200",
+  "yellow-300",
+  "yellow-400",
+  "green-100",
+  "green-200",
+  "green-300",
+  "green-400",
+  "neutral-100",
+  "neutral-200",
+  "neutral-300",
+  "neutral-400"
+];
+var DEPRECATED_TAG_VARIANTS = [
+  "purple-500",
+  "blue-500",
+  "blue-600",
+  "orange-500",
+  "orange-600",
+  "pink-500",
+  "yellow-500",
+  "yellow-600",
+  "yellow-700",
+  "green-500",
+  "green-600",
+  "green-700"
+];
+
+export {
+  TAG_VARIANTS,
+  DEPRECATED_TAG_VARIANTS
+};