@ds-autonomie/web-components 2.7.1 → 2.8.0

package/dist/chunks/{chunk.P6F4V2WC.js → chunk.MC4VR5SF.js}

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

package/dist/chunks/{chunk.NTZRDWUL.js → chunk.MGUTN2EW.js}

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

package/dist/chunks/{chunk.GCYENPC4.js → chunk.MHFU7RYF.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.SK3KWU2I.js → chunk.N3JDTZGM.js}

@@ -148,6 +148,9 @@ var translation = {
   userMenu: "Menu utilisateur",
   switchOn: "Activ\xE9",
   switchOff: "D\xE9sactiv\xE9",
+  sidenav: "Navigation lat\xE9rale",
+  expandSidenav: "D\xE9velopper la navigation lat\xE9rale",
+  collapseSidenav: "R\xE9duire la navigation lat\xE9rale",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe, Saint-Barth\xE9lemy et Saint-Martin",
@@ -314,6 +317,9 @@ var translation2 = {
   userMenu: "User Menu",
   switchOn: "On",
   switchOff: "Off",
+  sidenav: "Side navigation",
+  expandSidenav: "Expand side navigation",
+  collapseSidenav: "Collapse side navigation",
   // countries and regions
   fr_FR: "France",
   fr_GP: "Guadeloupe",

package/dist/chunks/chunk.N3XLPLEX.js

@@ -0,0 +1,218 @@
+import {
+  search_styles_default
+} from "./chunk.J7TEQIPK.js";
+import {
+  renderFormElementErrors
+} from "./chunk.6QDM5FUA.js";
+import {
+  HasSlotController
+} from "./chunk.YIY5RM53.js";
+import {
+  ifDefinedAndNotEmpty
+} from "./chunk.ZQJVCRB2.js";
+import {
+  LocalizeController
+} from "./chunk.N3JDTZGM.js";
+import {
+  ShoelaceElement
+} from "./chunk.XZ5FE34T.js";
+import {
+  __decorateClass
+} from "./chunk.S3NI7NKU.js";
+
+// src/components/search/search.ts
+import { html } from "lit";
+import { customElement, property, query, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { live } from "lit/directives/live.js";
+var DSASearch = class extends ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.localize = new LocalizeController(this);
+    this.hasSlotController = new HasSlotController(
+      this,
+      "help-text"
+    );
+    this.hasFocus = false;
+    this.size = "medium";
+    this.variant = "base";
+    this.value = "";
+    this.helpText = "";
+    this.error = false;
+    this.errorMessage = "";
+  }
+  handleChange() {
+    this.value = this.input.value;
+    this.emit("dsa-change");
+  }
+  handleInput() {
+    this.value = this.input.value;
+    this.emit("dsa-input");
+  }
+  handleInputFocus() {
+    this.hasFocus = true;
+    this.emit("dsa-focus");
+  }
+  handleInputBlur() {
+    this.hasFocus = false;
+    this.emit("dsa-blur");
+  }
+  handleClearClick(event) {
+    this.value = "";
+    this.emit("dsa-clear");
+    this.emit("dsa-input");
+    this.emit("dsa-change");
+    this.input.focus();
+    event.stopPropagation();
+  }
+  handleKeyDown(event) {
+    event.stopPropagation();
+    const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;
+    if (event.key === "Enter" && !hasModifier) {
+      setTimeout(() => {
+        if (!event.defaultPrevented && !event.isComposing) {
+          this.handleSubmitClick();
+        }
+      });
+    }
+  }
+  handleSubmitClick() {
+    this.emit("dsa-submit");
+  }
+  getDescriptionIds() {
+    const hasHelpTextSlot = this.hasSlotController.test("help-text");
+    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
+    let ids = [];
+    if (this.error) ids = [...ids, "error-text"];
+    if (hasHelpText) ids = [...ids, "help-text"];
+    return ids.join(" ");
+  }
+  render() {
+    const iconButtonSize = (() => {
+      switch (this.size) {
+        case "small":
+          return "large";
+        case "large":
+          return "2xlarge";
+        default:
+          return "xlarge";
+      }
+    })();
+    return html`
+      <div
+        class=${classMap({
+      "search-bar": true,
+      "search-bar--error": this.error,
+      "search-bar--small": this.size === "small",
+      "search-bar--medium": this.size === "medium",
+      "search-bar--large": this.size === "large",
+      "search-bar--on-layer": this.variant === "layer",
+      "search-bar--on-base": this.variant === "base",
+      "search-bar--on-floating": this.variant === "floating"
+    })}
+      >
+        <div class="search-bar__wrapper">
+          <div
+            class=${classMap({ input: true, "input--focused": this.hasFocus })}
+          >
+            <input
+              class="input__control"
+              type="search"
+              placeholder=${this.localize.term("search")}
+              aria-label=${this.localize.term("search")}
+              aria-describedby=${ifDefinedAndNotEmpty(this.getDescriptionIds())}
+              aria-invalid=${ifDefined(this.error ? "true" : void 0)}
+              title=${this.localize.term("search")}
+              .value=${live(this.value)}
+              @change=${this.handleChange}
+              @input=${this.handleInput}
+              @focus=${this.handleInputFocus}
+              @blur=${this.handleInputBlur}
+              @keydown=${this.handleKeyDown}
+            />
+            ${this.value.length > 0 ? html`
+                  <dsa-icon-button
+                    id="clear-button"
+                    part="clear-button"
+                    name="clear"
+                    label=${this.localize.term("clearEntry")}
+                    @click=${this.handleClearClick}
+                    size=${this.size === "large" ? "large" : "medium"}
+                    library="system"
+                  ></dsa-icon-button>
+                ` : ""}
+          </div>
+
+          <dsa-icon-button
+            id="submit-button"
+            name="search"
+            library="system"
+            label=${this.localize.term("search")}
+            variant="primary"
+            ?floating=${this.variant === "floating"}
+            size=${iconButtonSize}
+            @click=${this.handleSubmitClick}
+          >
+          </dsa-icon-button>
+        </div>
+
+        <slot name="help-text" id="help-text" class="search-bar__help-text">
+          ${this.helpText}
+        </slot>
+
+        ${this.error && this.errorMessage !== "" ? renderFormElementErrors(this.errorMessage, this.variant) : ""}
+      </div>
+    `;
+  }
+};
+DSASearch.styles = search_styles_default;
+__decorateClass([
+  query(".input__control")
+], DSASearch.prototype, "input", 2);
+__decorateClass([
+  query("#submit-button")
+], DSASearch.prototype, "submitButton", 2);
+__decorateClass([
+  query("#clear-button")
+], DSASearch.prototype, "clearButton", 2);
+__decorateClass([
+  state()
+], DSASearch.prototype, "hasFocus", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSASearch.prototype, "size", 2);
+__decorateClass([
+  property({ reflect: true })
+], DSASearch.prototype, "variant", 2);
+__decorateClass([
+  property()
+], DSASearch.prototype, "value", 2);
+__decorateClass([
+  property({ attribute: "help-text" })
+], DSASearch.prototype, "helpText", 2);
+__decorateClass([
+  property({ type: Boolean })
+], DSASearch.prototype, "error", 2);
+__decorateClass([
+  property({
+    attribute: "error-message",
+    converter: {
+      fromAttribute: (value) => value ? value.split("|") : "",
+      toAttribute: (value) => {
+        if (typeof value === "string") {
+          return value;
+        } else {
+          return value.join("|");
+        }
+      }
+    }
+  })
+], DSASearch.prototype, "errorMessage", 2);
+DSASearch = __decorateClass([
+  customElement("dsa-search")
+], DSASearch);
+
+export {
+  DSASearch
+};

package/dist/chunks/{chunk.7APL3BFH.js → chunk.NJPFD5VP.js}

@@ -1,6 +1,6 @@
 import {
   renderFormElementErrors
-} from "./chunk.IZBHR7GP.js";
+} from "./chunk.6QDM5FUA.js";
 import {
   waitForEvent
 } from "./chunk.B4BZKR24.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";

