@luzmo/analytics-components-kit 1.0.1-alpha.91 → 1.0.1-alpha.96

package/components/slot-menu-list/index.js

@@ -17,27 +17,27 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { unsafeCSS as C, html as b } from "lit";
-import { _ as E, d as S, a as O, s as _, g as f } from "../get-css-variable-Bb7TxJdX.js";
-import { luzmoIcon as I, luzmoTrashOutline as P } from "@luzmo/icons";
-import { l as F } from "../localize-CcDpq940.js";
-import { property as h, queryAll as j } from "lit/decorators.js";
-import { L as D } from "../focusable-BS2pbY7w.js";
-import { S as L, E as $ } from "../sized-mixin-cJbo3PKR.js";
+import { unsafeCSS as I, html as w } from "lit";
+import { _ as S, d as P, a as F, s as j, g as k } from "../get-css-variable-YlLiVgo8.js";
+import { luzmoIcon as D, luzmoTrashOutline as L } from "@luzmo/icons";
+import { l as $ } from "../localize-BX7q0S0M.js";
+import { property as x, queryAll as A } from "lit/decorators.js";
+import { L as M } from "../focusable-DCIFkpiW.js";
+import { S as T, E as q } from "../sized-mixin-cJbo3PKR.js";
 (function() {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");
     o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-background-color-alt-1: rgb(250, 250, 250);--luzmo-background-color-alt-2: rgb(239, 239, 239);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-secondary-outline: rgba(255, 0, 255, 0.2);--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
   }
 })();
