@luzmo/analytics-components-kit 1.0.1-alpha.3 → 1.0.1-alpha.30

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

@@ -0,0 +1,351 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { L as P, r as F, x as E, n as x } from "../focusable-Dw_pMNQL.js";
+import { _ as S, a as D, d as j, s as $, g as w } from "../get-css-variable-Bhbr-Kr1.js";
+import { f as L, v as A } from "../luzmo-icons-U09GB75o.js";
+import { l as M } from "../localize-BX7q0S0M.js";
+import { e as R } from "../base-D76d76ww.js";
+import { S as q, E as T } from "../sized-mixin-DMuOVsw0.js";
+const _ = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const l = document.createElement("style");
+    l.setAttribute("data-luzmo-vars", ""), l.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-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-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(l);
+  }
+};
+_();
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let U;
+function B(l) {
+  return (o, t) => R(o, t, { get() {
+    return (this.renderRoot ?? U ?? (U = document.createDocumentFragment())).querySelectorAll(l);
+  } });
+}
+var N = {
+  large: 700
+};
+function V(l) {
+  l.animate([{
+    backgroundColor: "var(--ds-background-selected, #E9F2FF)"
+  }, {}], {
+    duration: N.large,
+    /**
+     * This is equivalent to the browser default, but we are making it
+     * explicit to avoid relying on implicit behavior.
+     *
+     * This curve is not part of `@atlaskit/motion` but it was an intentional
+     * design decision to use this curve.
+     */
+    easing: "cubic-bezier(0.25, 0.1, 0.25, 1.0)",
+    iterations: 1
+  });
+}
+function k(l, o) {
+  var t = Object.keys(l);
+  if (Object.getOwnPropertySymbols) {
+    var e = Object.getOwnPropertySymbols(l);
+    o && (e = e.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(l, s).enumerable;
+    })), t.push.apply(t, e);
+  }
+  return t;
+}
+function C(l) {
+  for (var o = 1; o < arguments.length; o++) {
+    var t = arguments[o] != null ? arguments[o] : {};
+    o % 2 ? k(Object(t), !0).forEach(function(e) {
+      S(l, e, t[e]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(t)) : k(Object(t)).forEach(function(e) {
+      Object.defineProperty(l, e, Object.getOwnPropertyDescriptor(t, e));
+    });
+  }
+  return l;
+}
+var G = {
+  top: function(o, t) {
+    return Math.abs(t.y - o.top);
+  },
+  right: function(o, t) {
+    return Math.abs(o.right - t.x);
+  },
+  bottom: function(o, t) {
+    return Math.abs(o.bottom - t.y);
+  },
+  left: function(o, t) {
+    return Math.abs(t.x - o.left);
+  }
+}, O = Symbol("closestEdge");
+function H(l, o) {
+  var t, e, s = o.element, d = o.input, r = o.allowedEdges, n = {
+    x: d.clientX,
+    y: d.clientY
+  }, i = s.getBoundingClientRect(), a = r.map(function(c) {
+    return {
+      edge: c,
+      value: G[c](i, n)
+    };
+  }), 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 C(C({}, l), {}, S({}, O, u));
+}
+function y(l) {
+  var o;
+  return (o = l[O]) !== null && o !== void 0 ? o : null;
+}
+const K = ':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;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 .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}.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}: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 X = Object.defineProperty, h = (l, o, t, e) => {
+  for (var s = void 0, d = l.length - 1, r; d >= 0; d--)
+    (r = l[d]) && (s = r(o, t, s) || s);
+  return s && X(o, t, s), s;
+};
+class z extends q(P, {
+  validSizes: Object.values(T)
+}) {
+  constructor() {
+    super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotContents = [], this.activeIndex = 0, this._sendChangeEvent = () => {
+      this.dispatchEvent(
+        new CustomEvent("slot-list-changed", {
+          bubbles: !0,
+          composed: !0,
+          cancelable: !0,
+          detail: {
+            slotContents: structuredClone(this.slotContents),
+            activeIndex: this.activeIndex
+          }
+        })
+      );
+    }, this._cleanupFns = [], this._attachAll = () => {
+      [...this._draggableSlotContentElements].forEach((o) => {
+        const t = this._sendChangeEvent.bind(this), e = this, s = D({
+          element: o,
+          onGenerateDragPreview({ nativeSetDragImage: r }) {
+            $({
+              nativeSetDragImage: r,
+              render({ container: n }) {
+                var u;
+                const i = document.createElement("div");
+                i.classList.add("drag-preview");
+                const a = {};
+                [
+                  [
+                    "borderColor",
+                    "--luzmo-slot-menu-list-border-color",
+                    "--luzmo-border-color"
+                  ],
+                  [
+                    "backgroundColor",
+                    "--luzmo-slot-menu-list-background-color",
+                    "--luzmo-background-color"
+                  ],
+                  [
+                    "color",
+                    "--luzmo-slot-menu-list-font-color",
+                    "--slot-menu-list-font-color"
+                  ],
+                  [
+                    "fontSize",
+                    "--luzmo-slot-menu-list-font-size",
+                    "--slot-menu-list-font-size"
+                  ],
+                  [
+                    "horizontalPadding",
+                    "--luzmo-slot-menu-list-item-horizontal-padding",
+                    "--slot-menu-list-item-horizontal-padding"
+                  ],
+                  [
+                    "verticalPadding",
+                    "--luzmo-slot-menu-list-item-vertical-padding",
+                    "--slot-menu-list-item-vertical-padding"
+                  ],
+                  [
+                    "borderRadius",
+                    "--luzmo-slot-menu-list-border-radius",
+                    "--luzmo-border-radius"
+                  ],
+                  [
+                    "fontFamily",
+                    "--luzmo-slot-menu-list-font-family",
+                    "--luzmo-font-family"
+                  ]
+                ].forEach(([c, p, b]) => {
+                  const m = w(o, p) || w(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,
+                  borderRadius: a.borderRadius,
+                  fontFamily: a.fontFamily,
+                  fontSize: a.fontSize,
+                  color: a.color,
+                  paddingInline: `${a.horizontalPadding}`,
+                  paddingBlock: `${a.verticalPadding}`
+                }), n.append(i);
+              }
+            });
+          },
+          getInitialData() {
+            var i;
+            const r = o.parentElement;
+            let n = 0;
+            return r && (n = [...((i = r.parentElement) == null ? void 0 : i.children) ?? []].indexOf(
+              r
+            )), {
+              index: n
+            };
+          },
+          onDragStart() {
+            o.style.opacity = "0.5";
+          },
+          onDrop() {
+            o.style.opacity = "1";
+          }
+        });
+        this._cleanupFns.push(s);
+        const d = j({
+          element: o,
+          canDrop({ source: r }) {
+            var n;
+            return r.element === o ? !1 : (n = r == null ? void 0 : r.element) == null ? void 0 : n.classList.contains("draggable-slot-content");
+          },
+          getData(r) {
+            return H(
+              {},
+              {
+                element: o,
+                input: r.input,
+                allowedEdges: ["top", "bottom"]
+              }
+            );
+          },
+          getIsSticky() {
+            return !0;
+          },
+          onDragEnter({ self: r }) {
+            const n = y(r.data);
+            if (!n)
+              return;
+            const i = document.createElement("div");
+            i.classList.add("drop-indicator"), i.dataset.edge = n, o.after(i);
+          },
+          onDrag({ self: r }) {
+            var a, u, c;
+            const n = y(r.data);
+            if (!n) {
+              (a = o.nextElementSibling) == null || a.remove();
+              return;
+            }
+            if (((u = o.nextElementSibling) == null ? void 0 : u.getAttribute("data-edge")) === n)
+              return;
+            (c = o.nextElementSibling) == null || c.remove();
+            const i = document.createElement("div");
+            i.classList.add("drop-indicator"), i.dataset.edge = n, o.after(i);
+          },
+          onDragLeave() {
+            var r;
+            (r = o.nextElementSibling) == null || r.remove();
+          },
+          onDrop({ self: r, source: n }) {
+            var u, c, p, b;
+            (u = o.nextElementSibling) == null || u.remove();
+            const i = y(r.data), a = r.element.parentElement;
+            if (typeof n.data.index == "number" && a) {
+              let m = [...((c = a.parentElement) == null ? void 0 : c.children) ?? []].indexOf(
+                a
+              );
+              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, I = e.slotContents[v];
+              e.slotContents.splice(v, 1), e.slotContents.splice(f, 0, I), v === g ? e.activeIndex = f : v < g && f >= g ? e.activeIndex = g - 1 : v > g && f <= g && (e.activeIndex = g + 1);
+            }
+            i && (V(n.element), e.requestUpdate(), t());
+          }
+        });
+        this._cleanupFns.push(d);
+      });
+    }, this._detachAll = () => {
+      this._cleanupFns.forEach((o) => o()), this._cleanupFns = [];
+    };
+  }
+  static get styles() {
+    return [F(K)];
+  }
+  willUpdate() {
+    this._detachAll();
+  }
+  updated() {
+    this._attachAll();
+  }
+  setActiveIndex(o) {
+    this.activeIndex = o, this._sendChangeEvent();
+  }
+  removeSlotContent(o) {
+    this.slotContents = this.slotContents.filter(
+      (t, e) => e !== o
+    ), this.activeIndex === o ? this.activeIndex = o : this.slotContents.length > 0 && // go one down if index < activeIndex
+    this.activeIndex > o && this.activeIndex--, this._sendChangeEvent();
+  }
+  render() {
+    const o = this.slotContents.map(
+      (t, e) => {
+        const s = M(t.label, this.contentLanguage);
+        return E`<li class=${e === this.activeIndex ? "active" : ""}>
+          <div class="draggable-slot-content">
+            <div
+              class="draggable-slot-content-label"
+              @click=${this.setActiveIndex.bind(this, e)}
+            >
+              ${s}
+            </div>
+            <div
+              class="draggable-slot-content-remove"
+              @click=${this.removeSlotContent.bind(this, e)}
+            >
+              ${L(A)}
+            </div>
+          </div>
+        </li>`;
+      }
+    );
+    return E`<div>${o}</div>`;
+  }
+}
+h([
+  x({ type: String, reflect: !0 })
+], z.prototype, "language");
+h([
+  x({ type: String, attribute: "content-language", reflect: !0 })
+], z.prototype, "contentLanguage");
+h([
+  B(".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 {
+  z as LuzmoSlotMenuList
+};

package/components/slot-menu-list/slot-menu-list.d.ts

@@ -0,0 +1,33 @@
+import { CSSResultArray, TemplateResult } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+declare const LuzmoSlotMenuList_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-slot-menu-list
+ */
+export declare class LuzmoSlotMenuList extends LuzmoSlotMenuList_base {
+    static get styles(): CSSResultArray;
+    /**
+     * The language of the settings interface
+     */
+    language: string;
+    /**
+     * The language to use for locale-aware formatting and labels
+     */
+    contentLanguage: string;
+    _draggableSlotContentElements: HTMLElement[];
+    slotContents: any;
+    activeIndex: number;
+    private _sendChangeEvent;
+    private _cleanupFns;
+    private _attachAll;
+    private _detachAll;
+    protected willUpdate(): void;
+    protected updated(): void;
+    setActiveIndex(index: number): void;
+    removeSlotContent(index: number): void;
+    protected render(): TemplateResult;
+}
+export {};

package/components/spacer-options.config-IpwUxDyU.js

@@ -0,0 +1,23 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+const o = [];
+export {
+  o as default
+};

package/components/spacer-options.config-mPXMR1CE.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=[];exports.default=e;

package/components/speedometer-chart-options.config-CVsSjLmh.cjs

@@ -0,0 +1,20 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./helpers-DXQwEH1P.cjs"),t=[{key:"general",type:"group",open:!0,children:[{key:"display.title",control:{type:"switch",label:"Title",default:!1}},{key:"display.meterValue",control:{type:"switch",label:"Value",default:!0}},{key:"display.meterLabel",control:{type:"switch",label:"Label",default:!0}},{key:"display.ticks",control:{type:"switch",label:"Ticks",default:!0}},{key:"degrees",control:{type:"slider",label:"Arc size",default:230,min:180,max:360,step:1}},{key:"arcWidth",control:{type:"slider",label:"Gauge width",default:.08,min:.02,max:.7,step:.01}}]},{key:"marker",type:"group",open:!1,children:[{key:"marker.type",control:{type:"picker",label:"Marker type",default:"innerBand",enum:["needle","line","inside","outside","centerBand","innerBand"]}},{key:"marker.color",control:{type:"color-picker",label:"Marker color",default:({theme:e})=>a.getThemeAxisColor(e),extraLabel:({options:e,theme:r})=>a.getThemeAxisColorResetLabel(e,r,"axis.y.color"),extraLabelHasClickAction:({options:e,theme:r})=>a.getThemeAxisColorExtraLabelHasClickAction(e,r,"axis.y.color"),extraLabelClickAction:({options:e,theme:r})=>a.getThemeBorderColorExtraLabelClickAction(e,r,"axis.y.color")},visibleIf:({options:e})=>{var r,l;return((r=e==null?void 0:e.marker)==null?void 0:r.type)&&((l=e==null?void 0:e.marker)==null?void 0:l.type)!=="innerBand"}},{key:"marker.centerBandWidth",control:{type:"slider",label:"Marker width",default:.34,min:.1,max:1,step:.01},visibleIf:({options:e})=>{var r,l;return((r=e==null?void 0:e.marker)==null?void 0:r.type)&&((l=e==null?void 0:e.marker)==null?void 0:l.type)==="centerBand"}},{key:"marker.lineWidth",control:{type:"slider",label:"Line width",default:2,min:1,max:10,step:1},visibleIf:({options:e})=>{var r,l;return((r=e==null?void 0:e.marker)==null?void 0:r.type)&&((l=e==null?void 0:e.marker)==null?void 0:l.type)==="line"}},{key:"marker.arrowSize",control:{type:"slider",label:"Arrow size",default:.05,min:.05,max:.2,step:.01},visibleIf:({options:e})=>{var r,l;return((r=e==null?void 0:e.marker)==null?void 0:r.type)&&["inside","outside"].includes((l=e==null?void 0:e.marker)==null?void 0:l.type)}}]}];exports.default=t;

package/components/speedometer-chart-options.config-Dt2feQYV.js

@@ -0,0 +1,199 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { d as a, j as t, k as d, l as c } from "./helpers-v1bPALRP.js";
+const k = [
+  {
+    key: "general",
+    type: "group",
+    open: !0,
+    children: [
+      {
+        key: "display.title",
+        control: {
+          type: "switch",
+          label: "Title",
+          default: !1
+        }
+      },
+      {
+        key: "display.meterValue",
+        control: {
+          type: "switch",
+          label: "Value",
+          default: !0
+        }
+      },
+      {
+        key: "display.meterLabel",
+        control: {
+          type: "switch",
+          label: "Label",
+          default: !0
+        }
+      },
+      {
+        key: "display.ticks",
+        control: {
+          type: "switch",
+          label: "Ticks",
+          default: !0
+        }
+      },
+      {
+        key: "degrees",
+        control: {
+          type: "slider",
+          label: "Arc size",
+          default: 230,
+          min: 180,
+          max: 360,
+          step: 1
+        }
+      },
+      {
+        key: "arcWidth",
+        control: {
+          type: "slider",
+          label: "Gauge width",
+          default: 0.08,
+          min: 0.02,
+          max: 0.7,
+          step: 0.01
+        }
+      }
+      /* ,
+      {
+        type: 'divider'
+      },
+      {
+        key: 'manualValues.mode',
+        control: {
+          type: 'picker',
+          label: 'Range type',
+          default: 'relative',
+          enum: ['relative', 'absolute']
+        }
+      },
+      {
+        key: 'manualValues.display',
+        control: {
+          type: 'picker',
+          label: 'Ticks display',
+          default: 'absolute',
+          enum: ['absolute', 'percentage']
+        }
+      } */
+    ]
+  },
+  {
+    key: "marker",
+    type: "group",
+    open: !1,
+    children: [
+      {
+        key: "marker.type",
+        control: {
+          type: "picker",
+          label: "Marker type",
+          default: "innerBand",
+          enum: [
+            "needle",
+            "line",
+            "inside",
+            "outside",
+            "centerBand",
+            "innerBand"
+          ]
+        }
+      },
+      {
+        key: "marker.color",
+        control: {
+          type: "color-picker",
+          label: "Marker color",
+          default: ({ theme: e }) => c(e),
+          extraLabel: ({ options: e, theme: r }) => d(e, r, "axis.y.color"),
+          extraLabelHasClickAction: ({ options: e, theme: r }) => t(
+            e,
+            r,
+            "axis.y.color"
+          ),
+          extraLabelClickAction: ({ options: e, theme: r }) => a(
+            e,
+            r,
+            "axis.y.color"
+          )
+        },
+        visibleIf: ({ options: e }) => {
+          var r, l;
+          return ((r = e == null ? void 0 : e.marker) == null ? void 0 : r.type) && ((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type) !== "innerBand";
+        }
+      },
+      {
+        key: "marker.centerBandWidth",
+        control: {
+          type: "slider",
+          label: "Marker width",
+          default: 0.34,
+          min: 0.1,
+          max: 1,
+          step: 0.01
+        },
+        visibleIf: ({ options: e }) => {
+          var r, l;
+          return ((r = e == null ? void 0 : e.marker) == null ? void 0 : r.type) && ((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type) === "centerBand";
+        }
+      },
+      {
+        key: "marker.lineWidth",
+        control: {
+          type: "slider",
+          label: "Line width",
+          default: 2,
+          min: 1,
+          max: 10,
+          step: 1
+        },
+        visibleIf: ({ options: e }) => {
+          var r, l;
+          return ((r = e == null ? void 0 : e.marker) == null ? void 0 : r.type) && ((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type) === "line";
+        }
+      },
+      {
+        key: "marker.arrowSize",
+        control: {
+          type: "slider",
+          label: "Arrow size",
+          default: 0.05,
+          min: 0.05,
+          max: 0.2,
+          step: 0.01
+        },
+        visibleIf: ({ options: e }) => {
+          var r, l;
+          return ((r = e == null ? void 0 : e.marker) == null ? void 0 : r.type) && ["inside", "outside"].includes((l = e == null ? void 0 : e.marker) == null ? void 0 : l.type);
+        }
+      }
+    ]
+  }
+];
+export {
+  k as default
+};