package/dist/chunks/{chunk.KOVXCQ7N.js → chunk.NPBB5F3W.js}

@@ -1,18 +1,18 @@
 import {
   switch_styles_default
-} from "./chunk.BND7D2NW.js";
+} from "./chunk.5NUD3TZO.js";
 import {
   defaultValue
 } from "./chunk.CMJ2SRTL.js";
 import {
   form_control_styles_default
-} from "./chunk.6KQTEZWQ.js";
+} from "./chunk.EHTCYJUT.js";
 import {
   FormControlController
 } from "./chunk.DQDLS6T7.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -50,8 +50,6 @@ var DSASwitch = class extends ShoelaceElement {
     this.defaultChecked = false;
     this.form = "";
     this.required = false;
-    this.onLabel = this.localize.term("switchOn");
-    this.offLabel = this.localize.term("switchOff");
   }
   /** Gets the validity state object */
   get validity() {
@@ -146,6 +144,7 @@ var DSASwitch = class extends ShoelaceElement {
     this.formControlController.updateValidity();
   }
   render() {
+    var _a, _b, _c, _d;
     return html`
       <div
         class=${classMap({
@@ -206,9 +205,7 @@ var DSASwitch = class extends ShoelaceElement {
             </span>
 
             <div class="switch__state" aria-hidden="true">
-              <span class="switch__state-placeholder">${this.onLabel}</span>
-              <span class="switch__state-placeholder">${this.offLabel}</span>
-              ${this.checked ? this.onLabel : this.offLabel}
+              ${this.checked ? (_b = (_a = this.labelOn) != null ? _a : this.onLabel) != null ? _b : this.localize.term("switchOn") : (_d = (_c = this.labelOff) != null ? _c : this.offLabel) != null ? _d : this.localize.term("switchOff")}
             </div>
           </div>
         </label>
@@ -250,9 +247,15 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSASwitch.prototype, "required", 2);
+__decorateClass([
+  property({ attribute: "label-on" })
+], DSASwitch.prototype, "labelOn", 2);
 __decorateClass([
   property({ attribute: "on-label" })
 ], DSASwitch.prototype, "onLabel", 2);
+__decorateClass([
+  property({ attribute: "label-off" })
+], DSASwitch.prototype, "labelOff", 2);
 __decorateClass([
   property({ attribute: "off-label" })
 ], DSASwitch.prototype, "offLabel", 2);

package/dist/chunks/{chunk.6T2YC247.js → chunk.NUWANZB6.js}

@@ -1,6 +1,6 @@
 import {
   table_container_styles_default
-} from "./chunk.5R72UMFK.js";
+} from "./chunk.5FNJFIAP.js";
 import {
   LoadingStateElement
 } from "./chunk.VCWTTC33.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -87,8 +87,10 @@ var DSATableContainer = class extends LoadingStateElement {
     if (toolbar !== null) {
       if (this.showTableActions) {
         toolbar.setAttribute("tabindex", "-1");
+        toolbar.setAttribute("aria-hidden", "true");
       } else {
         toolbar.removeAttribute("tabindex");
+        toolbar.removeAttribute("aria-hidden");
       }
     }
   }

package/dist/chunks/{chunk.YGWSCW2R.js → chunk.NZYYIPXD.js}

@@ -1,6 +1,6 @@
 import {
   icon_button_styles_default
-} from "./chunk.GSKMPYLG.js";
+} from "./chunk.QEXDSP5Y.js";
 import {
   a11yWarning
 } from "./chunk.PWL7QCVG.js";
@@ -27,6 +27,7 @@ var DSAIconButton = class extends ShoelaceElement {
     this.label = "";
     this.description = "";
     this.disabled = false;
+    this.floating = false;
     this.toggle = false;
     this.pressed = false;
     this.variant = "default";
@@ -75,12 +76,13 @@ var DSAIconButton = class extends ShoelaceElement {
         part="base"
         class=${classMap({
       "icon-button": true,
+      "icon-button--on-floating-menu": this.floating,
       "icon-button--default": this.variant === "default",
       "icon-button--primary": this.variant === "primary",
       "icon-button--secondary": this.variant === "secondary",
       "icon-button--tertiary": this.variant === "tertiary",
       "icon-button--danger": this.variant === "danger",
-      "icon-button--disabled": !isLink && this.disabled,
+      "icon-button--disabled": !isLink && (this.disabled || this.disableTabIndex),
       "icon-button--focused": this.hasFocus,
       "icon-button--toggle": this.toggle,
       "icon-button--pressed": this.toggle && this.pressed
@@ -167,6 +169,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSAIconButton.prototype, "disabled", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], DSAIconButton.prototype, "floating", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSAIconButton.prototype, "toggle", 2);

package/dist/chunks/{chunk.OXYSNELC.js → chunk.OALTSDOF.js}

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

package/dist/chunks/{chunk.JMC37GFN.js → chunk.OHHVC2MR.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.VQE5HKSZ.js";
+} from "./chunk.6BNYXFNI.js";
 
 // src/components/input-mask/input-mask.styles.ts
 import { css } from "lit";

package/dist/chunks/{chunk.G5UGZLXK.js → chunk.OMN7S5EJ.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.RRF5FP5T.js → chunk.P5RLKSS2.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.4H63REQH.js → chunk.PFEA4LHL.js}

@@ -1,6 +1,6 @@
 import {
   renderFormElementErrors
-} from "./chunk.IZBHR7GP.js";
+} from "./chunk.6QDM5FUA.js";
 import {
   HasSlotController
 } from "./chunk.YIY5RM53.js";
@@ -84,7 +84,8 @@ var FormControlLayout = class extends ShoelaceElement {
       "form-control--medium": this.size === "medium",
       "form-control--large": this.size === "large",
       "form-control--has-label": hasLabel,
-      "form-control--has-help-text": hasHelpText
+      "form-control--has-help-text": hasHelpText,
+      "form-control--on-floating-menu": this.variant === "floating"
     })}
         >
           <label
@@ -122,7 +123,7 @@ var FormControlLayout = class extends ShoelaceElement {
                   </p>
                 ` : ""}
   
-          ${this.error && !this.disabled && this.errorMessage !== "" ? renderFormElementErrors(this.errorMessage) : ""}
+          ${this.error && !this.disabled && this.errorMessage !== "" ? renderFormElementErrors(this.errorMessage, this.variant) : ""}
           ${this.success ? this.renderSuccessMessage() : ""}
           </div>
         </div>

package/dist/chunks/{chunk.LQFGKDZ2.js → chunk.PMOOV7DL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.O4MZVDWB.js";
 import {
   FormControlLayout
-} from "./chunk.4H63REQH.js";
+} from "./chunk.PFEA4LHL.js";
 import {
   scrollIntoView
 } from "./chunk.EMIT7S33.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.CMJ2SRTL.js";
 import {
   combobox_styles_default
-} from "./chunk.TGSYVYXC.js";
+} from "./chunk.EXD4UGIK.js";
 import {
   FormControlController
 } from "./chunk.DQDLS6T7.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -235,7 +235,7 @@ var DSACombobox = 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(() => {
