@skedulo/breeze-ui 1.16.0 → 1.18.0

package/dist/lib/es/breeze-ui.js

@@ -1200,7 +1200,9 @@ function b2(i, t) {
 const ze = (i) => `brz-${i.toLowerCase()}`, ee = (i) => customElements.get(i) ? (console.warn(
   `Breeze UI 💨 :: ${i} is already defined! Element registration has been blocked to prevent a crash. Check for duplicate imports of breeze-ui.`
 ), (...t) => {
-}) : Z0(i);
+}) : Z0(i), m2 = function() {
+  return Date.now().toString(36) + Math.random().toString(36).substring(2);
+};
 var hb = Object.defineProperty, pb = Object.getOwnPropertyDescriptor, K2 = (i, t, n, u) => {
   for (var c = u > 1 ? void 0 : u ? pb(t, n) : t, v = i.length - 1, h; v >= 0; v--)
     (h = i[v]) && (c = (u ? h(t, n, c) : h(c)) || c);
@@ -1360,7 +1362,7 @@ var Dn = "top", Li = "bottom", Si = "right", Nn = "left", zf = "auto", V0 = [Dn,
   return i.concat([t + "-" + K1, t + "-" + $0]);
 }, []), n3 = /* @__PURE__ */ [].concat(V0, [zf]).reduce(function(i, t) {
   return i.concat([t, t + "-" + K1, t + "-" + $0]);
-}, []), mb = "beforeRead", yb = "read", Cb = "afterRead", wb = "beforeMain", xb = "main", zb = "afterMain", Lb = "beforeWrite", Sb = "write", _b = "afterWrite", m2 = [mb, yb, Cb, wb, xb, zb, Lb, Sb, _b];
+}, []), mb = "beforeRead", yb = "read", Cb = "afterRead", wb = "beforeMain", xb = "main", zb = "afterMain", Lb = "beforeWrite", Sb = "write", _b = "afterWrite", y2 = [mb, yb, Cb, wb, xb, zb, Lb, Sb, _b];
 function Ao(i) {
   return i ? (i.nodeName || "").toLowerCase() : null;
 }
@@ -1433,14 +1435,14 @@ function Ki(i) {
   return i.split("-")[0];
 }
 var bl = Math.max, Zd = Math.min, Y1 = Math.round;
