@luzmo/analytics-components-kit 1.0.1-alpha.4 → 1.0.1-alpha.5

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 © 2024 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 { I as P, r as F, x as w, n as x } from "../property-CD3dwBJC.js";
+import { _ as S, a as D, d as j, s as $, g as E } from "../get-css-variable-Bhbr-Kr1.js";
+import { O as L, v as A } from "../luzmo-icons-CZEpXpvy.js";
+import { m as M, d as R } from "../sized-mixin-PyCYpyQq-B40Ek2UB.js";
+import { l as q } from "../localize-B6AsX_Zv.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 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 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 = E(o, p) || E(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 w`<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 w`<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/state-B1a8XIDm.js

@@ -0,0 +1,31 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 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-CD3dwBJC.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/state-ByiKNRhp.cjs

@@ -0,0 +1,24 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 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-Su1Q6aME.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/task-BPD0PyaQ.js

@@ -0,0 +1,120 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 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 { f as d } from "./property-CD3dwBJC.js";
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const p = Symbol();
+class m {
+  get taskComplete() {
+    return this.t || (this.i === 1 ? this.t = new Promise((t, i) => {
+      this.o = t, this.h = i;
+    }) : this.i === 3 ? this.t = Promise.reject(this.l) : this.t = Promise.resolve(this.u)), this.t;
+  }
+  constructor(t, i, r) {
+    var h;
+    this.p = 0, this.i = 0, (this._ = t).addController(this);
+    const s = typeof i == "object" ? i : { task: i, args: r };
+    this.v = s.task, this.j = s.args, this.m = s.argsEqual ?? f, this.k = s.onComplete, this.A = s.onError, this.autoRun = s.autoRun ?? !0, "initialValue" in s && (this.u = s.initialValue, this.i = 2, this.O = (h = this.T) == null ? void 0 : h.call(this));
+  }
+  hostUpdate() {
+    this.autoRun === !0 && this.S();
+  }
+  hostUpdated() {
+    this.autoRun === "afterUpdate" && this.S();
+  }
+  T() {
+    if (this.j === void 0) return;
+    const t = this.j();
+    if (!Array.isArray(t)) throw Error("The args function must return an array");
+    return t;
+  }
+  async S() {
+    const t = this.T(), i = this.O;
+    this.O = t, t === i || t === void 0 || i !== void 0 && this.m(i, t) || await this.run(t);
+  }
+  async run(t) {
+    var a, o, n, u, l;
+    let i, r;
+    t ?? (t = this.T()), this.O = t, this.i === 1 ? (a = this.q) == null || a.abort() : (this.t = void 0, this.o = void 0, this.h = void 0), this.i = 1, this.autoRun === "afterUpdate" ? queueMicrotask(() => this._.requestUpdate()) : this._.requestUpdate();
+    const s = ++this.p;
+    this.q = new AbortController();
+    let h = !1;
+    try {
+      i = await this.v(t, { signal: this.q.signal });
+    } catch (c) {
+      h = !0, r = c;
+    }
+    if (this.p === s) {
+      if (i === p) this.i = 0;
+      else {
+        if (h === !1) {
+          try {
+            (o = this.k) == null || o.call(this, i);
+          } catch {
+          }
+          this.i = 2, (n = this.o) == null || n.call(this, i);
+        } else {
+          try {
+            (u = this.A) == null || u.call(this, r);
+          } catch {
+          }
+          this.i = 3, (l = this.h) == null || l.call(this, r);
+        }
+        this.u = i, this.l = r;
+      }
+      this._.requestUpdate();
+    }
+  }
+  abort(t) {
+    var i;
+    this.i === 1 && ((i = this.q) == null || i.abort(t));
+  }
+  get value() {
+    return this.u;
+  }
+  get error() {
+    return this.l;
+  }
+  get status() {
+    return this.i;
+  }
+  render(t) {
+    var i, r, s, h;
+    switch (this.i) {
+      case 0:
+        return (i = t.initial) == null ? void 0 : i.call(t);
+      case 1:
+        return (r = t.pending) == null ? void 0 : r.call(t);
+      case 2:
+        return (s = t.complete) == null ? void 0 : s.call(t, this.value);
+      case 3:
+        return (h = t.error) == null ? void 0 : h.call(t, this.error);
+      default:
+        throw Error("Unexpected status: " + this.i);
+    }
+  }
+}
+const f = (e, t) => e === t || e.length === t.length && e.every((i, r) => !d(i, t[r]));
+export {
+  m as h
+};

package/components/task-HFsHfTra.cjs

@@ -0,0 +1,24 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 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 d=require("./property-Su1Q6aME.cjs");/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const p=Symbol();class f{get taskComplete(){return this.t||(this.i===1?this.t=new Promise((t,i)=>{this.o=t,this.h=i}):this.i===3?this.t=Promise.reject(this.l):this.t=Promise.resolve(this.u)),this.t}constructor(t,i,r){var e;this.p=0,this.i=0,(this._=t).addController(this);const s=typeof i=="object"?i:{task:i,args:r};this.v=s.task,this.j=s.args,this.m=s.argsEqual??g,this.k=s.onComplete,this.A=s.onError,this.autoRun=s.autoRun??!0,"initialValue"in s&&(this.u=s.initialValue,this.i=2,this.O=(e=this.T)==null?void 0:e.call(this))}hostUpdate(){this.autoRun===!0&&this.S()}hostUpdated(){this.autoRun==="afterUpdate"&&this.S()}T(){if(this.j===void 0)return;const t=this.j();if(!Array.isArray(t))throw Error("The args function must return an array");return t}async S(){const t=this.T(),i=this.O;this.O=t,t===i||t===void 0||i!==void 0&&this.m(i,t)||await this.run(t)}async run(t){var a,o,n,u,l;let i,r;t??(t=this.T()),this.O=t,this.i===1?(a=this.q)==null||a.abort():(this.t=void 0,this.o=void 0,this.h=void 0),this.i=1,this.autoRun==="afterUpdate"?queueMicrotask(()=>this._.requestUpdate()):this._.requestUpdate();const s=++this.p;this.q=new AbortController;let e=!1;try{i=await this.v(t,{signal:this.q.signal})}catch(c){e=!0,r=c}if(this.p===s){if(i===p)this.i=0;else{if(e===!1){try{(o=this.k)==null||o.call(this,i)}catch{}this.i=2,(n=this.o)==null||n.call(this,i)}else{try{(u=this.A)==null||u.call(this,r)}catch{}this.i=3,(l=this.h)==null||l.call(this,r)}this.u=i,this.l=r}this._.requestUpdate()}}abort(t){var i;this.i===1&&((i=this.q)==null||i.abort(t))}get value(){return this.u}get error(){return this.l}get status(){return this.i}render(t){var i,r,s,e;switch(this.i){case 0:return(i=t.initial)==null?void 0:i.call(t);case 1:return(r=t.pending)==null?void 0:r.call(t);case 2:return(s=t.complete)==null?void 0:s.call(t,this.value);case 3:return(e=t.error)==null?void 0:e.call(t,this.error);default:throw Error("Unexpected status: "+this.i)}}}const g=(h,t)=>h===t||h.length===t.length&&h.every((i,r)=>!d.f(i,t[r]));exports.h=f;