@@ -704,7 +704,6 @@ var DSACombobox = class extends FormControlLayout {
               aria-invalid=${ifDefined(this.error ? "true" : void 0)}
               aria-required=${ifDefined(this.required ? "true" : void 0)}
               role="combobox"
-              tabindex="0"
               @change=${this.handleChange}
               @input=${this.handleInput}
               @focus=${this.handleFocus}
@@ -727,6 +726,7 @@ var DSACombobox = 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.UVHW7PER.js → chunk.Q6WSFDAH.js}

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

package/dist/chunks/{chunk.GSKMPYLG.js → chunk.QEXDSP5Y.js}

@@ -82,6 +82,7 @@ var icon_button_styles_default = css`
   /*
   * Primary
   */
+  /* Primary/On Base */
   .icon-button--primary {
     background-color: var(--dsa-wc-button-primary-on-base-color);
     border-color: var(--dsa-wc-button-primary-on-base-color);
@@ -102,6 +103,35 @@ var icon_button_styles_default = css`
     border-color: var(--dsa-wc-button-primary-on-base-disabled-color);
     color: var(--dsa-wc-button-primary-on-base-disabled-font-color);
   }
+  /* Primary/On Floating Menu */
+  .icon-button--on-floating-menu.icon-button--primary {
+    background-color: var(--dsa-wc-button-primary-on-floating-menu-color);
+    border-color: var(--dsa-wc-button-primary-on-floating-menu-color);
+    color: var(--dsa-wc-button-primary-on-floating-menu-font-color);
+  }
+  .icon-button--on-floating-menu.icon-button--primary:hover:not(
+      .icon-button--disabled
+    ) {
+    background-color: var(--dsa-wc-button-primary-on-floating-menu-hover-color);
+    border-color: var(--dsa-wc-button-primary-on-floating-menu-hover-color);
+    color: var(--dsa-wc-button-primary-on-floating-menu-hover-font-color);
+  }
+  .icon-button--on-floating-menu.icon-button--primary:active:not(
+      .icon-button--disabled
+    ) {
+    background-color: var(
+      --dsa-wc-button-primary-on-floating-menu-active-color
+    );
+    border-color: var(--dsa-wc-button-primary-on-floating-menu-active-color);
+    color: var(--dsa-wc-button-primary-on-floating-menu-active-font-color);
+  }
+  .icon-button--on-floating-menu.icon-button--primary.icon-button--disabled {
+    background-color: var(
+      --dsa-wc-button-primary-on-floating-menu-disabled-color
+    );
+    border-color: var(--dsa-wc-button-primary-on-floating-menu-disabled-color);
+    color: var(--dsa-wc-button-primary-on-floating-menu-disabled-font-color);
+  }
 
   /* Secondary */
   .icon-button--secondary {

package/dist/chunks/{chunk.ZCC67O7A.js → chunk.QFLN5YC3.js}

@@ -20,7 +20,7 @@ import {
 } from "./chunk.PWL7QCVG.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   watch
 } from "./chunk.NOMN6DGD.js";