-function y2() {
+function C2() {
   var i = navigator.userAgentData;
   return i != null && i.brands ? i.brands.map(function(t) {
     return t.brand + "/" + t.version;
   }).join(" ") : navigator.userAgent;
 }
 function i3() {
-  return !/^((?!chrome|android).)*safari/i.test(y2());
+  return !/^((?!chrome|android).)*safari/i.test(C2());
 }
 function X1(i, t, n) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
@@ -1510,7 +1512,7 @@ function z5(i) {
   Yi(i).position === "fixed" ? null : i.offsetParent;
 }
 function Eb(i) {
-  var t = /firefox/i.test(y2()), n = /Trident/i.test(y2());
+  var t = /firefox/i.test(C2()), n = /Trident/i.test(C2());
   if (n && ri(i)) {
     var u = Yi(i);
     if (u.position === "fixed")
@@ -1779,7 +1781,7 @@ function L0(i, t) {
     x.concat(L0(Lf(h)))
   );
 }
-function C2(i) {
+function w2(i) {
   return Object.assign({}, i, {
     left: i.x,
     top: i.y,
@@ -1792,7 +1794,7 @@ function Gb(i, t) {
   return n.top = n.top + i.clientTop, n.left = n.left + i.clientLeft, n.bottom = n.top + i.clientHeight, n.right = n.left + i.clientWidth, n.width = i.clientWidth, n.height = i.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function _5(i, t, n) {
-  return t === r3 ? C2(Ub(i, n)) : zl(t) ? Gb(t, n) : C2(qb(ya(i)));
+  return t === r3 ? w2(Ub(i, n)) : zl(t) ? Gb(t, n) : w2(qb(ya(i)));
 }
 function jb(i) {
   var t = L0(Lf(i)), n = ["absolute", "fixed"].indexOf(Yi(i).position) >= 0, u = n && ri(i) ? U0(i) : i;
@@ -1861,7 +1863,7 @@ function A0(i, t) {
     element: be,
     strategy: "absolute",
     placement: c
-  }), je = C2(Object.assign({}, be, De)), Ye = B === p0 ? je : Ie, Ce = {
+  }), je = w2(Object.assign({}, be, De)), Ye = B === p0 ? je : Ie, Ce = {
     top: Oe.top - Ye.top + ke.top,
     bottom: Ye.bottom - Oe.bottom + ke.bottom,
     left: Oe.left - Ye.left + ke.left,
@@ -2135,7 +2137,7 @@ function pm(i) {
 }
 function vm(i) {
   var t = pm(i);
-  return m2.reduce(function(n, u) {
+  return y2.reduce(function(n, u) {
     return n.concat(t.filter(function(c) {
       return c.phase === u;
     }));
@@ -2172,7 +2174,7 @@ function mm(i) {
           typeof t.enabled != "boolean" && console.error(la(ul, t.name, '"enabled"', '"boolean"', '"' + String(t.enabled) + '"'));
           break;
         case "phase":
-          m2.indexOf(t.phase) < 0 && console.error(la(ul, t.name, '"phase"', "either " + m2.join(", "), '"' + String(t.phase) + '"'));
+          y2.indexOf(t.phase) < 0 && console.error(la(ul, t.name, '"phase"', "either " + y2.join(", "), '"' + String(t.phase) + '"'));
           break;
         case "fn":
           typeof t.fn != "function" && console.error(la(ul, t.name, '"fn"', '"function"', '"' + String(t.fn) + '"'));
@@ -2364,7 +2366,7 @@ var zm = [Wb, sm, Fb, Ob, im, Qb, um, Db, tm], Lm = /* @__PURE__ */ xm({
   return u && c && Sm(t, n, c), c;
 };
 let Mm = 0;
-const d3 = ze("popover"), km = ze("pure-popover"), Om = ["click", "hover", "focus"], [w2, A5, B1] = Om, f3 = ["dialog", "tooltip", "menu"], [Tm] = f3;
+const d3 = ze("popover"), km = ze("pure-popover"), Om = ["click", "hover", "focus"], [x2, A5, B1] = Om, f3 = ["dialog", "tooltip", "menu"], [Tm] = f3;
 class Em extends CustomEvent {
   constructor(t) {
     super(`${d3}-${t}`, { bubbles: !0, composed: !0 });
@@ -2518,18 +2520,18 @@ nn([
 en = nn([
   ee(km)
 ], en);
-const x2 = [
+const z2 = [
   "blur",
   "mouseenter",
   "mouseleave",
   "keydown",
-  w2,
+  x2,
   B1
-], [t2, $m, Am, Im] = x2;
+], [t2, $m, Am, Im] = z2;
 let Q1 = class extends en {
   constructor() {
     super(), this.trigger = "hover focus", this.hasFocus = !1, this.hasPointer = !1, this.listenableEventHandlers = {
-      [w2]: this.handleClick,
+      [x2]: this.handleClick,
       [B1]: this.handleFocus,
       [t2]: this.handleBlur,
       [$m]: this.handleMouseEnter,
@@ -2544,7 +2546,7 @@ let Q1 = class extends en {
     super.disconnectedCallback(), this.teardownListeners();
   }
   prepareListeners() {
-    x2.forEach(
+    z2.forEach(
       (i) => this.addEventListener(
         i,
         this.listenableEventHandlers[i],
@@ -2555,7 +2557,7 @@ let Q1 = class extends en {
     ), document.addEventListener("mousedown", this.handleOutsideClick);
   }
   teardownListeners() {
-    x2.forEach(
+    z2.forEach(
       (i) => this.removeEventListener(
         i,
         this.listenableEventHandlers[i],
@@ -2592,7 +2594,7 @@ let Q1 = class extends en {
   async handleClick(i) {
     var t;
     if (!(this.isOpen && ((t = this.contentElement) != null && t.contains(i.target)))) {
-      if (!this.hasTrigger(w2))
+      if (!this.hasTrigger(x2))
         return this.removeFocus();
       await this.toggleIsOpen();
     }
@@ -2708,7 +2710,7 @@ var Fm = Object.defineProperty, Bm = Object.getOwnPropertyDescriptor, Ti = (i, t
   return u && c && Fm(t, n, c), c;
 };
 const Wm = ze("avatar"), Zm = ze("avatar-group");
-var z2 = /* @__PURE__ */ ((i) => (i[i.tiny = 0] = "tiny", i[i.small = 1] = "small", i[i.medium = 2] = "medium", i[i.large = 3] = "large", i))(z2 || {}), Vm = /* @__PURE__ */ ((i) => (i[i.solid = 0] = "solid", i[i.subtle = 1] = "subtle", i[i.border = 2] = "border", i))(Vm || {});
+var L2 = /* @__PURE__ */ ((i) => (i[i.tiny = 0] = "tiny", i[i.small = 1] = "small", i[i.medium = 2] = "medium", i[i.large = 3] = "large", i))(L2 || {}), Vm = /* @__PURE__ */ ((i) => (i[i.solid = 0] = "solid", i[i.subtle = 1] = "subtle", i[i.border = 2] = "border", i))(Vm || {});
 let Hn = class extends Ze {
   constructor() {
     super(...arguments), this.hasOuterBorder = !1, this.isPlaceholderHidden = !1, this.label = "", this.noTooltip = !1, this.size = "medium", this.theme = "solid", this.slottedElementsCount = 0;
@@ -2732,14 +2734,14 @@ let Hn = class extends Ze {
   get abbreviatedLabel() {
     if (!this.label || this.isPlaceholderHidden)
       return "";
-    const t = z2[this.size] < 2 ? 1 : 2;
+    const t = L2[this.size] < 2 ? 1 : 2;
     return this.label.split(" ").slice(0, t).map((n) => n.charAt(0)).join("").toUpperCase();
   }
   /**
    * @internal
    */
   get iconTemplate() {
-    const i = z2[this.size], t = () => {
+    const i = L2[this.size], t = () => {
       switch (i) {
         case 3:
           return 20;
@@ -4402,14 +4404,14 @@ zs([
 Mi = zs([
   ee(cy)
 ], Mi);
-let L2 = class extends Mi {
+let S2 = class extends Mi {
   connectedCallback() {
     super.connectedCallback(), this.element = "button";
   }
 };
-L2 = zs([
+S2 = zs([
   ee(dy)
-], L2);
+], S2);
 var py = Object.defineProperty, vy = Object.getOwnPropertyDescriptor, _f = (i, t, n, u) => {
   for (var c = u > 1 ? void 0 : u ? vy(t, n) : t, v = i.length - 1, h; v >= 0; v--)
     (h = i[v]) && (c = (u ? h(t, n, c) : h(c)) || c);
@@ -8805,7 +8807,6 @@ const Oy = /* @__PURE__ */ m3(np), Ty = /* @__PURE__ */ Vg({
   __proto__: null,
   default: Oy
 }, [np]);
-let S2 = (i = 21) => crypto.getRandomValues(new Uint8Array(i)).reduce((t, n) => (n &= 63, n < 36 ? t += n.toString(36) : n < 62 ? t += (n - 26).toString(36).toUpperCase() : n > 62 ? t += "-" : t += "_", t), "");
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -9912,7 +9913,7 @@ class Pr extends Ln {
     this.innerOptions = this.isDataDriven ? [
       ...this.options.map((t) => ({
         ...t,
-        id: `option-${S2()}`
+        id: `option-${m2()}`
       }))
     ] : [];
   }
@@ -9993,10 +9994,14 @@ class Pr extends Ln {
     this.isMenuOpen && t.stopPropagation();
   }
   renderInput() {
-    return this.updateComplete.then(() => {
-      var t;
-      (t = this.dropdown) == null || t.updatePosition();
-    }), this.isReadonlyOrDisabled ? this.renderReferenceElement() : q`
+    this.updateComplete.then(() => {
+      var n;
+      (n = this.dropdown) == null || n.updatePosition();
+    });
+    const t = Array.from(this.children).some(
+      (n) => n instanceof HTMLElement && n.tagName === "BRZ-MENU-ITEM"
+    );
+    return this.isReadonlyOrDisabled || this.innerOptions.length === 0 && !t ? this.renderReferenceElement() : q`
       <brz-dropdown-menu
         @brz-menu-select=${this.handleSelect}
         @brz-menu-item-select=${this.handleItemSelect}
@@ -22182,14 +22187,14 @@ let Io = class extends Pr {
     this.innerOptions = this.isDataDriven ? [
       ...this.required ? [] : [
         {
-          id: `option-${S2()}`,
+          id: `option-${m2()}`,
           label: this.placeholder ? this.placeholder : "Select an option",
           value: ""
         }
       ],
       ...this.options.map((i) => ({
         ...i,
-        id: `option-${S2()}`
+        id: `option-${m2()}`
       }))
     ] : [];
   }
@@ -31239,7 +31244,7 @@ let E6 = class extends Mi {
 E6 = Re([
   ee("sp-link")
 ], E6);
-let $6 = class extends L2 {
+let $6 = class extends S2 {
 };
 $6 = Re([
   ee("sp-link-button")
@@ -31555,7 +31560,7 @@ export {
   HS as AlertEvent,
   Hn as Avatar,
   Vd as AvatarGroup,
-  z2 as AvatarSize,
+  L2 as AvatarSize,
   Vm as AvatarTheme,
   wS as BADGE,
   LS as BADGE_CHARACTER_LIMIT_DEFAULT,
@@ -31722,7 +31727,7 @@ export {
   B6 as LegacyTooltip,
   W6 as LegacyVirtualList,
   Mi as Link,
-  L2 as LinkButton,
+  S2 as LinkButton,
   D0 as LoadingSpinner,
   Fn as Lozenge,
   wC as MENU,
@@ -31746,7 +31751,7 @@ export {
   F7 as PAGINATION,
   Y_ as PAPER,
   d3 as POPOVER,
-  x2 as POPOVER_LISTENABLE_EVENT_TYPES,
+  z2 as POPOVER_LISTENABLE_EVENT_TYPES,
   f3 as POPOVER_ROLES,
   Om as POPOVER_TRIGGERS,
   km as PURE_POPOVER,
@@ -31803,7 +31808,7 @@ export {
   Fy as VirtualListUpdateEvent,
   $M as alertTypes,
   CM as buttonTypes,
-  w2 as click,
+  x2 as click,
   mp as columnSpans,
   wM as dropdownMenuSizes,
   B1 as focus,