@luzmo/analytics-components-kit 1.0.1-alpha.2 → 1.0.1-alpha.20

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 { k as P, a as F, x as k, n as x } from "../property-B2F7x7Cz.js";
+import { _ as S, a as D, d as j, s as $, g as w } from "../get-css-variable-Bhbr-Kr1.js";
+import { O as L, v as A } from "../luzmo-icons-BE2T8vWu.js";
+import { m as M, d as R } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
+import { l as q } from "../localize-BX7q0S0M.js";
+import { e as T } from "../base-D76d76ww.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-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-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) => T(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 E(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 ? E(Object(t), !0).forEach(function(e) {
+      S(l, e, t[e]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(t)) : E(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 M(P, {
+  validSizes: Object.values(R)
+}) {
+  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 = q(t.label, this.contentLanguage);
+        return k`<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 k`<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 '@luzmo/lucero/utils';
+declare const LuzmoSlotMenuList_base: typeof LuzmoElement & {
+    new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
+    prototype: import("@luzmo/lucero").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-slots.config-Cd-nkNPm.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=[{name:"target",rotate:!1,label:"Target",type:"numeric",canAcceptFormula:!0},{name:"measure",rotate:!1,label:"Measure",type:"numeric",isRequired:!0,canAcceptFormula:!0}];exports.default=e;

package/components/speedometer-chart-slots.config-DA-ZAc5d.js

@@ -0,0 +1,39 @@
+/*! * 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 e = [
+  {
+    name: "target",
+    rotate: !1,
+    label: "Target",
+    type: "numeric",
+    canAcceptFormula: !0
+  },
+  {
+    name: "measure",
+    rotate: !1,
+    label: "Measure",
+    type: "numeric",
+    isRequired: !0,
+    canAcceptFormula: !0
+  }
+];
+export {
+  e as default
+};

package/components/spike-map-slots.config-CuqpgkvN.js

@@ -0,0 +1,46 @@
+/*! * 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 e = [
+  {
+    name: "geo",
+    rotate: !1,
+    label: "Geography",
+    type: "categorical",
+    isRequired: !0,
+    acceptableColumnTypes: ["spatial"]
+  },
+  {
+    name: "measure",
+    rotate: !1,
+    label: "Measure",
+    type: "numeric",
+    canAcceptFormula: !0
+  },
+  {
+    name: "color",
+    rotate: !0,
+    type: "mixed",
+    options: { areDatetimeOptionsEnabled: !0 },
+    label: "Color"
+  }
+];
+export {
+  e as default
+};

package/components/spike-map-slots.config-Drga6_j0.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=[{name:"geo",rotate:!1,label:"Geography",type:"categorical",isRequired:!0,acceptableColumnTypes:["spatial"]},{name:"measure",rotate:!1,label:"Measure",type:"numeric",canAcceptFormula:!0},{name:"color",rotate:!0,type:"mixed",options:{areDatetimeOptionsEnabled:!0},label:"Color"}];exports.default=e;

package/components/state-BFA93Sye.cjs

@@ -0,0 +1,24 @@
+/*! * 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";const r=require("./property-0L4eB11h.cjs");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */function e(t){return r.n({...t,state:!0,attribute:!1})}exports.r=e;

package/components/state-Joaryhrg.js

@@ -0,0 +1,31 @@
+/*! * 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 { n as r } from "./property-B2F7x7Cz.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function n(t) {
+  return r({ ...t, state: !0, attribute: !1 });
+}
+export {
+  n as r
+};

package/components/strip-plot-slots.config-Co8ghEv8.js

@@ -0,0 +1,40 @@
+/*! * 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 e = [
+  {
+    name: "measure",
+    rotate: !0,
+    label: "Measure",
+    type: "numeric",
+    canAcceptMultipleColumns: !0,
+    canAcceptFormula: !0
+  },
+  {
+    name: "y-axis",
+    rotate: !1,
+    label: "Category",
+    options: { areDatetimeOptionsEnabled: !0 },
+    type: "categorical",
+    isRequired: !0
+  }
+];
+export {
+  e as default
+};