@supersoniks/concorde 3.2.3 → 3.2.4

package/concorde-core.es.js

@@ -556,7 +556,7 @@ let T = (D = class {
     const h = await new Response(l.readable).arrayBuffer();
     return new TextDecoder().decode(h);
   }
-}, D.buildDate = "Fri Oct 10 2025 09:53:53 GMT+0200 (Central European Summer Time)", D.changed = !1, D.saving = !1, D.saveId = 0, D.instance = null, D.instances = /* @__PURE__ */ new Map(), D.modifiedCollectore = [], D);
+}, D.buildDate = "Mon Oct 13 2025 14:17:18 GMT+0200 (Central European Summer Time)", D.changed = !1, D.saving = !1, D.saveId = 0, D.instance = null, D.instances = /* @__PURE__ */ new Map(), D.modifiedCollectore = [], D);
 if (typeof window < "u") {
   const r = window;
   r[fs + "PublisherManager"] = r[fs + "PublisherManager"] || T;
@@ -2583,7 +2583,7 @@ let et = (H = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const xr = "important", zo = " !" + xr, gt = ee(class extends De {
+const xr = "important", zo = " !" + xr, ut = ee(class extends De {
   constructor(r) {
     if (super(r), r.type !== be.ATTRIBUTE || r.name !== "style" || r.strings?.length > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
@@ -3403,7 +3403,7 @@ let I = class extends wi(Le(Z(w))) {
       <button
         part="button"
         class=${this.hasPrefix || this.hasSuffix ? "has-prefix-or-suffix" : ""}
-        style=${gt(r)}
+        style=${ut(r)}
         aria-controls=${$(this.ariaControls)}
         aria-expanded=${$(this.sonicAriaExpanded)}
         aria-label=${$(this.ariaLabel)}
@@ -4943,7 +4943,7 @@ let O = class extends w {
       zIndex: "10000",
       maxWidth: "64ch",
       flexDirection: "column-reverse"
-    }), O.handleExistingToastDelegation(), this.toasts ? m`<div aria-live="polite" style=${gt(i)}>
+    }), O.handleExistingToastDelegation(), this.toasts ? m`<div aria-live="polite" style=${ut(i)}>
       ${Ls(
       this.toasts,
       (s) => s.id,
@@ -8256,7 +8256,7 @@ class Nr {
     this.u.disconnect();
   }
 }
-var $l = Object.defineProperty, Cl = Object.getOwnPropertyDescriptor, ft = (r, t, i, s) => {
+var $l = Object.defineProperty, Cl = Object.getOwnPropertyDescriptor, mt = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Cl(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && $l(t, i, e), e;
@@ -8448,52 +8448,52 @@ at.styles = [
       }
     `
 ];
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "size", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "placeholder", 2);
-ft([
+mt([
   a()
 ], at.prototype, "filteredFields", 2);
-ft([
+mt([
   a({ type: Boolean, reflect: !0 })
 ], at.prototype, "readonly", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "dataProviderExpression", 2);
-ft([
+mt([
   a({ type: Number })
 ], at.prototype, "minSearchLength", 2);
-ft([
+mt([
   a({ type: Boolean })
 ], at.prototype, "select", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "key", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "searchParameter", 2);
-ft([
+mt([
   a({ type: String })
 ], at.prototype, "propertyName", 2);
-ft([
+mt([
   dt({ slot: "prefix", flatten: !0 })
 ], at.prototype, "slotInputPrefixNodes", 2);
-ft([
+mt([
   L()
 ], at.prototype, "hasInputPrefix", 2);
-ft([
+mt([
   L()
 ], at.prototype, "isPopVisible", 2);
-ft([
+mt([
   L()
 ], at.prototype, "lastValidSearch", 2);
-at = ft([
+at = mt([
   _("sonic-input-autocomplete")
 ], at);
-var Sl = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, mt = (r, t, i, s) => {
+var Sl = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, gt = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Al(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && Sl(t, i, e), e;
@@ -8539,49 +8539,49 @@ let lt = class extends se(w) {
     `;
   }
 };
-mt([
+gt([
   a()
 ], lt.prototype, "name", 2);
-mt([
+gt([
   a()
 ], lt.prototype, "minChars", 2);
-mt([
+gt([
   L()
 ], lt.prototype, "hasNoChar", 2);
-mt([
+gt([
   L()
 ], lt.prototype, "hasEnoughChars", 2);
-mt([
+gt([
   L()
 ], lt.prototype, "hasMinuscule", 2);
-mt([
+gt([
   L()
 ], lt.prototype, "hasMajuscule", 2);
-mt([
+gt([
   L()
 ], lt.prototype, "hasNumber", 2);
-mt([
+gt([
   L()
 ], lt.prototype, "hasSpecialChar", 2);
-mt([
+gt([
   a()
 ], lt.prototype, "wording_password_helper_decription", 2);
-mt([
+gt([
   a()
 ], lt.prototype, "wording_password_helper_min_length", 2);
-mt([
+gt([
   a()
 ], lt.prototype, "wording_password_helper_lower_case", 2);
-mt([
+gt([
   a()
 ], lt.prototype, "wording_password_helper_upper_case", 2);
-mt([
+gt([
   a()
 ], lt.prototype, "wording_password_helper_number", 2);
-mt([
+gt([
   a()
 ], lt.prototype, "wording_password_helper_special_char", 2);
-lt = mt([
+lt = gt([
   _(kl)
 ], lt);
 var Ol = Object.defineProperty, Dl = Object.getOwnPropertyDescriptor, ve = (r, t, i, s) => {
@@ -8656,7 +8656,7 @@ var El = Object.defineProperty, Nl = Object.getOwnPropertyDescriptor, Kt = (r, t
   return s && e && El(t, i, e), e;
 };
 const Tl = "sonic-checkbox";
-let ut = class extends wi(
+let ft = class extends wi(
   Es(Le(Z(w)))
 ) {
   constructor() {
@@ -8706,7 +8706,7 @@ let ut = class extends wi(
     `;
   }
 };
-ut.styles = [
+ft.styles = [
   Mt,
   P`
       :host {
@@ -8834,38 +8834,38 @@ ut.styles = [
 ];
 Kt([
   a({ type: Boolean, reflect: !0 })
-], ut.prototype, "touched", 2);
+], ft.prototype, "touched", 2);
 Kt([
   a({ type: String })
-], ut.prototype, "iconName", 2);
+], ft.prototype, "iconName", 2);
 Kt([
   a({ type: String })
-], ut.prototype, "indeterminateIconName", 2);
+], ft.prototype, "indeterminateIconName", 2);
 Kt([
   a({ type: Boolean })
-], ut.prototype, "showAsIndeterminate", 2);
+], ft.prototype, "showAsIndeterminate", 2);
 Kt([
   a({ type: Boolean })
-], ut.prototype, "hasDescription", 2);
+], ft.prototype, "hasDescription", 2);
 Kt([
   a({ type: Boolean })
-], ut.prototype, "hasLabel", 2);
+], ft.prototype, "hasLabel", 2);
 Kt([
   dt({ flatten: !0 })
-], ut.prototype, "slotLabelNodes", 2);
+], ft.prototype, "slotLabelNodes", 2);
 Kt([
   dt({ slot: "description", flatten: !0 })
-], ut.prototype, "slotDescriptionNodes", 2);
-ut = Kt([
+], ft.prototype, "slotDescriptionNodes", 2);
+ft = Kt([
   _(Tl)
-], ut);
+], ft);
 var Ml = Object.getOwnPropertyDescriptor, Il = (r, t, i, s) => {
   for (var e = s > 1 ? void 0 : s ? Ml(t, i) : t, o = r.length - 1, n; o >= 0; o--)
     (n = r[o]) && (e = n(e) || e);
   return e;
 };
 const jl = "sonic-radio";
-let Zs = class extends ut {
+let Zs = class extends ft {
   constructor() {
     super(), this.radio = !0;
   }
@@ -8874,7 +8874,7 @@ let Zs = class extends ut {
   }
 };
 Zs.styles = [
-  ut.styles,
+  ft.styles,
   P`
       :host input {
         border-radius: 50%;
@@ -8902,13 +8902,13 @@ var Fl = Object.getOwnPropertyDescriptor, zl = (r, t, i, s) => {
   return e;
 };
 const Rl = "sonic-switch";
-let Gs = class extends ut {
+let Gs = class extends ft {
   constructor() {
     super(), this.unique = !0;
   }
 };
 Gs.styles = [
-  ut.styles,
+  ft.styles,
   P`
       sonic-icon {
         display: none;
@@ -9303,7 +9303,7 @@ let ct = class extends Es(Le(Z(w))) {
           class="form-element textarea custom-scroll"
           aria-label=${$(this.ariaLabel)}
           aria-labelledby=${$(this.ariaLabelledby)}
-          style=${gt(r)}
+          style=${ut(r)}
         >
 ${this.value}</textarea
         >
@@ -9712,7 +9712,7 @@ let Ze = class extends w {
       flexDirection: this.direction,
       justifyContent: this.justify
     };
-    return m`<slot style=${gt(r)}></slot>`;
+    return m`<slot style=${ut(r)}></slot>`;
   }
 };
 Ze.styles = [
@@ -9777,7 +9777,7 @@ let Nt = class extends w {
           @slotchange=${this.hasSlotOrProps}
         ></slot
       ></span>
-      <slot class="main-slot" style=${gt(r)}></slot>
+      <slot class="main-slot" style=${ut(r)}></slot>
       <slot
         name="description"
         @slotchange=${this.hasSlotOrProps}
@@ -9870,7 +9870,7 @@ let $t = class extends w {
           src="${this.src}"
           loading="${this.loading}"
           alt="${this.alt}"
-          style=${gt(r)}
+          style=${ut(r)}
       /></picture>
     </div>`;
   }
@@ -10004,12 +10004,15 @@ let ht = class extends w {
   }
   updated(r) {
     const t = this.querySelector(".more-btn");
-    this.size && t && t.setAttribute("size", this.size), this.querySelectorAll("sonic-divider").forEach((s) => {
-      s.hasAttribute("size") || s.setAttribute("size", "xs");
-    }), super.updated(r);
+    this.size && t && t.setAttribute("size", this.size), super.updated(r);
+  }
+  setDividersSize(r) {
+    r.forEach((t) => {
+      t.setAttribute("size", "sm"), this.direction == "row" ? t.style.setProperty("margin", "0 .1rem ") : t.style.setProperty("margin", " 0.1rem 0");
+    });
   }
   mainSlotChange() {
-    this.setChildrenSize(this.menuChildren), this.updateIsScollable(), this.updateScrollPosition(), this.observeMenuItemsAttributes();
+    this.setChildrenSize(this.menuChildren), this.setDividersSize(this.menuChildren), this.updateIsScollable(), this.updateScrollPosition(), this.observeMenuItemsAttributes();
   }
   observeMenuItemsAttributes() {
     this.attributeObserver?.disconnect(), this.attributeObserver = new MutationObserver(() => {
@@ -10072,28 +10075,34 @@ let ht = class extends w {
   render() {
     const r = {
       minWidth: this.minWidth,
-      flexDirection: this.direction,
-      gap: this.gap
+      flexDirection: this.direction
     }, t = this.direction == "row", i = {
+      gap: this.gap,
+      flexDirection: this.direction
+    }, s = {
       display: "block",
       alignSelf: t ? "center" : "flex-start",
       justifySelf: "center",
       flexDirection: this.direction
-    }, s = {
+    }, e = {
       marginLeft: t ? "" : ".55em"
     };
     return m`<menu
       part="menu"
       class="shadowable"
-      style=${gt(r)}
+      style=${ut(r)}
     >
-      <slot @slotchange=${this.mainSlotChange} id="menu-content"></slot>
+      <slot
+        @slotchange=${this.mainSlotChange}
+        id="menu-content"
+        style=${ut(i)}
+      ></slot>
       <sonic-pop
-        style=${gt(i)}
+        style=${ut(s)}
         class=${this.hasMoreElements ? "" : "hidden"}
       >
         <sonic-menu-item
-          style=${gt(s)}
+          style=${ut(e)}
           class="more-btn"
           shape=${this.moreShape}
           align="center"
@@ -10130,17 +10139,19 @@ ht.styles = [
       }
 
       /* SCROLLABLE*/
+      #menu-content {
+        display: flex;
+        padding: 0.35em;
+        margin: 0;
+      }
+
       :host([scrollable]) #menu-content {
         scrollbar-width: none;
         max-width: 100%;
         -ms-overflow-style: none;
         scroll-snap-align: start;
         white-space: nowrap;
-        display: flex;
-        gap: var(--sc-menu-gap);
         border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
-        margin: 0;
-        padding: 0.35em;
         transition: mask-image 0.15s linear;
       }
 
@@ -10273,7 +10284,7 @@ vt([
   ge("#menu-content")
 ], ht.prototype, "menuContent", 2);
 vt([
-  ke({ selector: "sonic-menu-item" })
+  ke({ selector: "*" })
 ], ht.prototype, "menuChildren", 2);
 vt([
   ke({ slot: "more", selector: "*" })
@@ -10517,14 +10528,14 @@ let M = class extends Z(w) {
       <div
         id="backdrop"
         @click=${this.handleOverlayClick}
-        style=${gt(t)}
+        style=${ut(t)}
       ></div>
       <dialog
         id="modal"
         part="modal"
         class="custom-scroll"
         aria-modal="true"
-        style=${gt(r)}
+        style=${ut(r)}
       >
         ${this._animationState !== "hidden" ? m`<div id="modal-content">
               ${!this.forceAction && !this.noCloseButton ? m`<sonic-modal-close></sonic-modal-close>` : S}
@@ -11764,7 +11775,7 @@ let Wt = class extends w {
     };
     return m`<th
       part="th"
-      style=${gt(r)}
+      style=${ut(r)}
       colspan=${$(this.colSpan)}
       rowspan=${$(this.rowSpan)}
     >
@@ -11835,7 +11846,7 @@ let Tt = class extends w {
       maxWidth: this.maxWidth,
       width: this.width
     };
-    return m`<td part="td" style=${gt(r)} colspan=${$(this.colSpan)} rowspan=${$(this.rowSpan)}>
+    return m`<td part="td" style=${ut(r)} colspan=${$(this.colSpan)} rowspan=${$(this.rowSpan)}>
       <slot></slot>
     </td>`;
   }
@@ -11999,7 +12010,7 @@ let te = class extends w {
     return m`
       <div
         class="table-container ${this.noCustomScroll ? "" : "custom-scroll"}"
-        style=${gt(r)}
+        style=${ut(r)}
       >
         <div class="table">
           <slot></slot>