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

package/lib/index-DrIA0eFE.js

@@ -0,0 +1,392 @@
+/*! * 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 { S as Z, L as G, r as J, x as c, n as o } from "./if-defined-BbzmSG-O.js";
+import { l as te, g as F, d as re, s as ie } from "./get-css-variable-BHHQ0SnL.js";
+import { x as R, w as oe, D as de, N as U, Q as ge, a as se, W as x, u as H, Z as ne, A as be, p as V, H as ve, V as me, f as W, S as ue, k as ce, _ as A, Y as he, X as pe, r as N, L as ze, M as ye, t as Q, o as fe, b as xe, l as Y, z as ke, n as we, F as q, B as $e, c as Se, U as X, P as Ce, E as Ee, O as k, e as Pe, g as De, i as _e } from "./index-DdtjeKYI.js";
+import "./index-C9xEN5Ji.js";
+const Oe = ":host{font-family:var(--luzmo-draggable-data-item-level-font-family, var(--luzmo-font-family));color:var(--luzmo-draggable-data-item-level-font-color, var(--draggable-data-item-level-font-color))}.draggable-data-item-level{transition:background-color var(--luzmo-animation-duration);background-color:var(--luzmo-draggable-data-item-level-background-color, var(--draggable-data-item-level-background-color));display:flex;justify-content:space-between;align-items:center;padding:0 var(--luzmo-draggable-data-item-level-horizontal-padding, var(--draggable-data-item-level-horizontal-padding));gap:var(--luzmo-draggable-data-item-level-gap, var(--draggable-data-item-level-gap));border-radius:var(--luzmo-draggable-data-item-level-border-radius, var(--draggable-data-item-level-border-radius));border-width:var(--luzmo-draggable-data-item-level-border-width, var(--draggable-data-item-level-border-width));border-style:var(--luzmo-draggable-data-item-level-border-style, var(--draggable-data-item-level-border-style));border-color:var(--luzmo-draggable-data-item-level-border-color, var(--draggable-data-item-level-border-color));height:var(--luzmo-draggable-data-item-level-height, var(--draggable-data-item-level-height));cursor:move}.draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-background-color-hover, var(--draggable-data-item-level-background-color-hover))}.draggable-data-item-level .data-label{font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([sublevel]) .draggable-data-item-level{height:var(--luzmo-draggable-data-item-level-sublevel-height, var(--draggable-data-item-level-sublevel-height));background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color, var(--draggable-data-item-level-sublevel-background-color));border-color:var(--luzmo-draggable-data-item-level-sublevel-border-color, var(--draggable-data-item-level-sublevel-border-color));margin-inline-start:var(--luzmo-draggable-data-item-level-sublevel-margin-inline-start, var(--draggable-data-item-level-sublevel-margin-inline-start))}:host([sublevel]) .draggable-data-item-level:hover{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-hover, var(--draggable-data-item-level-sublevel-background-color-hover))}:host([sublevel]) .draggable-data-item-level .drag-handle-icon{width:var(--luzmo-draggable-data-item-level-sublevel-drag-handle-width, var(--draggable-data-item-level-sublevel-drag-handle-width));text-align:center}:host([disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-background-color-disabled, var(--draggable-data-item-level-background-color-disabled));color:var(--luzmo-draggable-data-item-level-color-disabled, var(--draggable-data-item-level-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25}:host([sublevel][disabled]) .draggable-data-item-level{background-color:var(--luzmo-draggable-data-item-level-sublevel-background-color-disabled, var(--draggable-data-item-level-sublevel-background-color-disabled))}.drag-handle-icon{opacity:.6;font-size:var(--luzmo-draggable-data-item-level-drag-handle-size, var(--luzmo-draggable-data-item-level-drag-handle-size));width:var(--luzmo-draggable-data-item-level-drag-handle-width, var(--luzmo-draggable-data-item-level-drag-handle-width));text-align:center}.data-icon-type{width:var(--luzmo-draggable-data-item-level-data-icon-width, var(--luzmo-draggable-data-item-level-data-icon-width));text-align:center}.data-label{flex-grow:1}.data-description{height:100%;display:flex;align-items:center;background-color:transparent;outline:none;border:none;font-size:var(--luzmo-draggable-data-item-level-label-font-size, var(--draggable-data-item-level-label-font-size))}:host([variant=highlight]){--draggable-data-item-level-background-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-border-color: var( --luzmo-background-color-highlight );--draggable-data-item-level-background-color-hover: var( --luzmo-background-color-highlight-hover )}:host{--draggable-data-item-level-height: var(--luzmo-component-height);--draggable-data-item-level-label-font-size: var(--luzmo-font-size);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-width: var(--luzmo-border-width);--draggable-data-item-level-border-style: solid;--draggable-data-item-level-border-color: var(--luzmo-border-color-hover);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-4);--draggable-data-item-level-font-color: var(--luzmo-font-color);--draggable-data-item-level-color-disabled: var(--luzmo-color-disabled);--draggable-data-item-level-background-color-disabled: var( --luzmo-background-color-disabled );--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-s);--luzmo-draggable-data-item-level-drag-handle-width: var( --draggable-data-item-level-icon-type-size );--luzmo-draggable-data-item-level-data-icon-width: calc( var(--draggable-data-item-level-icon-type-size) + var(--luzmo-spacing-3) );--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-s);--draggable-data-item-level-sublevel-border-color: transparent;--draggable-data-item-level-sublevel-background-color: transparent;--draggable-data-item-level-sublevel-background-color-disabled: transparent;--draggable-data-item-level-sublevel-margin-inline-start: calc( var(--draggable-data-item-level-gap) + var(--luzmo-draggable-data-item-level-drag-handle-width) );--luzmo-draggable-data-item-level-sublevel-drag-handle-width: var( --luzmo-draggable-data-item-level-data-icon-width );--draggable-data-item-level-sublevel-background-color-hover: rgba( var(--luzmo-border-color-rgb), .05 )}:host([hide-type-icon]){--draggable-data-item-level-sublevel-margin-inline-start: var( --draggable-data-item-level-gap )}:host([size=s]){--draggable-data-item-level-height: var(--luzmo-component-height-s);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-s);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-s);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-4);--draggable-data-item-level-border-radius: var(--luzmo-border-radius);--draggable-data-item-level-gap: var(--luzmo-spacing-3);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-xs);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-xs)}:host([size=l]){--draggable-data-item-level-height: var(--luzmo-component-height-l);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-l);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-l);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-l);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size)}:host([size=xl]){--draggable-data-item-level-height: var(--luzmo-component-height-xl);--draggable-data-item-level-label-font-size: var(--luzmo-font-size-xl);--draggable-data-item-level-icon-type-size: var(--luzmo-font-size-xl);--draggable-data-item-level-horizontal-padding: var(--luzmo-spacing-5);--draggable-data-item-level-border-radius: var(--luzmo-border-radius-xl);--draggable-data-item-level-gap: var(--luzmo-spacing-5);--draggable-data-item-level-sublevel-height: var(--luzmo-component-height-l);--luzmo-draggable-data-item-level-drag-handle-size: var(--luzmo-font-size-l)}:host{box-sizing:border-box}", g = {
+  array: {
+    s: de,
+    m: oe,
+    l: R,
+    xl: R
+  },
+  coordinates: {
+    s: be,
+    m: ne,
+    l: H,
+    xl: H
+  },
+  currency: {
+    s: me,
+    m: ve,
+    l: V,
+    xl: V
+  },
+  date: {
+    s: xe,
+    m: fe,
+    l: Q,
+    xl: Q
+  },
+  datetime: {
+    s: we,
+    m: ke,
+    l: Y,
+    xl: Y
+  },
+  duration: {
+    s: ce,
+    m: ue,
+    l: W,
+    xl: W
+  },
+  hierarchy: {
+    s: Ee,
+    m: Ce,
+    l: X,
+    xl: X
+  },
+  image: {
+    s: se,
+    m: ge,
+    l: U,
+    xl: U
+  },
+  numeric: {
+    s: pe,
+    m: he,
+    l: A,
+    xl: A
+  },
+  time: {
+    s: ye,
+    m: ze,
+    l: N,
+    xl: N
+  },
+  topography: {
+    s: x,
+    m: x,
+    l: x,
+    xl: x
+  },
+  ipaddress: {
+    s: Se,
+    m: $e,
+    l: q,
+    xl: q
+  }
+}, K = (a, e) => (e == null ? void 0 : e.type) === "array" ? g.array[a] : (e == null ? void 0 : e.type) === "image" ? g.image[a] : (e == null ? void 0 : e.type) === "spatial" ? (e == null ? void 0 : e.subtype) === "topography" ? g.topography[a] : g.coordinates[a] : (e == null ? void 0 : e.type) === "numeric" ? (e == null ? void 0 : e.subtype) === "currency" ? g.currency[a] : (e == null ? void 0 : e.subtype) === "duration" ? g.duration[a] : g.numeric[a] : (e == null ? void 0 : e.type) === "datetime" ? (e == null ? void 0 : e.subtype) === "time" ? g.time[a] : (e == null ? void 0 : e.subtype) === "date" ? g.date[a] : g.datetime[a] : (e == null ? void 0 : e.type) === "hierarchy" && (e == null ? void 0 : e.subtype) === "ipaddress" ? g.ipaddress[a] : g.hierarchy[a], Ie = (a) => {
+  var v, u, z, y, S, C, E, P, D, _, O, I, L, T, j, B, M;
+  const e = a.source.element;
+  let l = "";
+  (y = (z = (u = (v = a.source) == null ? void 0 : v.element) == null ? void 0 : u.renderRoot) == null ? void 0 : z.querySelector(".data-label")) != null && y.textContent && (l = (E = (C = (S = a.source) == null ? void 0 : S.element) == null ? void 0 : C.renderRoot) == null ? void 0 : E.querySelector(
+    ".data-label"
+  ).textContent), l || (l = te(
+    (D = (P = a == null ? void 0 : a.source) == null ? void 0 : P.data) == null ? void 0 : D.label,
+    (O = (_ = a == null ? void 0 : a.source) == null ? void 0 : _.element) == null ? void 0 : O.language
+  ), l = l || "Untitled");
+  const s = (L = (I = a == null ? void 0 : a.source) == null ? void 0 : I.data) == null ? void 0 : L.type, t = (j = (T = a == null ? void 0 : a.source) == null ? void 0 : T.data) == null ? void 0 : j.subtype, i = K(e.size, { type: s, subtype: t }), r = {};
+  [
+    [
+      "borderColor",
+      "--luzmo-draggable-data-item-level-border-color",
+      "--draggable-data-item-level-border-color"
+    ],
+    [
+      "backgroundColor",
+      "--luzmo-draggable-data-item-level-background-color",
+      "--draggable-data-item-level-background-color"
+    ],
+    [
+      "color",
+      "--luzmo-draggable-data-item-level-font-color",
+      "--draggable-data-item-level-font-color"
+    ],
+    [
+      "fontSize",
+      "--luzmo-draggable-data-item-level-label-font-size",
+      "--draggable-data-item-level-label-font-size"
+    ],
+    [
+      "height",
+      "--luzmo-draggable-data-item-level-height",
+      "--draggable-data-item-level-height"
+    ],
+    [
+      "borderRadius",
+      "--luzmo-draggable-data-item-level-border-radius",
+      "--draggable-data-item-level-border-radius"
+    ],
+    [
+      "fontFamily",
+      "--luzmo-draggable-data-item-level-font-family",
+      "--luzmo-font-family"
+    ],
+    [
+      "horizontalPadding",
+      "--luzmo-draggable-data-item-level-horizontal-padding",
+      "--draggable-data-item-level-horizontal-padding"
+    ],
+    [
+      "gap",
+      "--luzmo-draggable-data-item-level-gap",
+      "--draggable-data-item-level-gap"
+    ]
+  ].forEach(([f, ee, ae]) => {
+    const le = F(e, ee) || F(e, ae);
+    r[f] = le;
+  });
+  const m = document.createElement("div"), d = document.createElement("div");
+  if (m.innerHTML = l, !((M = (B = a == null ? void 0 : a.source) == null ? void 0 : B.element) != null && M.sublevel)) {
+    const f = document.createElement("luzmo-icon");
+    f.icon = i, d.append(f);
+  }
+  return d.append(m), Object.assign(d.style, {
+    display: "flex",
+    alignItems: "center",
+    height: r.height,
+    border: `1px solid ${r.borderColor}`,
+    backgroundColor: r.backgroundColor,
+    borderRadius: r.borderRadius,
+    fontFamily: r.fontFamily,
+    fontSize: r.fontSize,
+    color: r.color,
+    padding: `0 ${r.horizontalPadding}`,
+    gap: r.gap
+  }), d;
+};
+var Le = Object.defineProperty, h = (a, e, l, s) => {
+  for (var t = void 0, i = a.length - 1, r; i >= 0; i--)
+    (r = a[i]) && (t = r(e, l, t) || t);
+  return t && Le(e, l, t), t;
+};
+const w = class w extends Z(G, {
+  validSizes: ["s", "m", "l", "xl"],
+  noDefaultSize: !0
+}) {
+  constructor() {
+    super(...arguments), this.language = "en", this.data = {}, this.dataItemLevelDropped = (e) => {
+      this.dispatchEvent(
+        new CustomEvent("data-item-dropped", {
+          bubbles: !0,
+          composed: !0,
+          cancelable: !0,
+          detail: {
+            data: e
+          }
+        })
+      );
+    };
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._cleanupDraggable();
+  }
+  firstUpdated(e) {
+    this._cleanupDraggable = re({
+      element: this,
+      canDrag: () => !this.disabled,
+      onDragStart: () => {
+        this.style.opacity = "0.5";
+      },
+      onDrop: () => {
+        this.style.opacity = "1", this.dataItemLevelDropped(this.data);
+      },
+      getInitialData: () => {
+        const l = { ...this.data };
+        return this.label && this.language && !this.sublevel && (l.label = {}, l.label[this.language] = this.label), this.description && this.language && (l.description = {}, l.description[this.language] = this.description), l;
+      },
+      onGenerateDragPreview: (l) => {
+        const s = l.nativeSetDragImage;
+        ie({
+          render({ container: t }) {
+            const i = Ie(l);
+            t.append(i);
+          },
+          nativeSetDragImage: s
+        });
+      }
+    });
+  }
+  render() {
+    var s, t, i, r, m, d, v, u, z, y;
+    const e = this.label ?? ((t = (s = this.data) == null ? void 0 : s.label) == null ? void 0 : t[this.language]) ?? ((m = (i = this.data) == null ? void 0 : i.label) == null ? void 0 : m[Object.keys((r = this.data) == null ? void 0 : r.label)[0]]) ?? "Untitled", l = this.description ?? ((v = (d = this.data) == null ? void 0 : d.description) == null ? void 0 : v[this.language]) ?? ((y = (u = this.data) == null ? void 0 : u.description) == null ? void 0 : y[Object.keys((z = this.data) == null ? void 0 : z.description)[0]]);
+    return c`
+      <div class="draggable-data-item-level">
+        <div class="drag-handle-icon">
+          ${this.sublevel ? k(Pe) : k(De)}
+        </div>
+        ${this.sublevel || this.hideTypeIcon ? "" : c`<div class="data-icon-type">
+              ${k(K(this.size, this.data))}
+            </div>`}
+        <div class="data-label">${e}</div>
+        ${l ? c`<button class="data-description">
+              ${k(_e)}
+              <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                ${l}
+              </luzmo-tooltip>
+            </button>` : ""}
+      </div>
+    `;
+  }
+};
+w.styles = J(Oe);
+let n = w;
+h([
+  o({ type: String, reflect: !0 })
+], n.prototype, "variant");
+h([
+  o({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
+], n.prototype, "hideTypeIcon");
+h([
+  o({ type: Boolean, reflect: !0 })
+], n.prototype, "sublevel");
+h([
+  o({ type: String, reflect: !0 })
+], n.prototype, "language");
+h([
+  o({ type: Boolean, reflect: !0 })
+], n.prototype, "disabled");
+h([
+  o({ type: String, reflect: !0 })
+], n.prototype, "label");
+h([
+  o({ type: String, reflect: !0 })
+], n.prototype, "description");
+h([
+  o({ type: Object })
+], n.prototype, "data");
+customElements.get("luzmo-draggable-data-item-level") || customElements.define(
+  "luzmo-draggable-data-item-level",
+  n
+);
+const Te = ":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";
+var je = Object.defineProperty, p = (a, e, l, s) => {
+  for (var t = void 0, i = a.length - 1, r; i >= 0; i--)
+    (r = a[i]) && (t = r(e, l, t) || t);
+  return t && je(e, l, t), t;
+};
+const $ = class $ extends Z(G, {
+  validSizes: ["s", "m", "l", "xl"],
+  noDefaultSize: !0
+}) {
+  constructor() {
+    super(...arguments), this.language = "en", this.data = {};
+  }
+  renderSublevels() {
+    var l, s, t, i, r;
+    let e;
+    if (((l = this.data) == null ? void 0 : l.type) === "datetime") {
+      e = ((s = this.data) == null ? void 0 : s.subtype) === "date" ? this.data.lowestLevel ?? 5 : this.data.lowestLevel ?? 9;
+      const m = [
+        "Year",
+        "Quarter",
+        "Month",
+        "Week",
+        "Day",
+        "Hour",
+        "Minute",
+        "Second",
+        "Millisecond"
+      ];
+      return c`
+        <div class="draggable-data-item-sublevels">
+          ${Array.from({ length: e }, (d, v) => {
+        const u = m[v], z = { ...this.data, level: v + 1 };
+        return c`<luzmo-draggable-data-item-level
+              sublevel
+              .data=${z}
+              .language=${this.language}
+              .size=${this.size}
+              .variant=${this.variant}
+              .disabled=${this.disabled}
+              .label=${u}
+              ?hide-type-icon=${this.hideTypeIcon}
+            ></luzmo-draggable-data-item-level>`;
+      })}
+        </div>
+      `;
+    } else if (((t = this.data) == null ? void 0 : t.type) === "hierarchy" && ((r = (i = this.data) == null ? void 0 : i.hierarchyLevels) == null ? void 0 : r.length) > 2) {
+      const m = this.data.hierarchyLevels.filter((d) => (d == null ? void 0 : d.level) >= 1).map((d, v) => {
+        const u = { ...this.data, level: v, label: d.label };
+        return c`<luzmo-draggable-data-item-level
+            sublevel
+            .data=${u}
+            .language=${this.language}
+            .size=${this.size}
+            .variant=${this.variant}
+            .disabled=${this.disabled}
+            ?hide-type-icon=${this.hideTypeIcon}
+          ></luzmo-draggable-data-item-level>`;
+      });
+      return c`
+        <div class="draggable-data-item-sublevels">${m}</div>
+      `;
+    }
+    return c``;
+  }
+  render() {
+    return c`
+      <luzmo-draggable-data-item-level
+        .data=${this.data}
+        .language=${this.language}
+        .size=${this.size}
+        .variant=${this.variant}
+        .disabled=${this.disabled}
+        .label=${this.label}
+        .description=${this.description}
+        ?hide-type-icon=${this.hideTypeIcon}
+      ></luzmo-draggable-data-item-level>
+      ${this.hideSublevels ? "" : this.renderSublevels()}
+    `;
+  }
+};
+$.styles = J(Te);
+let b = $;
+p([
+  o({ type: String, reflect: !0 })
+], b.prototype, "variant");
+p([
+  o({ type: String, reflect: !0 })
+], b.prototype, "language");
+p([
+  o({ type: Boolean, reflect: !0 })
+], b.prototype, "disabled");
+p([
+  o({ type: Boolean, reflect: !0, attribute: "hide-sublevels" })
+], b.prototype, "hideSublevels");
+p([
+  o({ type: Boolean, reflect: !0, attribute: "hide-type-icon" })
+], b.prototype, "hideTypeIcon");
+p([
+  o({ type: String, reflect: !0 })
+], b.prototype, "label");
+p([
+  o({ type: String, reflect: !0 })
+], b.prototype, "description");
+p([
+  o({ type: Object })
+], b.prototype, "data");
+customElements.get("luzmo-draggable-data-item") || customElements.define("luzmo-draggable-data-item", b);
+export {
+  b as L,
+  n as a
+};

package/lib/index-jt6FL_uE.cjs

@@ -0,0 +1,20 @@
+/*! * 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 v=require("./index-Bo1DpZ-1.cjs"),o=require("./if-defined-V7yEJWI3.cjs"),m=":host{pointer-events:none;transform:none;transform:var(--luzmo-icon-transform, none);inline-size:var(--luzmo-icon-inline-size, var(--luzmo-icon-size, var(--icon-size)));block-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));font-size:var(--luzmo-icon-block-size, var(--luzmo-icon-size, var(--icon-size)));color:inherit;color:var(--luzmo-icon-color, inherit);fill:currentColor;display:inline-block}::slotted(svg),:host svg,:host img{--icon-vertical-align: var(--parent-element-icon-vertical-align, -.125em);vertical-align:var(--icon-vertical-align)!important}:host([block]){display:block;vertical-align:0}:host([block]) svg,:host([block]) img{--icon-vertical-align: var(--parent-element-icon-vertical-align, 0)}:host([size=xxs]){--icon-size: var(--luzmo-icon-size-xxs)}:host([size=xs]){--icon-size: var(--luzmo-icon-size-xs)}:host([size=s]){--icon-size: var(--luzmo-icon-size-s)}:host,:host([size=m]){--icon-size: var(--luzmo-icon-size-m)}:host([size=l]){--icon-size: var(--luzmo-icon-size-l)}:host([size=xl]){--icon-size: var(--luzmo-icon-size-xl)}:host([size=xxl]){--icon-size: var(--luzmo-icon-size-xxl)}:host(:not(:root)){overflow:visible}@media (forced-colors: active){:host{forced-color-adjust:auto}}img,svg,::slotted(*){height:100%;width:100%;vertical-align:top;color:inherit}@media (forced-colors: active){img,svg,::slotted(*){forced-color-adjust:auto}}";var d=Object.defineProperty,u=(t,i,n,z)=>{for(var e=void 0,s=t.length-1,l;s>=0;s--)(l=t[s])&&(e=l(i,n,e)||e);return e&&d(i,n,e),e};class a extends o.LuzmoElement{constructor(){super(...arguments),this.label=""}static get styles(){return[o.r(m)]}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}update(i){i.has("label")&&(this.label?this.removeAttribute("aria-hidden"):this.setAttribute("aria-hidden","true")),super.update(i)}render(){return o.x` <slot></slot> `}}u([o.n({reflect:!0})],a.prototype,"label");u([o.n({reflect:!0})],a.prototype,"size");var h=Object.defineProperty,c=(t,i,n,z)=>{for(var e=void 0,s=t.length-1,l;s>=0;s--)(l=t[s])&&(e=l(i,n,e)||e);return e&&h(i,n,e),e};class r extends a{constructor(){super(...arguments),this.block=!1}render(){return this.icon?v.O2(this.icon,this.options):this.src?o.x` <img src=${this.src} alt=${o.o(this.label)} /> `:super.render()}}c([o.n()],r.prototype,"src");c([o.n()],r.prototype,"options");c([o.n()],r.prototype,"icon");c([o.n({type:Boolean})],r.prototype,"block");customElements.get("luzmo-icon")||customElements.define("luzmo-icon",r);exports.LuzmoIcon=r;