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

package/components/index-Ct7UvUif.js

@@ -0,0 +1,787 @@
+/*! * 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 { r as oe, x as f, n as b } from "./property-DCzt3DR1.js";
+import { h as ne } from "./task-Bh_X-xIU.js";
+import "./index-CskV_bXp.js";
+import "./index-CsDgk_sj.js";
+import "./index-BC1LV3vH.js";
+import "./index-CbuHBIDB.js";
+import "./index-C3N6qTxJ.js";
+import "./index-DE3d0E0P.js";
+import "./index-BmshD32H.js";
+import { r as G } from "./state-nDsQPund.js";
+import { e as ae } from "./query-Ddbd72Um.js";
+import { a8 as V, af as le, a7 as ue } from "./luzmo-icons-CVeTZ59u.js";
+import { L as ce } from "./focusable-BbymtxWI.js";
+import { S as de, E as pe } from "./sized-mixin-BGzkX2g1.js";
+var he = Object.defineProperty, me = (e, t, s) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, L = (e, t, s) => (me(e, typeof t != "symbol" ? t + "" : t, s), s), ge = (e, t, s) => {
+  if (!t.has(e))
+    throw TypeError("Cannot " + s);
+}, P = (e, t) => {
+  if (Object(t) !== t)
+    throw TypeError('Cannot use the "in" operator on this value');
+  return e.has(t);
+}, N = (e, t, s) => {
+  if (t.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(e) : t.set(e, s);
+}, B = (e, t, s) => (ge(e, t, "access private method"), s);
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+function H(e, t) {
+  return Object.is(e, t);
+}
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+let u = null, x = !1, E = 1;
+const I = /* @__PURE__ */ Symbol("SIGNAL");
+function S(e) {
+  const t = u;
+  return u = e, t;
+}
+function ve() {
+  return u;
+}
+function fe() {
+  return x;
+}
+const A = {
+  version: 0,
+  lastCleanEpoch: 0,
+  dirty: !1,
+  producerNode: void 0,
+  producerLastReadVersion: void 0,
+  producerIndexOfThis: void 0,
+  nextProducerIndex: 0,
+  liveConsumerNode: void 0,
+  liveConsumerIndexOfThis: void 0,
+  consumerAllowSignalWrites: !1,
+  consumerIsAlwaysLive: !1,
+  producerMustRecompute: () => !1,
+  producerRecomputeValue: () => {
+  },
+  consumerMarkedDirty: () => {
+  },
+  consumerOnSignalRead: () => {
+  }
+};
+function O(e) {
+  if (x)
+    throw new Error(
+      typeof ngDevMode < "u" && ngDevMode ? "Assertion error: signal read during notification phase" : ""
+    );
+  if (u === null)
+    return;
+  u.consumerOnSignalRead(e);
+  const t = u.nextProducerIndex++;
+  if ($(u), t < u.producerNode.length && u.producerNode[t] !== e && R(u)) {
+    const s = u.producerNode[t];
+    k(s, u.producerIndexOfThis[t]);
+  }
+  u.producerNode[t] !== e && (u.producerNode[t] = e, u.producerIndexOfThis[t] = R(u) ? Q(e, u, t) : 0), u.producerLastReadVersion[t] = e.version;
+}
+function ye() {
+  E++;
+}
+function J(e) {
+  if (!(!e.dirty && e.lastCleanEpoch === E)) {
+    if (!e.producerMustRecompute(e) && !_e(e)) {
+      e.dirty = !1, e.lastCleanEpoch = E;
+      return;
+    }
+    e.producerRecomputeValue(e), e.dirty = !1, e.lastCleanEpoch = E;
+  }
+}
+function K(e) {
+  if (e.liveConsumerNode === void 0)
+    return;
+  const t = x;
+  x = !0;
+  try {
+    for (const s of e.liveConsumerNode)
+      s.dirty || ze(s);
+  } finally {
+    x = t;
+  }
+}
+function be() {
+  return (u == null ? void 0 : u.consumerAllowSignalWrites) !== !1;
+}
+function ze(e) {
+  var t;
+  e.dirty = !0, K(e), (t = e.consumerMarkedDirty) == null || t.call(e.wrapper ?? e);
+}
+function we(e) {
+  return e && (e.nextProducerIndex = 0), S(e);
+}
+function Ce(e, t) {
+  if (S(t), !(!e || e.producerNode === void 0 || e.producerIndexOfThis === void 0 || e.producerLastReadVersion === void 0)) {
+    if (R(e))
+      for (let s = e.nextProducerIndex; s < e.producerNode.length; s++)
+        k(e.producerNode[s], e.producerIndexOfThis[s]);
+    for (; e.producerNode.length > e.nextProducerIndex; )
+      e.producerNode.pop(), e.producerLastReadVersion.pop(), e.producerIndexOfThis.pop();
+  }
+}
+function _e(e) {
+  $(e);
+  for (let t = 0; t < e.producerNode.length; t++) {
+    const s = e.producerNode[t], o = e.producerLastReadVersion[t];
+    if (o !== s.version || (J(s), o !== s.version))
+      return !0;
+  }
+  return !1;
+}
+function Q(e, t, s) {
+  var o;
+  if (U(e), $(e), e.liveConsumerNode.length === 0) {
+    (o = e.watched) == null || o.call(e.wrapper);
+    for (let r = 0; r < e.producerNode.length; r++)
+      e.producerIndexOfThis[r] = Q(e.producerNode[r], e, r);
+  }
+  return e.liveConsumerIndexOfThis.push(s), e.liveConsumerNode.push(t) - 1;
+}
+function k(e, t) {
+  var s;
+  if (U(e), $(e), typeof ngDevMode < "u" && ngDevMode && t >= e.liveConsumerNode.length)
+    throw new Error(
+      `Assertion error: active consumer index ${t} is out of bounds of ${e.liveConsumerNode.length} consumers)`
+    );
+  if (e.liveConsumerNode.length === 1) {
+    (s = e.unwatched) == null || s.call(e.wrapper);
+    for (let r = 0; r < e.producerNode.length; r++)
+      k(e.producerNode[r], e.producerIndexOfThis[r]);
+  }
+  const o = e.liveConsumerNode.length - 1;
+  if (e.liveConsumerNode[t] = e.liveConsumerNode[o], e.liveConsumerIndexOfThis[t] = e.liveConsumerIndexOfThis[o], e.liveConsumerNode.length--, e.liveConsumerIndexOfThis.length--, t < e.liveConsumerNode.length) {
+    const r = e.liveConsumerIndexOfThis[t], l = e.liveConsumerNode[t];
+    $(l), l.producerIndexOfThis[r] = t;
+  }
+}
+function R(e) {
+  var t;
+  return e.consumerIsAlwaysLive || (((t = e == null ? void 0 : e.liveConsumerNode) == null ? void 0 : t.length) ?? 0) > 0;
+}
+function $(e) {
+  e.producerNode ?? (e.producerNode = []), e.producerIndexOfThis ?? (e.producerIndexOfThis = []), e.producerLastReadVersion ?? (e.producerLastReadVersion = []);
+}
+function U(e) {
+  e.liveConsumerNode ?? (e.liveConsumerNode = []), e.liveConsumerIndexOfThis ?? (e.liveConsumerIndexOfThis = []);
+}
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+function X(e) {
+  if (J(e), O(e), e.value === q)
+    throw e.error;
+  return e.value;
+}
+function Se(e) {
+  const t = Object.create($e);
+  t.computation = e;
+  const s = () => X(t);
+  return s[I] = t, s;
+}
+const W = /* @__PURE__ */ Symbol("UNSET"), D = /* @__PURE__ */ Symbol("COMPUTING"), q = /* @__PURE__ */ Symbol("ERRORED"), $e = {
+  ...A,
+  value: W,
+  dirty: !0,
+  error: null,
+  equal: H,
+  producerMustRecompute(e) {
+    return e.value === W || e.value === D;
+  },
+  producerRecomputeValue(e) {
+    if (e.value === D)
+      throw new Error("Detected cycle in computations.");
+    const t = e.value;
+    e.value = D;
+    const s = we(e);
+    let o, r = !1;
+    try {
+      o = e.computation.call(e.wrapper), r = t !== W && t !== q && e.equal.call(e.wrapper, t, o);
+    } catch (l) {
+      o = q, e.error = l;
+    } finally {
+      Ce(e, s);
+    }
+    if (r) {
+      e.value = t;
+      return;
+    }
+    e.value = o, e.version++;
+  }
+};
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+function xe() {
+  throw new Error();
+}
+let Te = xe;
+function Ne() {
+  Te();
+}
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+function Ee(e) {
+  const t = Object.create(ke);
+  t.value = e;
+  const s = () => (O(t), t.value);
+  return s[I] = t, s;
+}
+function Ie() {
+  return O(this), this.value;
+}
+function Oe(e, t) {
+  be() || Ne(), e.equal.call(e.wrapper, e.value, t) || (e.value = t, Le(e));
+}
+const ke = {
+  ...A,
+  equal: H,
+  value: void 0
+};
+function Le(e) {
+  e.version++, ye(), K(e);
+}
+/**
+ * @license
+ * Copyright 2024 Bloomberg Finance L.P.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const d = Symbol("node");
+var y;
+((e) => {
+  var t, s, o, r;
+  class l {
+    constructor(w, h = {}) {
+      N(this, s), L(this, t);
+      const p = Ee(w)[I];
+      if (this[d] = p, p.wrapper = this, h) {
+        const C = h.equals;
+        C && (p.equal = C), p.watched = h[e.subtle.watched], p.unwatched = h[e.subtle.unwatched];
+      }
+    }
+    get() {
+      if (!(0, e.isState)(this))
+        throw new TypeError("Wrong receiver type for Signal.State.prototype.get");
+      return Ie.call(this[d]);
+    }
+    set(w) {
+      if (!(0, e.isState)(this))
+        throw new TypeError("Wrong receiver type for Signal.State.prototype.set");
+      if (fe())
+        throw new Error("Writes to signals not permitted during Watcher callback");
+      const h = this[d];
+      Oe(h, w);
+    }
+  }
+  t = d, s = /* @__PURE__ */ new WeakSet(), e.isState = (c) => typeof c == "object" && P(s, c), e.State = l;
+  class z {
+    // Create a Signal which evaluates to the value returned by the callback.
+    // Callback is called with this signal as the parameter.
+    constructor(w, h) {
+      N(this, r), L(this, o);
+      const p = Se(w)[I];
+      if (p.consumerAllowSignalWrites = !0, this[d] = p, p.wrapper = this, h) {
+        const C = h.equals;
+        C && (p.equal = C), p.watched = h[e.subtle.watched], p.unwatched = h[e.subtle.unwatched];
+      }
+    }
+    get() {
+      if (!(0, e.isComputed)(this))
+        throw new TypeError("Wrong receiver type for Signal.Computed.prototype.get");
+      return X(this[d]);
+    }
+  }
+  o = d, r = /* @__PURE__ */ new WeakSet(), e.isComputed = (c) => typeof c == "object" && P(r, c), e.Computed = z, ((c) => {
+    var w, h, _, p;
+    function C(a) {
+      let n, i = null;
+      try {
+        i = S(null), n = a();
+      } finally {
+        S(i);
+      }
+      return n;
+    }
+    c.untrack = C;
+    function Y(a) {
+      var n;
+      if (!(0, e.isComputed)(a) && !(0, e.isWatcher)(a))
+        throw new TypeError("Called introspectSources without a Computed or Watcher argument");
+      return ((n = a[d].producerNode) == null ? void 0 : n.map((i) => i.wrapper)) ?? [];
+    }
+    c.introspectSources = Y;
+    function Z(a) {
+      var n;
+      if (!(0, e.isComputed)(a) && !(0, e.isState)(a))
+        throw new TypeError("Called introspectSinks without a Signal argument");
+      return ((n = a[d].liveConsumerNode) == null ? void 0 : n.map((i) => i.wrapper)) ?? [];
+    }
+    c.introspectSinks = Z;
+    function ee(a) {
+      if (!(0, e.isComputed)(a) && !(0, e.isState)(a))
+        throw new TypeError("Called hasSinks without a Signal argument");
+      const n = a[d].liveConsumerNode;
+      return n ? n.length > 0 : !1;
+    }
+    c.hasSinks = ee;
+    function te(a) {
+      if (!(0, e.isComputed)(a) && !(0, e.isWatcher)(a))
+        throw new TypeError("Called hasSources without a Computed or Watcher argument");
+      const n = a[d].producerNode;
+      return n ? n.length > 0 : !1;
+    }
+    c.hasSources = te;
+    class se {
+      // When a (recursive) source of Watcher is written to, call this callback,
+      // if it hasn't already been called since the last `watch` call.
+      // No signals may be read or written during the notify.
+      constructor(n) {
+        N(this, h), N(this, _), L(this, w);
+        let i = Object.create(A);
+        i.wrapper = this, i.consumerMarkedDirty = n, i.consumerIsAlwaysLive = !0, i.consumerAllowSignalWrites = !1, i.producerNode = [], this[d] = i;
+      }
+      // Add these signals to the Watcher's set, and set the watcher to run its
+      // notify callback next time any signal in the set (or one of its dependencies) changes.
+      // Can be called with no arguments just to reset the "notified" state, so that
+      // the notify callback will be invoked again.
+      watch(...n) {
+        if (!(0, e.isWatcher)(this))
+          throw new TypeError("Called unwatch without Watcher receiver");
+        B(this, _, p).call(this, n);
+        const i = this[d];
+        i.dirty = !1;
+        const g = S(i);
+        for (const T of n)
+          O(T[d]);
+        S(g);
+      }
+      // Remove these signals from the watched set (e.g., for an effect which is disposed)
+      unwatch(...n) {
+        if (!(0, e.isWatcher)(this))
+          throw new TypeError("Called unwatch without Watcher receiver");
+        B(this, _, p).call(this, n);
+        const i = this[d];
+        $(i);
+        for (let g = i.producerNode.length - 1; g >= 0; g--)
+          if (n.includes(i.producerNode[g].wrapper)) {
+            k(i.producerNode[g], i.producerIndexOfThis[g]);
+            const T = i.producerNode.length - 1;
+            if (i.producerNode[g] = i.producerNode[T], i.producerIndexOfThis[g] = i.producerIndexOfThis[T], i.producerNode.length--, i.producerIndexOfThis.length--, i.nextProducerIndex--, g < i.producerNode.length) {
+              const ie = i.producerIndexOfThis[g], M = i.producerNode[g];
+              U(M), M.liveConsumerIndexOfThis[ie] = g;
+            }
+          }
+      }
+      // Returns the set of computeds in the Watcher's set which are still yet
+      // to be re-evaluated
+      getPending() {
+        if (!(0, e.isWatcher)(this))
+          throw new TypeError("Called getPending without Watcher receiver");
+        return this[d].producerNode.filter((i) => i.dirty).map((i) => i.wrapper);
+      }
+    }
+    w = d, h = /* @__PURE__ */ new WeakSet(), _ = /* @__PURE__ */ new WeakSet(), p = function(a) {
+      for (const n of a)
+        if (!(0, e.isComputed)(n) && !(0, e.isState)(n))
+          throw new TypeError("Called watch/unwatch without a Computed or State argument");
+    }, e.isWatcher = (a) => P(h, a), c.Watcher = se;
+    function re() {
+      var a;
+      return (a = ve()) == null ? void 0 : a.wrapper;
+    }
+    c.currentComputed = re, c.watched = Symbol("watched"), c.unwatched = Symbol("unwatched");
+  })(e.subtle || (e.subtle = {}));
+})(y || (y = {}));
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Pe = Symbol("SignalWatcherBrand"), We = new FinalizationRegistry(({ watcher: e, signal: t }) => {
+  e.unwatch(t);
+}), F = /* @__PURE__ */ new WeakMap();
+function De(e) {
+  return e[Pe] === !0 ? (console.warn("SignalWatcher should not be applied to the same class more than once."), e) : class extends e {
+    constructor() {
+      super(...arguments), this._$St = new y.State(0), this._$Si = !1, this._$So = !0, this._$Sh = /* @__PURE__ */ new Set();
+    }
+    _$Sl() {
+      if (this._$Su !== void 0) return;
+      this._$Sv = new y.Computed(() => {
+        this._$St.get(), super.performUpdate();
+      });
+      const t = this._$Su = new y.subtle.Watcher(function() {
+        const s = F.get(this);
+        s !== void 0 && (s._$Si === !1 && s.requestUpdate(), this.watch());
+      });
+      F.set(t, this), We.register(this, { watcher: t, signal: this._$Sv }), t.watch(this._$Sv);
+    }
+    _$Sp() {
+      this._$Su !== void 0 && (this._$Su.unwatch(this._$Sv), this._$Sv = void 0, this._$Su = void 0);
+    }
+    performUpdate() {
+      this.isUpdatePending && (this._$Sl(), this._$Si = !0, this._$St.set(this._$St.get() + 1), this._$Si = !1, this._$Sv.get());
+    }
+    update(t) {
+      try {
+        this._$So ? (this._$So = !1, super.update(t)) : this._$Sh.forEach((s) => s.commit());
+      } finally {
+        this.isUpdatePending = !1, this._$Sh.clear();
+      }
+    }
+    requestUpdate(t, s, o) {
+      this._$So = !0, super.requestUpdate(t, s, o);
+    }
+    connectedCallback() {
+      super.connectedCallback(), this.requestUpdate();
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback(), queueMicrotask(() => {
+        this.isConnected === !1 && this._$Sp();
+      });
+    }
+    _(t) {
+      this._$Sh.add(t);
+      const s = this._$So;
+      this.requestUpdate(), this._$So = s;
+    }
+    m(t) {
+      this._$Sh.delete(t);
+    }
+  };
+}
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+y.State;
+y.Computed;
+const st = (e, t) => new y.State(e, t), rt = (e, t) => new y.Computed(e, t);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let Re = class extends Event {
+  constructor(t, s, o, r) {
+    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.contextTarget = s, this.callback = o, this.subscribe = r ?? !1;
+  }
+};
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class j {
+  constructor(t, s, o, r) {
+    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (l, z) => {
+      this.unsubscribe && (this.unsubscribe !== z && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = l, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(l, z)), this.unsubscribe = z;
+    }, this.host = t, s.context !== void 0) {
+      const l = s;
+      this.context = l.context, this.callback = l.callback, this.subscribe = l.subscribe ?? !1;
+    } else this.context = s, this.callback = o, this.subscribe = r ?? !1;
+    this.host.addController(this);
+  }
+  hostConnected() {
+    this.dispatchRequest();
+  }
+  hostDisconnected() {
+    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
+  }
+  dispatchRequest() {
+    this.host.dispatchEvent(new Re(this.context, this.host, this.t, this.subscribe));
+  }
+}
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function qe({ context: e, subscribe: t }) {
+  return (s, o) => {
+    typeof o == "object" ? o.addInitializer(function() {
+      new j(this, { context: e, callback: (r) => {
+        s.set.call(this, r);
+      }, subscribe: t });
+    }) : s.constructor.addInitializer((r) => {
+      new j(r, { context: e, callback: (l) => {
+        r[o] = l;
+      }, subscribe: t });
+    });
+  };
+}
+const Ae = Symbol("slot-store-context"), Ue = ":host{font-family:var(--luzmo-display-settings-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}.settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap))}luzmo-divider{margin:var(--luzmo-display-settings-ids-container-vertical-margin, var(--display-settings-ids-container-vertical-margin)) 0}.setting{display:flex;align-items:center}.label-action-container{display:flex;align-items:center;justify-content:space-between;gap:var(--luzmo-display-settings-info-to-remove-icon-gap, var(--display-settings-info-to-remove-icon-gap))}.id-button,.remove-button{outline:none;cursor:pointer;border:none;background:none;font-size:var(--luzmo-display-settings-font-size, var(--display-settings-font-size));color:var(--luzmo-display-settings-font-color, var(--luzmo-font-color))}.remove-button{display:block;width:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));height:var(--luzmo-display-settings-remove-button-size, var(--display-settings-remove-button-size));border-radius:var(--luzmo-display-settings-remove-button-border-radius, 50%)}.remove-button:hover{background-color:var(--luzmo-display-settings-remove-button-background-color-hover, var(--luzmo-background-color-hover))}.remove-button:active,.remove-button:focus{background-color:var(--luzmo-display-settings-remove-button-background-color-down, var(--luzmo-background-color-down))}.remove-button:focus-visible{box-shadow:0 0 0 var(--luzmo-display-settings-remove-button-indicator-thickness, var(--display-settings-remove-button-indicator-thickness)) var(--highcontrast-remove-button-indicator-color, var(--luzmo-display-settings-remove-button-indicator-color, var(--display-settings-remove-button-indicator-color)))}.ids-container{display:flex;flex-direction:column;gap:var(--luzmo-display-settings-gap, var(--display-settings-gap));border-radius:50%}.id-label{text-transform:var(--luzmo-display-settings-id-label-text-transform, var(--display-settings-id-label-text-transform));font-size:var(--luzmo-display-settings-id-label-font-size, var(--display-settings-id-label-font-size));color:var(--luzmo-display-settings-id-label-color, var(--display-settings-id-label-color))}:host{--display-settings-font-family: var(--luzmo-font-family);--display-settings-id-label-text-transform: uppercase;--display-settings-id-label-color: var(--luzmo-secondary);--display-settings-remove-button-indicator-color: var(--luzmo-primary);--display-settings-remove-button-indicator-thickness: var( --luzmo-border-width )}:host{--display-settings-font-size: var(--luzmo-font-size);--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-4);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-5);--display-settings-remove-button-size: var(--luzmo-component-height)}:host([size=s]){--display-settings-id-label-font-size: var(--luzmo-font-size-s);--display-settings-font-size: var(--luzmo-font-size-s);--display-settings-gap: var(--luzmo-spacing-3);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-3);--display-settings-info-to-remove-icon-gap: var(--luzmo-spacing-4);--display-settings-remove-button-size: var(--luzmo-component-height-s)}:host([size=l]){--display-settings-id-label-font-size: var(--luzmo-font-size);--display-settings-font-size: var(--luzmo-font-size-l);--display-settings-gap: var(--luzmo-spacing-4);--display-settings-ids-container-vertical-margin: var(--luzmo-spacing-5);--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-remove-button-size: var(--luzmo-component-height-l)}:host([size=xl]){--display-settings-id-label-font-size: var(--luzmo-font-size-l);--display-settings-font-size: var(--luzmo-font-size-xl);--display-settings-gap: var(--luzmo-spacing-5);--display-settings-ids-container-vertical-margin: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--display-settings-info-to-remove-icon-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--display-settings-remove-button-size: var(--luzmo-component-height-xl)}";
+var Me = Object.defineProperty, v = (e, t, s, o) => {
+  for (var r = void 0, l = e.length - 1, z; l >= 0; l--)
+    (z = e[l]) && (r = z(t, s, r) || r);
+  return r && Me(t, s, r), r;
+};
+class m extends De(
+  de(ce, {
+    validSizes: Object.values(pe)
+  })
+) {
+  constructor() {
+    super(...arguments), this._loadDisplaySettings = new ne(this, {
+      task: async ([t, s, o]) => {
+        const r = [];
+        this.grandTotals && r.push("grandTotals"), this.periodOverPeriod && r.push("periodOverPeriod"), (s === "numeric" || s === "mixed" && (t == null ? void 0 : t.type) === "numeric") && r.push("numeric"), s !== "numeric" && (t == null ? void 0 : t.type) === "datetime" && r.push("datetime"), !["numeric", "mixed"].includes(s ?? "") && (t == null ? void 0 : t.type) === "numeric" && !this.binningDisabled && r.push("binning"), r.length > 0 && !o && (r.includes("numeric") && !this._settingsTypeLoaded.numeric ? (await import("./display-settings-numeric/index.js"), this._settingsTypeLoaded.numeric = !0, r.includes("periodOverPeriod") && !this._settingsTypeLoaded.periodOverPeriod && (await import("./display-settings-period-over-period/index.js"), this._settingsTypeLoaded.periodOverPeriod = !0)) : r.includes("datetime") && !this._settingsTypeLoaded.datetime ? (await import("./display-settings-datetime/index.js"), this._settingsTypeLoaded.datetime = !0) : r.includes("binning") && !this._settingsTypeLoaded.binning ? (await import("./display-settings-binning/index.js"), this._settingsTypeLoaded.binning = !0) : r.includes("grandTotals") && !this._settingsTypeLoaded.grandTotals && (await import("./display-settings-grand-totals/index.js"), this._settingsTypeLoaded.grandTotals = !0));
+      },
+      args: () => [this.slotContent, this.slotType, this.hideDisplaySettings]
+    }), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.slotContent = {}, this._showIds = !1, this.measureColumns = [], this._settingsTypeLoaded = {
+      binning: !1,
+      datetime: !1,
+      numeric: !1,
+      grandTotals: !1,
+      periodOverPeriod: !1,
+      hierarchy: !0
+    }, this._currentSlotContent = {};
+  }
+  static get styles() {
+    return [oe(Ue)];
+  }
+  willUpdate() {
+    var s, o;
+    const t = (s = this._store) == null ? void 0 : s.activeSlotContents.get();
+    this.periodOverPeriod = (o = this._store) == null ? void 0 : o.periodOverPeriodEnabled.get(), t && t !== this._currentSlotContent && (this._currentSlotContent = structuredClone(t));
+  }
+  _onSlotContentChange(t) {
+    t.stopPropagation(), t.preventDefault(), this._currentSlotContent = structuredClone(t.detail.slotContent), this._sendEvent(), this.requestUpdate();
+  }
+  _onLabelChange() {
+    this._currentSlotContent = structuredClone(this._currentSlotContent), this._currentSlotContent.label = this._multiLanguageFieldElement.value || {}, this._sendEvent(), this.requestUpdate();
+  }
+  _sendEvent() {
+    this.dispatchEvent(
+      new CustomEvent("slot-content-changed", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          slotContent: { ...this._currentSlotContent }
+        }
+      })
+    ), this._store && this._store.updateContent({ ...this._currentSlotContent });
+  }
+  _removeEvent() {
+    this.dispatchEvent(
+      new CustomEvent("remove-slot-content", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          slotContent: this._currentSlotContent
+        }
+      })
+    );
+  }
+  _toggleIds() {
+    this._showIds = !this._showIds;
+  }
+  _renderDisplaySettings() {
+    return f`<div class="settings-container">
+        <div class="settings-row">
+          <div class="setting">
+            <div class="label-container">
+              <luzmo-field-label side-aligned="start" .size=${this.size}
+                >Label:</luzmo-field-label
+              >
+              <luzmo-multi-language-field
+                .language=${this.language}
+                .value=${this._currentSlotContent.label}
+                .size=${this.size}
+                debounce="200"
+                @change=${this._onLabelChange}
+              ></luzmo-multi-language-field>
+            </div>
+            <div class="label-action-container">
+              <button class="id-button" @click=${this._toggleIds}>
+                ${V(le)}
+                <luzmo-tooltip self-managed placement="top" size=${this.size}>
+                  Show dataset and column id's
+                </luzmo-tooltip>
+              </button>
+              ${this.showRemoveButton ? f`<button
+                    class="remove-button"
+                    @click=${this._removeEvent}
+                  >
+                    ${V(ue)}
+                    <luzmo-tooltip
+                      self-managed
+                      placement="top"
+                      size=${this.size}
+                    >
+                      Remove
+                    </luzmo-tooltip>
+                  </button>` : ""}
+            </div>
+          </div>
+        </div>
+        ${this.grandTotals ? f`<luzmo-display-settings-grand-totals
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-grand-totals>` : ""}
+        ${this.slotType === "numeric" || this.slotType === "mixed" && this.slotContent.type === "numeric" ? f`<luzmo-display-settings-numeric
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              .measureColumns=${this.measureColumns}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-numeric>` : ""}
+        ${this.slotType !== "numeric" && this.slotContent.type === "datetime" ? f`<luzmo-display-settings-datetime
+              .language=${this.language}
+              .contentLanguage=${this.contentLanguage}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-datetime>` : ""}
+        ${!["numeric", "mixed"].includes(this.slotType ?? "") && this.slotContent.type === "numeric" && !this.binningDisabled ? f`<luzmo-display-settings-binning
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-binning>` : ""}
+        ${this.periodOverPeriod ? f`<luzmo-display-settings-period-over-period
+              .language=${this.language}
+              .slotContent=${this._currentSlotContent}
+              .size=${this.size}
+              @slot-content-changed=${this._onSlotContentChange}
+            ></luzmo-display-settings-period-over-period>` : ""}
+      </div>
+      ${this._showIds ? f` <luzmo-divider></luzmo-divider>
+            <div class="ids-container">
+              <div>
+                <span class="id-label">Column: </span>
+                ${this._currentSlotContent.columnId ?? // eslint-disable-next-line @typescript-eslint/no-deprecated
+    this._currentSlotContent.column}
+              </div>
+              <div>
+                <span class="id-label">Dataset: </span>
+                ${this._currentSlotContent.datasetId ?? // eslint-disable-next-line @typescript-eslint/no-deprecated
+    this._currentSlotContent.set}
+              </div>
+              <div></div>
+            </div>` : ""}`;
+  }
+  render() {
+    return this._loadDisplaySettings.render({
+      pending: () => f`<luzmo-progress-circle
+          indeterminate
+          .size=${this.size}
+        ></luzmo-progress-circle>`,
+      complete: () => this._renderDisplaySettings(),
+      error: () => this._renderDisplaySettings()
+    });
+  }
+}
+v([
+  b({ type: String })
+], m.prototype, "language");
+v([
+  b({ type: String, attribute: "content-language" })
+], m.prototype, "contentLanguage");
+v([
+  b({ type: Boolean, attribute: "hide-display-settings" })
+], m.prototype, "hideDisplaySettings");
+v([
+  b({ type: Boolean, attribute: "binning-disabled" })
+], m.prototype, "binningDisabled");
+v([
+  b({ type: Boolean, attribute: "grand-totals" })
+], m.prototype, "grandTotals");
+v([
+  G()
+], m.prototype, "periodOverPeriod");
+v([
+  b({ type: Boolean, attribute: "show-remove-button" })
+], m.prototype, "showRemoveButton");
+v([
+  b({ type: String, attribute: "slot-type" })
+], m.prototype, "slotType");
+v([
+  b()
+], m.prototype, "slotContent");
+v([
+  G()
+], m.prototype, "_showIds");
+v([
+  b({ type: Array, reflect: !1 })
+], m.prototype, "measureColumns");
+v([
+  ae("luzmo-multi-language-field")
+], m.prototype, "_multiLanguageFieldElement");
+v([
+  qe({ context: Ae, subscribe: !0 })
+], m.prototype, "_store");
+customElements.get("luzmo-display-settings") || customElements.define("luzmo-display-settings", m);
+export {
+  m as L,
+  Re as a,
+  qe as c,
+  De as e,
+  rt as i,
+  st as r,
+  Ae as s
+};