-var A = {
+var R = {
   large: 700
 };
-function M(l) {
-  l.animate([{
+function U(r) {
+  r.animate([{
     backgroundColor: "var(--ds-background-selected, #E9F2FF)"
   }, {}], {
-    duration: A.large,
+    duration: R.large,
     /**
      * This is equivalent to the browser default, but we are making it
      * explicit to avoid relying on implicit behavior.
@@ -49,28 +49,28 @@ function M(l) {
     iterations: 1
   });
 }
-function x(l, o) {
-  var t = Object.keys(l);
+function E(r, o) {
+  var t = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
-    var e = Object.getOwnPropertySymbols(l);
+    var e = Object.getOwnPropertySymbols(r);
     o && (e = e.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(l, s).enumerable;
+      return Object.getOwnPropertyDescriptor(r, s).enumerable;
     })), t.push.apply(t, e);
   }
   return t;
 }
-function y(l) {
+function C(r) {
   for (var o = 1; o < arguments.length; o++) {
     var t = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? x(Object(t), !0).forEach(function(e) {
-      E(l, e, t[e]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(t)) : x(Object(t)).forEach(function(e) {
-      Object.defineProperty(l, e, Object.getOwnPropertyDescriptor(t, e));
+    o % 2 ? E(Object(t), !0).forEach(function(e) {
+      S(r, e, t[e]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : E(Object(t)).forEach(function(e) {
+      Object.defineProperty(r, e, Object.getOwnPropertyDescriptor(t, e));
     });
   }
-  return l;
+  return r;
 }
-var T = {
+var B = {
   top: function(o, t) {
     return Math.abs(t.y - o.top);
   },
@@ -83,33 +83,33 @@ var T = {
   left: function(o, t) {
     return Math.abs(t.x - o.left);
   }
-}, w = Symbol("closestEdge");
-function q(l, o) {
-  var t, e, s = o.element, m = o.input, r = o.allowedEdges, n = {
-    x: m.clientX,
-    y: m.clientY
-  }, i = s.getBoundingClientRect(), a = r.map(function(c) {
+}, O = Symbol("closestEdge");
+function N(r, o) {
+  var t, e, s = o.element, d = o.input, l = o.allowedEdges, n = {
+    x: d.clientX,
+    y: d.clientY
+  }, i = s.getBoundingClientRect(), a = l.map(function(c) {
     return {
       edge: c,
-      value: T[c](i, n)
+      value: B[c](i, n)
     };
-  }), u = (t = (e = a.sort(function(c, d) {
-    return c.value - d.value;
+  }), u = (t = (e = a.sort(function(c, p) {
+    return c.value - p.value;
   })[0]) === null || e === void 0 ? void 0 : e.edge) !== null && t !== void 0 ? t : null;
-  return y(y({}, l), {}, E({}, w, u));
+  return C(C({}, r), {}, S({}, O, u));
 }
-function v(l) {
+function y(r) {
   var o;
-  return (o = l[w]) !== null && o !== void 0 ? o : null;
+  return (o = r[O]) !== null && o !== void 0 ? o : null;
 }
-const R = ':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;max-height:var(--luzmo-slot-menu-list-max-height, var(--slot-menu-list-max-height));overflow-y:auto;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host li{border-bottom:var(--luzmo-slot-menu-list-border-bottom-width, var(--slot-menu-list-border-bottom-width)) solid var(--luzmo-slot-menu-list-border-bottom-color, var(--slot-menu-list-border-bottom-color))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center;touch-action:none}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px;--slot-menu-list-border-bottom-width: 0px;--slot-menu-list-border-bottom-color: transparent;--slot-menu-list-max-height: calc(var(--luzmo-component-height) * 4)}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';
-var U = Object.defineProperty, z = (l, o, t, e) => {
-  for (var s = void 0, m = l.length - 1, r; m >= 0; m--)
-    (r = l[m]) && (s = r(o, t, s) || s);
-  return s && U(o, t, s), s;
+const V = ':host{font-family:var(--luzmo-slot-menu-list-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-list-font-size, var(--slot-menu-list-font-size));color:var(--luzmo-slot-menu-listfont-color, var(--luzmo-font-color))}:host{margin:0;padding:0;list-style:none;max-height:var(--luzmo-slot-menu-list-max-height, var(--slot-menu-list-max-height));overflow-y:auto;border-right:var(--luzmo-slot-menu-list-border-right-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-list-border-right-color, var(--luzmo-border-color))}:host li{position:relative;cursor:pointer;border-bottom:var(--luzmo-slot-menu-list-border-bottom-width, var(--slot-menu-list-border-bottom-width)) solid var(--luzmo-slot-menu-list-border-bottom-color, var(--slot-menu-list-border-bottom-color))}:host li:hover{background-color:var(--luzmo-slot-menu-list-background-color-hover, var(--slot-menu-list-background-color-hover))}:host .active{background-color:var(--luzmo-slot-menu-list-active-background-color, var(--slot-menu-list-active-background-color));color:var(--luzmo-slot-menu-list-active-color, var(--slot-menu-list-active-color))}:host .active:hover{background-color:var(--luzmo-slot-menu-list-active-background-color-hover, var(--slot-menu-list-active-background-color-hover))}.drop-indicator{position:absolute;left:0;right:0;height:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height));background-color:var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color))}.drop-indicator:before{content:"";display:block;width:100%;border:var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)) solid var(--luzmo-slot-menu-list-drop-indicator-color, var(--slot-menu-list-drop-indicator-color));border-radius:50%;position:absolute;background:var(--luzmo-slot-menu-list-drop-indicator-background, var(--luzmo-background-color));left:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));top:calc(-.5 * (var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size)) + var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height))));height:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size));width:var(--luzmo-slot-menu-list-drop-indicator-circle-size, var(--slot-menu-list-drop-indicator-circle-size))}.drop-indicator[data-edge=top]{top:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.drop-indicator[data-edge=bottom]{bottom:calc(-.5 * var(--luzmo-slot-menu-list-drop-indicator-height, var(--slot-menu-list-drop-indicator-height)))}.draggable-slot-content{display:flex;justify-content:space-between;gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));align-items:center;touch-action:none}.draggable-slot-content .draggable-slot-content-label,.draggable-slot-content .draggable-slot-content-remove{padding-block-start:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding));padding-block-end:var(--luzmo-slot-menu-list-item-vertical-padding, var(--slot-menu-list-item-vertical-padding))}.draggable-slot-content .draggable-slot-content-label{padding-inline-start:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-slot-content .draggable-slot-content-remove{padding-inline-end:var(--luzmo-slot-menu-list-item-horizontal-padding, var(--slot-menu-list-item-horizontal-padding));flex:0 0 auto}:host{--slot-menu-list-active-background-color: var(--luzmo-primary);--slot-menu-list-active-background-color-hover: var(--luzmo-primary-hover);--slot-menu-list-active-color: var(--luzmo-primary-inverse-color);--slot-menu-list-background-color-hover: var(--luzmo-background-color-hover);--slot-menu-list-drop-indicator-color: var(--luzmo-font-color-down);--slot-menu-list-drop-indicator-height: 2px;--slot-menu-list-drop-indicator-circle-size: 4px;--slot-menu-list-border-bottom-width: 0px;--slot-menu-list-border-bottom-color: transparent;--slot-menu-list-max-height: calc(var(--luzmo-component-height) * 4)}:host{--slot-menu-display-settings-min-width: 19rem;--slot-menu-min-height: calc(var(--luzmo-component-height) * 2);--slot-menu-font-size: var(--luzmo-font-size);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3)}:host([size=s]){--slot-menu-display-settings-min-width: 16rem;--slot-menu-min-height: calc(var(--luzmo-component-height-s) * 2);--slot-menu-font-size: var(--luzmo-font-size-s);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2)}:host([size=l]){--slot-menu-display-settings-min-width: 23rem;--slot-menu-min-height: calc(var(--luzmo-component-height-l) * 2);--slot-menu-font-size: var(--luzmo-font-size-l);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-3);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4)}:host([size=xl]){--slot-menu-display-settings-min-width: 26rem;--slot-menu-min-height: calc(var(--luzmo-component-height-xl) * 2);--slot-menu-font-size: var(--luzmo-font-size-xl);--slot-menu-list-item-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-list-item-vertical-padding: var(--luzmo-spacing-4);--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5)}';
+var G = Object.defineProperty, h = (r, o, t, e) => {
+  for (var s = void 0, d = r.length - 1, l; d >= 0; d--)
+    (l = r[d]) && (s = l(o, t, s) || s);
+  return s && G(o, t, s), s;
 };
-class p extends L(D, {
-  validSizes: Object.values($)
+class z extends T(M, {
+  validSizes: Object.values(q)
 }) {
   constructor() {
     super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotContents = [], this.activeIndex = 0, this._sendChangeEvent = () => {
@@ -126,12 +126,13 @@ class p extends L(D, {
       );
     }, this._cleanupFns = [], this._attachAll = () => {
       [...this._draggableSlotContentElements].forEach((o) => {
-        const t = this._sendChangeEvent.bind(this), e = this, s = S({
+        const t = this._sendChangeEvent.bind(this), e = this, s = P({
           element: o,
-          onGenerateDragPreview({ nativeSetDragImage: r }) {
-            _({
-              nativeSetDragImage: r,
+          onGenerateDragPreview({ nativeSetDragImage: l }) {
+            j({
+              nativeSetDragImage: l,
               render({ container: n }) {
+                var u;
                 const i = document.createElement("div");
                 i.classList.add("drag-preview");
                 const a = {};
@@ -176,10 +177,10 @@ class p extends L(D, {
                     "--luzmo-slot-menu-list-font-family",
                     "--luzmo-font-family"
                   ]
-                ].forEach(([u, c, d]) => {
-                  const g = f(o, c) || f(o, d);
-                  a[u] = g;
-                }), i.textContent = o.querySelector("[data-task-content]")?.textContent ?? // worst case fallback if we set up our data-* up wrong
+                ].forEach(([c, p, b]) => {
+                  const m = k(o, p) || k(o, b);
+                  a[c] = m;
+                }), i.textContent = ((u = o.querySelector("[data-task-content]")) == null ? void 0 : u.textContent) ?? // worst case fallback if we set up our data-* up wrong
                 o.textContent, Object.assign(i.style, {
                   border: `1px solid ${a.borderColor}`,
                   backgroundColor: a.backgroundColor,
@@ -194,10 +195,11 @@ class p extends L(D, {
             });
           },
           getInitialData() {
-            const r = o.parentElement;
+            var i;
+            const l = o.parentElement;
             let n = 0;
-            return r && (n = [...r.parentElement?.children ?? []].indexOf(
-              r
+            return l && (n = [...((i = l.parentElement) == null ? void 0 : i.children) ?? []].indexOf(
+              l
             )), {
               index: n
             };
@@ -210,17 +212,18 @@ class p extends L(D, {
           }
         });
         this._cleanupFns.push(s);
-        const m = O({
+        const d = F({
           element: o,
-          canDrop({ source: r }) {
-            return r.element === o ? !1 : r?.element?.classList.contains("draggable-slot-content");
+          canDrop({ source: l }) {
+            var n;
+            return l.element === o ? !1 : (n = l == null ? void 0 : l.element) == null ? void 0 : n.classList.contains("draggable-slot-content");
           },
-          getData(r) {
-            return q(
+          getData(l) {
+            return N(
               {},
               {
                 element: o,
-                input: r.input,
+                input: l.input,
                 allowedEdges: ["top", "bottom"]
               }
             );
@@ -228,50 +231,53 @@ class p extends L(D, {
           getIsSticky() {
             return !0;
           },
-          onDragEnter({ self: r }) {
-            const n = v(r.data);
+          onDragEnter({ self: l }) {
+            const n = y(l.data);
             if (!n)
               return;
             const i = document.createElement("div");
             i.classList.add("drop-indicator"), i.dataset.edge = n, o.after(i);
           },
-          onDrag({ self: r }) {
-            const n = v(r.data);
+          onDrag({ self: l }) {
+            var a, u, c;
+            const n = y(l.data);
             if (!n) {
-              o.nextElementSibling?.remove();
+              (a = o.nextElementSibling) == null || a.remove();
               return;
             }
-            if (o.nextElementSibling?.getAttribute("data-edge") === n)
+            if (((u = o.nextElementSibling) == null ? void 0 : u.getAttribute("data-edge")) === n)
               return;
-            o.nextElementSibling?.remove();
+            (c = o.nextElementSibling) == null || c.remove();
             const i = document.createElement("div");
             i.classList.add("drop-indicator"), i.dataset.edge = n, o.after(i);
           },
           onDragLeave() {
-            o.nextElementSibling?.remove();
+            var l;
+            (l = o.nextElementSibling) == null || l.remove();
           },
-          onDrop({ self: r, source: n }) {
-            o.nextElementSibling?.remove();
-            const i = v(r.data), a = r.element.parentElement;
+          onDrop({ self: l, source: n }) {
+            var u, c, p, b;
+            (u = o.nextElementSibling) == null || u.remove();
+            const i = y(l.data), a = l.element.parentElement;
             if (typeof n.data.index == "number" && a) {
-              let u = [...a.parentElement?.children ?? []].indexOf(
+              let m = [...((c = a.parentElement) == null ? void 0 : c.children) ?? []].indexOf(
                 a
               );
-              i === "bottom" && n.data.index >= u && u < (a?.parentElement?.children?.length ?? 0) - 1 ? u += 1 : i === "top" && u > n.data.index && (u -= 1);
-              const c = e.activeIndex, d = n.data.index, g = u, k = e.slotContents[d];
-              e.slotContents.splice(d, 1), e.slotContents.splice(g, 0, k), d === c ? e.activeIndex = g : d < c && g >= c ? e.activeIndex = c - 1 : d > c && g <= c && (e.activeIndex = c + 1);
+              i === "bottom" && n.data.index >= m && m < (((b = (p = a == null ? void 0 : a.parentElement) == null ? void 0 : p.children) == null ? void 0 : b.length) ?? 0) - 1 ? m += 1 : i === "top" && m > n.data.index && (m -= 1);
+              const g = e.activeIndex, v = n.data.index, f = m, _ = e.slotContents[v];
+              e.slotContents.splice(v, 1), e.slotContents.splice(f, 0, _), v === g ? e.activeIndex = f : v < g && f >= g ? e.activeIndex = g - 1 : v > g && f <= g && (e.activeIndex = g + 1);
             }
-            i && (M(n.element), e.requestUpdate(), t());
+            i && (U(n.element), e.requestUpdate(), t());
           }
         });
-        this._cleanupFns.push(m);
+        this._cleanupFns.push(d);
       });
     }, this._detachAll = () => {
       this._cleanupFns.forEach((o) => o()), this._cleanupFns = [];
     };
   }
   static get styles() {
-    return [C(R)];
+    return [I(V)];
   }
   willUpdate() {
     this._detachAll();
@@ -293,8 +299,8 @@ class p extends L(D, {
   render() {
     const o = this.slotContents.map(
       (t, e) => {
-        const s = F(t.label ?? {}, this.contentLanguage);
-        return b`<li class=${e === this.activeIndex ? "active" : ""}>
+        const s = $(t.label ?? {}, this.contentLanguage);
+        return w`<li class=${e === this.activeIndex ? "active" : ""}>
           <div class="draggable-slot-content">
             <div
               class="draggable-slot-content-label"
@@ -306,31 +312,31 @@ class p extends L(D, {
               class="draggable-slot-content-remove"
               @click=${this.removeSlotContent.bind(this, e)}
             >
-              ${I(P)}
+              ${D(L)}
             </div>
           </div>
         </li>`;
       }
     );
-    return b`<div>${o}</div>`;
+    return w`<div>${o}</div>`;
   }
 }
-z([
-  h({ type: String, reflect: !0 })
-], p.prototype, "language");
-z([
-  h({ type: String, attribute: "content-language", reflect: !0 })
-], p.prototype, "contentLanguage");
-z([
-  j(".draggable-slot-content")
-], p.prototype, "_draggableSlotContentElements");
-z([
-  h()
-], p.prototype, "slotContents");
-z([
-  h({ type: Number })
-], p.prototype, "activeIndex");
-customElements.get("luzmo-slot-menu-list") || customElements.define("luzmo-slot-menu-list", p);
+h([
+  x({ type: String, reflect: !0 })
+], z.prototype, "language");
+h([
+  x({ type: String, attribute: "content-language", reflect: !0 })
+], z.prototype, "contentLanguage");
+h([
+  A(".draggable-slot-content")
+], z.prototype, "_draggableSlotContentElements");
+h([
+  x()
+], z.prototype, "slotContents");
+h([
+  x({ type: Number })
+], z.prototype, "activeIndex");
+customElements.get("luzmo-slot-menu-list") || customElements.define("luzmo-slot-menu-list", z);
 export {
-  p as LuzmoSlotMenuList
+  z as LuzmoSlotMenuList
 };

package/components/{speedometer-chart-options.config-CzOmuEF8.js → speedometer-chart-options.config-SL581yOa.js}

@@ -17,14 +17,17 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { d as n, j as u, k as o, l as i } from "./helpers-bR8Ibjqh.js";
-const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 && e?.find((a) => a?.name === "measure")?.content?.length > 0, m = [
+import { d as i, j as k, k as f, l as b } from "./helpers-v1bPALRP.js";
+const g = (e) => {
+  var a, l, r, u;
+  return ((l = (a = e == null ? void 0 : e.find((t) => (t == null ? void 0 : t.name) === "target")) == null ? void 0 : a.content) == null ? void 0 : l.length) === 0 && ((u = (r = e == null ? void 0 : e.find((t) => (t == null ? void 0 : t.name) === "measure")) == null ? void 0 : r.content) == null ? void 0 : u.length) > 0;
+}, s = [
   { color: "#ff0000", value: 0 },
   { color: "#ffa500", value: 25 },
   { color: "#ffff00", value: 50 },
   { color: "#008000", value: 75 },
   { color: "#006400", value: 100 }
-], d = [
+], V = [
   {
     key: "general",
     type: "group",
@@ -104,24 +107,25 @@ const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 &&
           default: "relative",
           enum: ["relative", "absolute"],
           toOptions: ({ options: e, value: a }) => {
-            const r = e?.manualValues?.mode ?? "relative", l = {
+            var u, t, n, c, d, y;
+            const l = ((u = e == null ? void 0 : e.manualValues) == null ? void 0 : u.mode) ?? "relative", r = {
               ...e,
               manualValues: {
                 ...e.manualValues,
                 mode: a
               }
             };
-            return a === "absolute" && r === "relative" && l.manualValues?.ranges && l.manualValues?.target ? l.manualValues.ranges = l.manualValues.ranges.map(
-              (t) => ({
-                ...t,
-                val: t.val * l.manualValues.target / 100
+            return a === "absolute" && l === "relative" && ((t = r.manualValues) != null && t.ranges) && ((n = r.manualValues) != null && n.target) ? r.manualValues.ranges = r.manualValues.ranges.map(
+              (m) => ({
+                ...m,
+                val: m.val * r.manualValues.target / 100
               })
-            ) : a === "relative" && r === "absolute" && l.manualValues?.ranges?.length && (l.manualValues.target = l.manualValues.ranges.at(-1)?.val, l.manualValues.ranges = l.manualValues.ranges.map(
-              (t) => ({
-                ...t,
-                value: t.val * 100 / l.manualValues.target
+            ) : a === "relative" && l === "absolute" && ((d = (c = r.manualValues) == null ? void 0 : c.ranges) != null && d.length) && (r.manualValues.target = (y = r.manualValues.ranges.at(-1)) == null ? void 0 : y.val, r.manualValues.ranges = r.manualValues.ranges.map(
+              (m) => ({
+                ...m,
+                value: m.val * 100 / r.manualValues.target
               })
-            )), l;
+            )), r;
           }
         }
       },
@@ -133,7 +137,10 @@ const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 &&
           placeholder: "Target value",
           minWidthInputField: "150px"
         },
-        visibleIf: ({ options: e, slots: a }) => e?.manualValues?.mode !== "absolute" && s(a)
+        visibleIf: ({ options: e, slots: a }) => {
+          var l;
+          return ((l = e == null ? void 0 : e.manualValues) == null ? void 0 : l.mode) !== "absolute" && g(a);
+        }
       },
       {
         key: "manualValues.ranges",
@@ -141,18 +148,21 @@ const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 &&
           type: "color-range",
           editRangeSize: !0,
           minimumRangeSize: 2,
-          percentage: ({ options: e }) => e?.manualValues?.mode !== "absolute",
+          percentage: ({ options: e }) => {
+            var a;
+            return ((a = e == null ? void 0 : e.manualValues) == null ? void 0 : a.mode) !== "absolute";
+          },
           noAlphaChannel: !0,
           hideLabel: !0,
           label: "Color ranges",
-          default: () => structuredClone(m),
-          parseValue: (e) => e?.map((a) => ({
-            color: a?.color,
-            value: a?.value ?? a?.val
+          default: () => structuredClone(s),
+          parseValue: (e) => e == null ? void 0 : e.map((a) => ({
+            color: a == null ? void 0 : a.color,
+            value: (a == null ? void 0 : a.value) ?? (a == null ? void 0 : a.val)
           })),
-          toValue: (e) => e?.map((a) => ({
-            color: a?.color,
-            val: a?.value
+          toValue: (e) => e == null ? void 0 : e.map((a) => ({
+            color: a == null ? void 0 : a.color,
+            val: a == null ? void 0 : a.value
           }))
         }
       }
@@ -184,20 +194,23 @@ const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 &&
         control: {
           type: "color-picker",
           label: "Marker color",
-          default: ({ theme: e }) => i(e),
-          extraLabel: ({ options: e, theme: a }) => o(e, a, "axis.y.color"),
-          extraLabelHasClickAction: ({ options: e, theme: a }) => u(
+          default: ({ theme: e }) => b(e),
+          extraLabel: ({ options: e, theme: a }) => f(e, a, "axis.y.color"),
+          extraLabelHasClickAction: ({ options: e, theme: a }) => k(
             e,
             a,
             "axis.y.color"
           ),
-          extraLabelClickAction: ({ options: e, theme: a }) => n(
+          extraLabelClickAction: ({ options: e, theme: a }) => i(
             e,
             a,
             "axis.y.color"
           )
         },
-        visibleIf: ({ options: e }) => e?.marker?.type && e?.marker?.type !== "innerBand"
+        visibleIf: ({ options: e }) => {
+          var a, l;
+          return ((a = e == null ? void 0 : e.marker) == null ? void 0 : a.type) && ((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type) !== "innerBand";
+        }
       },
       {
         key: "marker.centerBandWidth",
@@ -209,7 +222,10 @@ const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 &&
           max: 1,
           step: 0.01
         },
-        visibleIf: ({ options: e }) => e?.marker?.type && e?.marker?.type === "centerBand"
+        visibleIf: ({ options: e }) => {
+          var a, l;
+          return ((a = e == null ? void 0 : e.marker) == null ? void 0 : a.type) && ((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type) === "centerBand";
+        }
       },
       {
         key: "marker.lineWidth",
@@ -221,7 +237,10 @@ const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 &&
           max: 10,
           step: 1
         },
-        visibleIf: ({ options: e }) => e?.marker?.type && e?.marker?.type === "line"
+        visibleIf: ({ options: e }) => {
+          var a, l;
+          return ((a = e == null ? void 0 : e.marker) == null ? void 0 : a.type) && ((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type) === "line";
+        }
       },
       {
         key: "marker.arrowSize",
@@ -233,11 +252,14 @@ const s = (e) => e?.find((a) => a?.name === "target")?.content?.length === 0 &&
           max: 0.2,
           step: 0.01
         },
-        visibleIf: ({ options: e }) => e?.marker?.type && ["inside", "outside"].includes(e?.marker?.type)
+        visibleIf: ({ options: e }) => {
+          var a, l;
+          return ((a = e == null ? void 0 : e.marker) == null ? void 0 : a.type) && ["inside", "outside"].includes((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type);
+        }
       }
     ]
   }
 ];
 export {
-  d as default
+  V as default
 };