@ds-autonomie/web-components 2.18.0 → 2.20.0

package/dist/chunks/{chunk.BHEY6E7D.js → chunk.UBVYU5GL.js}

@@ -12,7 +12,11 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
+import {
+  removeAttributeIfPresent,
+  setAttributeIfDifferent
+} from "./chunk.PSYTLBRK.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -115,35 +119,25 @@ var DSATableContainer = class extends LoadingStateElement {
     if (!tableCaption || !tableElement || tableCaption.id || tableElement.getAttribute("aria-labelledby"))
       return;
     const randomId = Math.floor(Math.random() * 999999999).toString();
-    tableCaption.setAttribute("id", randomId);
-    tableElement.setAttribute("aria-labelledby", randomId);
+    setAttributeIfDifferent(tableCaption, "id", randomId);
+    setAttributeIfDifferent(tableElement, "aria-labelledby", randomId);
   }
   handleShowTableActions() {
     const { actionBar, toolbar } = this.getActionBarAndToolbar();
     if (actionBar !== null) {
       if (this.showTableActions) {
-        if (!actionBar.hasAttribute("show")) {
-          actionBar.setAttribute("show", "true");
-        }
-      } else if (actionBar.hasAttribute("show")) {
-        actionBar.removeAttribute("show");
+        setAttributeIfDifferent(actionBar, "show", "true");
+      } else {
+        removeAttributeIfPresent(actionBar, "show");
       }
     }
     if (toolbar !== null) {
       if (this.showTableActions) {
-        if (toolbar.getAttribute("tabindex") !== "-1") {
-          toolbar.setAttribute("tabindex", "-1");
-        }
-        if (toolbar.getAttribute("aria-hidden") !== "true") {
-          toolbar.setAttribute("aria-hidden", "true");
-        }
+        setAttributeIfDifferent(toolbar, "tabindex", "-1");
+        setAttributeIfDifferent(toolbar, "aria-hidden", "true");
       } else {
-        if (toolbar.hasAttribute("tabindex")) {
-          toolbar.removeAttribute("tabindex");
-        }
-        if (toolbar.hasAttribute("aria-hidden")) {
-          toolbar.removeAttribute("aria-hidden");
-        }
+        removeAttributeIfPresent(toolbar, "tabindex");
+        removeAttributeIfPresent(toolbar, "aria-hidden");
       }
     }
   }