@@ -183,7 +183,6 @@ var DSANavbarMenu = class extends ShoelaceElement {
         "navbar-menu__button": true,
         "navbar-menu__button--mobile": true
       })}
-            tabindex="0"
           >
             ${this.open ? html`
                   <dsa-icon name="chevron_left" library="system"></dsa-icon>
@@ -232,7 +231,6 @@ var DSANavbarMenu = class extends ShoelaceElement {
       "navbar-menu__button--desktop": true,
       "navbar-menu--open": this.open
     })}
-          tabindex="0"
         >
           <span
             class="navbar-menu__button__label"

package/dist/chunks/{chunk.KE2YIQBY.js → chunk.QMD3WQ6X.js}

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

package/dist/chunks/{chunk.O7CMVOYT.js → chunk.R6EZO2TX.js}

@@ -1,12 +1,9 @@
 import {
   table_action_styles_default
-} from "./chunk.TL57GYVH.js";
+} from "./chunk.UXRWPABH.js";
 import {
   LocalizeController
-} from "./chunk.SK3KWU2I.js";
-import {
-  watch
-} from "./chunk.NOMN6DGD.js";
+} from "./chunk.N3JDTZGM.js";
 import {
   ShoelaceElement
 } from "./chunk.XZ5FE34T.js";
@@ -27,13 +24,6 @@ var DSATableAction = class extends ShoelaceElement {
     this.emit("dsa-table-actions-close");
     this.show = false;
   }
-  handleShowChange() {
-    if (this.show) {
-      this.removeAttribute("tabindex");
-    } else {
-      this.setAttribute("tabindex", "-1");
-    }
-  }
   render() {
     return html`
       <slot part="label" name="label"></slot>
@@ -43,7 +33,6 @@ var DSATableAction = class extends ShoelaceElement {
         id="closeButton"
         variant="tertiary"
         contrasted
-        size="small"
         @click=${this.handleClose}
       >
         <dsa-icon slot="prefix" name="close" library="system"></dsa-icon>
@@ -59,9 +48,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], DSATableAction.prototype, "show", 2);
-__decorateClass([
-  watch("show")
-], DSATableAction.prototype, "handleShowChange", 1);
 DSATableAction = __decorateClass([
   customElement("dsa-table-action")
 ], DSATableAction);

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";