@@ -151,14 +145,14 @@ var DSATableContainer = class extends LoadingStateElement {
     const childrenElements = this.getLoadingTargets();
     if (this.loading) {
       childrenElements.forEach((element) => {
-        if (element && element.getAttribute("loading") !== "true") {
-          element.setAttribute("loading", "true");
+        if (element) {
+          setAttributeIfDifferent(element, "loading", "true");
         }
       });
     } else {
       childrenElements.forEach((element) => {
-        if (element == null ? void 0 : element.hasAttribute("loading")) {
-          element.removeAttribute("loading");
+        if (element) {
+          removeAttributeIfPresent(element, "loading");
         }
       });
     }
@@ -166,8 +160,12 @@ var DSATableContainer = class extends LoadingStateElement {
   handleSkeletonEffectChange() {
     const childrenElements = this.getLoadingTargets();
     childrenElements.forEach((element) => {
-      if (element && element.getAttribute("skeleton-effect") !== this.skeletonEffect) {
-        element.setAttribute("skeleton-effect", this.skeletonEffect);
+      if (element) {
+        setAttributeIfDifferent(
+          element,
+          "skeleton-effect",
+          this.skeletonEffect
+        );
       }
     });
   }

package/dist/chunks/{chunk.DMSUKPJE.js → chunk.UF7CYOQ4.js}

@@ -1,23 +1,25 @@
 import {
   input_mask_styles_default
-} from "./chunk.SZDGGP2Y.js";
+} from "./chunk.UIZ6FPK7.js";
 import {
+  buildValidityState,
   maskedValueToRawValue,
   rawValueToMaskedValue,
+  renderMaskOverlay,
   stripSpecialChars
-} from "./chunk.7OLEA3GQ.js";
+} from "./chunk.3D7AGBFQ.js";
 import {
   InputBase
-} from "./chunk.WMFEJDPX.js";
+} from "./chunk.DE3HY2DW.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.MWPOWC6N.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -37,35 +39,19 @@ var DSAInputMask = class extends InputBase {
   constructor() {
     super(...arguments);
     this.localize = new LocalizeController(this);
+    this.effectiveMask = "";
     this.maskedValue = "";
     this.pattern = "";
     this.mask = "";
   }
   /** Gets the validity state object */
   get validity() {
-    let patternMatch = true;
-    if (this.value.length > 0 && this.pattern.length > 0) {
-      const strippedValue = stripSpecialChars(this.value);
-      const matches = strippedValue.match(this.pattern);
-      patternMatch = matches !== null;
-    }
-    const validityState = {
-      badInput: this.input.validity.badInput,
-      customError: this.input.validity.customError,
-      patternMismatch: !patternMatch,
-      rangeOverflow: this.input.validity.rangeOverflow,
-      rangeUnderflow: this.input.validity.rangeUnderflow,
-      stepMismatch: this.input.validity.stepMismatch,
-      tooLong: this.input.validity.tooLong,
-      tooShort: this.input.validity.tooShort,
-      typeMismatch: this.input.validity.typeMismatch,
-      valid: this.value.length > 0 && this.pattern.length > 0 ? patternMatch : this.input.validity.valid,
-      valueMissing: this.input.validity.valueMissing
-    };
-    return validityState;
+    const patternMatch = this.value.length > 0 && this.patternRegExp ? this.patternRegExp.test(stripSpecialChars(this.value)) : void 0;
+    return buildValidityState(this.input.validity, patternMatch);
   }
   connectedCallback() {
     super.connectedCallback();
+    this.updateMaskConfig();
     if (this.mask.length > 0 && this.mask.length !== this.placeholder.length) {
       console.warn(
         "For correct usage: add `mask` attribute. It should have the same format than the placeholder."
@@ -73,16 +59,32 @@ var DSAInputMask = class extends InputBase {
     }
     this.maskedValue = this.rawValueToMaskedValue(this.value);
   }
-  handleDocumentKeyUp() {
-    const strippedValue = stripSpecialChars(this.input.value);
-    const newValue = maskedValueToRawValue(
-      strippedValue,
-      this.mask.length > 0 ? this.mask : this.placeholder
-    );
+  updateMaskConfig() {
+    this.effectiveMask = this.mask || this.placeholder;
+    this.patternRegExp = this.pattern ? new RegExp(this.pattern) : void 0;
+  }
+  syncMaskedValue() {
+    const maskedValue = this.rawValueToMaskedValue(this.value);
+    if (this.maskedValue !== maskedValue) {
+      this.maskedValue = maskedValue;
+    }
+    if (this.input && this.input.value !== maskedValue) {
+      this.input.value = maskedValue;
+    }
+  }
+  handleInputValueChange() {
+    const input = this.input;
+    const strippedValue = stripSpecialChars(input.value);
+    const newValue = maskedValueToRawValue(strippedValue, this.effectiveMask);
     const maskedValue = this.rawValueToMaskedValue(newValue);
+    if (this.value === newValue && this.maskedValue === maskedValue && input.value === maskedValue) {
+      return;
+    }
     this.value = newValue;
     this.maskedValue = maskedValue;
-    this.input.value = maskedValue;
+    if (input.value !== maskedValue) {
+      input.value = maskedValue;
+    }
     this.formControlController.updateValidity();
     this.emit("dsa-input");
   }
@@ -93,10 +95,15 @@ var DSAInputMask = class extends InputBase {
     this.emit("dsa-change");
   }
   async handleValueChange() {
-    this.maskedValue = this.rawValueToMaskedValue(this.value);
+    this.syncMaskedValue();
     await this.updateComplete;
     this.formControlController.updateValidity();
   }
+  handleMaskConfigChange() {
+    this.updateMaskConfig();
+    this.syncMaskedValue();
+    this.formControlController.updateValidity();
+  }
   /** Replaces a range of text with a new string. */
   setRangeText(replacement, start, end, selectMode) {
     this.input.setRangeText(replacement, start, end, selectMode);
@@ -111,7 +118,6 @@ var DSAInputMask = class extends InputBase {
     const hasSuffixIcon = this.hasSlotController.test("suffix");
     const hasLabel = this.label ? true : !!hasLabelSlot;
     const hasClearIcon = this.clearable && !this.disabled && !this.readonly && (typeof this.value === "number" || this.value.length > 0);
-    const placeholder = this.placeholder.substring(this.maskedValue.length);
     return html`
       <div
         part="base"
@@ -139,18 +145,7 @@ var DSAInputMask = class extends InputBase {
           class="input-mask__prefix"
         ></slot>
 
-        <div
-          class=${classMap({
-      "input-mask__placeholder": true
-    })}
-          aria-placeholder=${placeholder}
-          aria-hidden="true"
-        >
-          <span class="input-mask__value" aria-hidden="true"
-            >${this.maskedValue}</span
-          >
-          ${placeholder}
-        </div>
+        ${renderMaskOverlay(this.maskedValue, this.placeholder, "input-mask")}
 
         <input
           part="input"
@@ -185,7 +180,7 @@ var DSAInputMask = class extends InputBase {
           aria-invalid=${ifDefined(this.error ? "true" : void 0)}
           @change=${this.handleChange}
           @invalid=${this.handleInvalid}
-          @keyup=${this.handleDocumentKeyUp}
+          @input=${this.handleInputValueChange}
           @keydown=${this.handleKeyDown}
           @focus=${this.handleFocus}
           @blur=${this.handleBlur}
@@ -233,6 +228,11 @@ __decorateClass([
 __decorateClass([
   watch("value", { waitUntilFirstUpdate: true })
 ], DSAInputMask.prototype, "handleValueChange", 1);
+__decorateClass([
+  watch("mask", { waitUntilFirstUpdate: true }),
+  watch("pattern", { waitUntilFirstUpdate: true }),
+  watch("placeholder", { waitUntilFirstUpdate: true })
+], DSAInputMask.prototype, "handleMaskConfigChange", 1);
 DSAInputMask = __decorateClass([
   customElement("dsa-input-mask")
 ], DSAInputMask);

package/dist/chunks/{chunk.OAJEHJJO.js → chunk.UGLMODK6.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk.HF7GESMZ.js";
 import {
   split_panel_styles_default
-} from "./chunk.CFUNT7FK.js";
+} from "./chunk.TXX2YIZA.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -56,15 +56,27 @@ function drag(container, options) {
 }
 
 // src/components/split-panel/split-panel.ts
+var ARROW_KEYS = /* @__PURE__ */ new Set([
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowUp",
+  "ArrowDown",
+  "Home",
+  "End"
+]);
 var DSASplitPanel = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
     this.localize = new LocalizeController(this);
+    this.snapValues = [];
     this.position = 50;
     this.vertical = false;
     this.disabled = false;
     this.snapThreshold = 12;
   }
+  handleSnapChange() {
+    this.snapValues = this.snap ? this.snap.split(" ") : [];
+  }
   connectedCallback() {
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(
@@ -90,7 +102,6 @@ var DSASplitPanel = class extends ShoelaceElement {
     return value / this.size * 100;
   }
   handleDrag(event) {
-    const isRtl = this.localize.dir() === "rtl";
     if (this.disabled) {
       return;
     }
@@ -104,17 +115,13 @@ var DSASplitPanel = class extends ShoelaceElement {
           newPositionInPixels = this.size - newPositionInPixels;
         }
         if (this.snap) {
-          const snaps = this.snap.split(" ");
-          snaps.forEach((value) => {
+          this.snapValues.forEach((value) => {
             let snapPoint;
             if (value.endsWith("%")) {
               snapPoint = this.size * (parseFloat(value) / 100);
             } else {
               snapPoint = parseFloat(value);
             }
-            if (isRtl && !this.vertical) {
-              snapPoint = this.size - snapPoint;
-            }
             if (newPositionInPixels >= snapPoint - this.snapThreshold && newPositionInPixels <= snapPoint + this.snapThreshold) {
               newPositionInPixels = snapPoint;
             }
@@ -133,14 +140,7 @@ var DSASplitPanel = class extends ShoelaceElement {
     if (this.disabled) {
       return;
     }
-    if ([
-      "ArrowLeft",
-      "ArrowRight",
-      "ArrowUp",
-      "ArrowDown",
-      "Home",
-      "End"
-    ].includes(event.key)) {
+    if (ARROW_KEYS.has(event.key)) {
       let newPosition = this.position;
       const incr = (event.shiftKey ? 10 : 1) * (this.primary === "end" ? -1 : 1);
       event.preventDefault();
@@ -187,7 +187,6 @@ var DSASplitPanel = class extends ShoelaceElement {
   render() {
     const gridTemplate = this.vertical ? "gridTemplateRows" : "gridTemplateColumns";
     const gridTemplateAlt = this.vertical ? "gridTemplateColumns" : "gridTemplateRows";
-    const isRtl = this.localize.dir() === "rtl";
     const primary = `
       clamp(
         0%,
@@ -200,19 +199,8 @@ var DSASplitPanel = class extends ShoelaceElement {
       )
     `;
     const secondary = "auto";
-    if (this.primary === "end") {
-      if (isRtl && !this.vertical) {
-        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;
-      } else {
-        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;
-      }
-    } else {
-      if (isRtl && !this.vertical) {
-        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;
-      } else {
-        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;
-      }
-    }
+    const invertPanels = this.primary === "end";
+    this.style[gridTemplate] = invertPanels ? `${secondary} var(--divider-width) ${primary}` : `${primary} var(--divider-width) ${secondary}`;
     this.style[gridTemplateAlt] = "";
     return html`
       <slot name="start" part="panel start" class="start"></slot>
@@ -264,6 +252,9 @@ __decorateClass([
 __decorateClass([
   property()
 ], DSASplitPanel.prototype, "snap", 2);
+__decorateClass([
+  watch("snap")
+], DSASplitPanel.prototype, "handleSnapChange", 1);
 __decorateClass([
   property({ type: Number, attribute: "snap-threshold" })
 ], DSASplitPanel.prototype, "snapThreshold", 2);

package/dist/chunks/{chunk.SZDGGP2Y.js → chunk.UIZ6FPK7.js}

@@ -1,6 +1,6 @@
 import {
   input_base_styles_default
-} from "./chunk.EWMFHVNW.js";
+} from "./chunk.UOJ4QKLP.js";
 
 // src/components/input-mask/input-mask.styles.ts
 import { css } from "lit";
@@ -12,6 +12,8 @@ var input_mask_styles_default = css`
   }
 
   .input-mask {
+    --input-mask-placeholder-color-internal: inherit;
+
     position: relative;
     display: inline-flex;
     flex-direction: row;
@@ -45,17 +47,20 @@ var input_mask_styles_default = css`
     color: var(--dsa-wc-input-label-color-disabled);
   }
 
-  /* On Layer inputs */
-  .input--on-layer:not(.input--disabled) .input-mask__placeholder {
-    color: var(--dsa-wc-input-on-layer-text-field-placeholder-color);
+  .input--on-layer:not(.input--disabled) {
+    --input-mask-placeholder-color-internal: var(
+      --dsa-wc-input-on-layer-text-field-placeholder-color
+    );
   }
 
-  /* On Base inputs */
-  .input--on-base:not(.input--disabled) .input-mask__placeholder {
-    color: var(--dsa-wc-input-on-base-text-field-placeholder-color);
+  .input--on-base:not(.input--disabled) {
+    --input-mask-placeholder-color-internal: var(
+      --dsa-wc-input-on-base-text-field-placeholder-color
+    );
   }
 
   .input-mask__placeholder {
+    color: var(--input-mask-placeholder-color-internal);
     flex: 1;
     user-select: none;
     pointer-events: none;
@@ -111,38 +116,10 @@ var input_mask_styles_default = css`
     caret-color: var(--dsa-wc-input-on-base-text-field-input-color);
   }
 
-  .input-mask:hover:not(.input-mask--disabled):not(.input-mask--readonly)
-    .input-mask__control {
-    color: var(--dsa-wc-input-on-base-text-field-input-color);
-  }
-
   .input-mask__control:focus {
     outline: none;
   }
 
-  /*
-   * Size modifiers
-   */
-  .input--small .input-mask__control {
-    height: calc(
-      var(--dsa-wc-form-input-height-small) - var(--dsa-wc-input-border-width) *
-        2
-    );
-  }
-
-  .input-mask--medium .input-mask__control {
-    height: calc(
-      var(--dsa-wc-form-input-height) - var(--dsa-wc-input-border-width) * 2
-    );
-  }
-
-  .input-mask--large .input-mask__control {
-    height: calc(
-      var(--dsa-wc-form-input-height-large) - var(--dsa-wc-input-border-width) *
-        2
-    );
-  }
-
   .input-mask__prefix::slotted(*),
   .input-mask__suffix::slotted(*) {
     flex-shrink: 0;

package/dist/chunks/{chunk.ZU3DGID3.js → chunk.UO6FYSWX.js}

@@ -1,12 +1,9 @@
 import {
   tree_item_styles_default
-} from "./chunk.WO56WJXU.js";
-import {
-  DSACheckbox
-} from "./chunk.7WQZIM7N.js";
+} from "./chunk.HG526A44.js";
 import {
   DSASpinner
-} from "./chunk.C6UENJ2Y.js";
+} from "./chunk.ER5S4DQ4.js";
 import {
   animateTo,
   shimKeyframesHeightAuto,
@@ -18,10 +15,10 @@ import {
 } from "./chunk.HPDCOGLH.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   DSAIcon
-} from "./chunk.CKJJ4MSU.js";
+} from "./chunk.NJQ6BFQQ.js";
 import {
   watch
 } from "./chunk.QB2NJE2Y.js";
@@ -196,13 +193,13 @@ var DSATreeItem = class extends ShoelaceElement {
           ${when(
       this.selectable,
       () => html`
-              <dsa-checkbox
-                tabindex="-1"
+              <dsa-internal-checkbox-box
+                aria-hidden="true"
                 class="tree-item__checkbox"
                 ?disabled="${this.disabled}"
                 ?checked="${live(this.selected)}"
                 ?indeterminate="${this.indeterminate}"
-              ></dsa-checkbox>
+              ></dsa-internal-checkbox-box>
             `
     )}
 
@@ -232,7 +229,6 @@ var DSATreeItem = class extends ShoelaceElement {
 DSATreeItem.styles = tree_item_styles_default;
 DSATreeItem.dependencies = {
   "dsa-icon": DSAIcon,
-  "dsa-checkbox": DSACheckbox,
   "dsa-spinner": DSASpinner
 };
 __decorateClass([

package/dist/chunks/{chunk.EWMFHVNW.js → chunk.UOJ4QKLP.js}

@@ -73,11 +73,11 @@ var input_base_styles_default = css`
     color: var(--dsa-wc-input-on-layer-text-field-input-color-disabled);
   }
 
-  .input--error.input--on-layer:not(.input--disabled):not(.input--readonly) {
+  .input--on-layer.input--error:not(.input--disabled):not(.input--readonly) {
     background-color: var(--dsa-wc-input-on-layer-background-color-error);
     border-color: var(--dsa-wc-input-on-layer-border-color-error);
   }
-  .input--error.input--on-layer:hover:not(.input--disabled):not(
+  .input--on-layer.input--error:hover:not(.input--disabled):not(
       .input--readonly
     ) {
     border-color: var(--dsa-wc-input-on-layer-border-color-error-hover);
@@ -116,11 +116,11 @@ var input_base_styles_default = css`
     border-color: var(--dsa-wc-input-on-base-read-only-border-color);
   }
 
-  .input--error.input--on-base:not(.input--disabled):not(.input--readonly) {
+  .input--on-base.input--error:not(.input--disabled):not(.input--readonly) {
     background-color: var(--dsa-wc-input-on-base-background-color-error);
     border-color: var(--dsa-wc-input-on-base-border-color-error);
   }
-  .input--error.input--on-base:hover:not(.input--disabled):not(
+  .input--on-base.input--error:hover:not(.input--disabled):not(
       .input--readonly
     ) {
     border-color: var(--dsa-wc-input-on-base-border-color-error-hover);
@@ -160,13 +160,13 @@ var input_base_styles_default = css`
     border-color: var(--dsa-wc-input-on-floating-read-only-border-color);
   }
 
-  .input--error.input--on-floating-menu:not(.input--disabled):not(
+  .input--on-floating-menu.input--error:not(.input--disabled):not(
       .input--readonly
     ) {
     background-color: var(--dsa-wc-input-on-floating-background-color-error);
     border-color: var(--dsa-wc-input-on-floating-border-color-error);
   }
-  .input--error.input--on-floating-menu:hover:not(.input--disabled):not(
+  .input--on-floating-menu.input--error:hover:not(.input--disabled):not(
       .input--readonly
     ) {
     border-color: var(--dsa-wc-input-on-floating-border-color-error-hover);

package/dist/chunks/{chunk.PGXKP7ME.js → chunk.UYMQI7J5.js}

@@ -1,9 +1,9 @@
 import {
   search_styles_default
-} from "./chunk.CABJDFOO.js";
+} from "./chunk.GMHRN23H.js";
 import {
   DSAErrorText
-} from "./chunk.5NSAEDEE.js";
+} from "./chunk.M2QIFDAP.js";
 import {
   renderFormElementErrors
 } from "./chunk.6QDM5FUA.js";
@@ -12,13 +12,13 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   DSAIconButton
-} from "./chunk.WNESPUKK.js";
+} from "./chunk.MWPOWC6N.js";
 import {
   ifDefinedAndNotEmpty
 } from "./chunk.ZQJVCRB2.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -49,22 +49,34 @@ var DSASearch = class extends ShoelaceElement {
     this.errorMessage = "";
   }
   handleChange() {
-    this.value = this.input.value;
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
     this.emit("dsa-change");
   }
   handleInput() {
-    this.value = this.input.value;
+    if (this.value !== this.input.value) {
+      this.value = this.input.value;
+    }
     this.emit("dsa-input");
   }
   handleInputFocus() {
-    this.hasFocus = true;
+    if (!this.hasFocus) {
+      this.hasFocus = true;
+    }
     this.emit("dsa-focus");
   }
   handleInputBlur() {
-    this.hasFocus = false;
+    if (this.hasFocus) {
+      this.hasFocus = false;
+    }
     this.emit("dsa-blur");
   }
   handleClearClick(event) {
+    if (this.value === "") {
+      event.stopPropagation();
+      return;
+    }
     this.value = "";
     this.emit("dsa-clear");
     this.emit("dsa-input");

package/dist/chunks/{chunk.APWZSSG6.js → chunk.V2HQ7IVJ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YIY5RM53.js";
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";

package/dist/chunks/{chunk.N2SYQR7M.js → chunk.VFJEGCDO.js}

@@ -1,6 +1,6 @@
 import {
   LocalizeController
-} from "./chunk.WHHYA5VY.js";
+} from "./chunk.34HS7ICN.js";
 import {
   ShoelaceElement
 } from "./chunk.SVWU6JW4.js";
@@ -10,6 +10,8 @@ import {
 
 // src/components/format-bytes/format-bytes.ts
 import { customElement, property } from "lit/decorators.js";
+var BIT_PREFIXES = ["", "kilo", "mega", "giga", "tera"];
+var BYTE_PREFIXES = ["", "kilo", "mega", "giga", "tera", "peta"];
 var DSAFormatBytes = class extends ShoelaceElement {
   constructor() {
     super(...arguments);
@@ -22,9 +24,7 @@ var DSAFormatBytes = class extends ShoelaceElement {
     if (isNaN(this.value)) {
       return "";
     }
-    const bitPrefixes = ["", "kilo", "mega", "giga", "tera"];
-    const bytePrefixes = ["", "kilo", "mega", "giga", "tera", "peta"];
-    const prefix = this.unit === "bit" ? bitPrefixes : bytePrefixes;
+    const prefix = this.unit === "bit" ? BIT_PREFIXES : BYTE_PREFIXES;
     const index = Math.max(
       0,
       Math.min(Math.floor(Math.log10(this.value) / 3), prefix.length - 1)