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

package/lib/index-CtEJZdT0.js

@@ -1,1627 +0,0 @@
-/*! * 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 { _ as ot, d as pt, a as lt, l as K, s as ht, g as X } from "./get-css-variable-BHHQ0SnL.js";
-import { b as mt, S as E, L, r as S, E as P, x as s, n as i, e as O, T as N, o as b, f as gt, a as W } from "./if-defined-BbzmSG-O.js";
-import { O as C, I as vt, j as ft, y as bt, i as zt, G as H, g as xt, J as yt, K as wt } from "./index-DdtjeKYI.js";
-import { E as kt, c as it, d as Ct, a as G, b as _t, e as $t, i as Et, t as j, f as St, m as Tt, r as Y } from "./directive-helpers-eY1rHtyn.js";
-import { F as Lt, s as qt } from "./divider.module-BW8qaMVq.js";
-import "./progress-circle/index.js";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let It;
-function Pt(n) {
-  return (t, e) => mt(t, e, { get() {
-    return (this.renderRoot ?? It ?? (It = document.createDocumentFragment())).querySelectorAll(n);
-  } });
-}
-const Ot = ":host{box-sizing:border-box;min-block-size:var(--luzmo-field-label-min-height, var(--field-label-min-height));padding-block:var(--luzmo-field-label-padding-block, var(--luzmo-field-label-top-to-text, var(--field-label-top-to-text)) var(--luzmo-field-label-bottom-to-text, var(--field-label-bottom-to-text)));padding-inline:0;padding-inline:var(--luzmo-field-label-padding-inline, 0);margin-block:0;margin-block:var(--luzmo-field-label-margin-block, var(--luzmo-field-label-margin-block-start, 0) var(--luzmo-field-label-margin-block-end, 0));margin-inline:0;margin-inline:var(--luzmo-field-label-margin-inline, var(--luzmo-field-label-margin-inline-start, 0) var(--luzmo-field-label-margin-inline-end, 0));font-size:var(--luzmo-field-label-font-size, var(--field-label-font-size));font-weight:var(--luzmo-field-label-font-weight, var(--field-label-font-weight));line-height:var(--luzmo-field-label-line-height, var(--field-label-line-height));-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;color:var(--luzmo-field-label-color, var(--field-label-color));display:block;font-family:var(--luzmo-field-label-font-family, var(--luzmo-font-family))}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){--luzmo-field-label-line-height: var( --luzmo-field-label-line-height-cjk, var(--field-label-line-height-cjk) )}:host([disabled]),:host([disabled]) .required-icon{--luzmo-field-label-color: var( --highcontrast-field-label-disabled-content-color, var( --luzmo-disabled-content-color, var(--field-label-disabled-content-color) ) )}.required-icon{display:inline-block;margin-block:0;margin-inline:var(--luzmo-field-label-text-to-asterisk, var(--field-label-text-to-asterisk)) 0;vertical-align:initial;vertical-align:var(--luzmo-field-label-asterisk-vertical-align, baseline)}:host([side-aligned=start]),:host([side-aligned=end]){vertical-align:top;margin-block-start:0;margin-block-end:0;margin-inline-end:var(--luzmo-field-label-side-padding-right, var(--field-label-side-padding-right));display:inline-flex;align-items:center;font-size:var(--luzmo-field-label-side-aligned-font-size, var(--field-label-side-aligned-font-size));block-size:var(--luzmo-field-label-side-aligned-height, var(--field-label-side-aligned-height))}:host([side-aligned=end]){text-align:end}@media (forced-colors: active){:host{--highcontrast-field-label-disabled-content-color: GrayText}}:host{--field-label-color: var(--luzmo-font-color);--field-label-font-weight: var(--luzmo-font-weight);--field-label-line-height: var(--luzmo-line-height);--field-label-line-height-cjk: 1.5;--field-label-disabled-content-color: var(--luzmo-font-color-disabled)}:host{--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height);--field-label-top-to-text: calc(var(--luzmo-spacing-2));--field-label-bottom-to-text: var(--luzmo-spacing-2);--field-label-side-aligned-font-size: var(--luzmo-font-size);--field-label-font-size: var(--luzmo-font-size-s);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: 0px}:host([size=s]){--field-label-min-height: var(--luzmo-component-height-xxs);--field-label-side-aligned-height: var(--luzmo-component-height-s);--field-label-top-to-text: calc(var(--luzmo-spacing-1));--field-label-bottom-to-text: var(--luzmo-spacing-1);--field-label-side-aligned-font-size: var(--luzmo-font-size-s);--field-label-font-size: var(--luzmo-font-size-xs);--field-label-side-padding-right: var(--luzmo-spacing-3);--field-label-text-to-asterisk: 0px}:host([size=l]){--field-label-min-height: var(--luzmo-component-height-xs);--field-label-side-aligned-height: var(--luzmo-component-height-l);--field-label-top-to-text: var(--luzmo-spacing-3);--field-label-bottom-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--field-label-side-aligned-font-size: var(--luzmo-font-size-l);--field-label-font-size: var(--luzmo-font-size);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}:host([size=xl]){--field-label-min-height: var(--luzmo-component-height-s);--field-label-side-aligned-height: var(--luzmo-component-height-xl);--field-label-top-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--field-label-bottom-to-text: var(--luzmo-spacing-3);--field-label-side-aligned-font-size: var(--luzmo-font-size-xl);--field-label-font-size: var(--luzmo-font-size-l);--field-label-side-padding-right: var(--luzmo-spacing-4);--field-label-text-to-asterisk: var(--luzmo-spacing-1)}label{display:inline-block}";
-var Dt = Object.defineProperty, A = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && Dt(t, e, o), o;
-};
-const jt = () => s`
-  <div class="icon-container required-icon">*</div>
-`;
-class D extends E(L, {
-  noDefaultSize: !0
-}) {
-  constructor() {
-    super(...arguments), this.disabled = !1, this.id = "", this.for = "", this.required = !1, this.resolvedElement = new kt(this);
-  }
-  static get styles() {
-    return [S(Ot)];
-  }
-  handleClick(t) {
-    if (!this.target || this.disabled || t.defaultPrevented)
-      return;
-    this.target.focus();
-    const e = this.getRootNode(), l = this.target, o = l.getRootNode(), a = o.host;
-    o === e && l.forceFocusVisible ? l.forceFocusVisible() : a && a.forceFocusVisible && a.forceFocusVisible();
-  }
-  applyTargetLabel(t) {
-    if (this.target = t || this.target, this.target) {
-      const e = this.target.applyFocusElementLabel, l = this.target.focusElement || this.target, o = l.getRootNode();
-      e !== void 0 ? e(this.labelText, this) : o === this.getRootNode() ? (t ? it : Ct)(l, "aria-labelledby", [this.id]) : t ? l.setAttribute("aria-label", this.labelText) : l.removeAttribute("aria-label");
-    }
-  }
-  async manageTarget() {
-    this.applyTargetLabel();
-    const t = this.resolvedElement.element;
-    if (!t) {
-      this.target = t;
-      return;
-    }
-    t.localName.search("-") > 0 && await customElements.whenDefined(t.localName), t.updateComplete !== void 0 && await t.updateComplete, this.applyTargetLabel(t);
-  }
-  get labelText() {
-    const t = this.slotEl.assignedNodes({ flatten: !0 });
-    return t.length === 0 ? "" : t.map(
-      (l) => (l.textContent || /* c8 ignore next */
-      "").trim()
-    ).join(" ");
-  }
-  render() {
-    return s`
-      <label>
-        <slot></slot>
-        ${this.required ? s` ${jt()} ` : P}
-      </label>
-    `;
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.addEventListener("click", this.handleClick);
-  }
-  willUpdate(t) {
-    this.hasAttribute("id") || this.setAttribute("id", `${this.tagName.toLowerCase()}-${G()}`), t.has("for") && (this.resolvedElement.selector = this.for ? `#${this.for}` : ""), (t.has("id") || t.has(_t)) && this.manageTarget();
-  }
-}
-A([
-  i({ type: Boolean, reflect: !0 })
-], D.prototype, "disabled");
-A([
-  i({ type: String })
-], D.prototype, "id");
-A([
-  i({ type: String })
-], D.prototype, "for");
-A([
-  i({ type: Boolean, reflect: !0 })
-], D.prototype, "required");
-A([
-  O("slot")
-], D.prototype, "slotEl");
-A([
-  i({ type: String, reflect: !0, attribute: "side-aligned" })
-], D.prototype, "sideAligned");
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const At = $t(class extends Et {
-  constructor(n) {
-    if (super(n), n.type !== j.PROPERTY && n.type !== j.ATTRIBUTE && n.type !== j.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
-    if (!St(n)) throw Error("`live` bindings can only contain a single expression");
-  }
-  render(n) {
-    return n;
-  }
-  update(n, [t]) {
-    if (t === N || t === P) return t;
-    const e = n.element, l = n.name;
-    if (n.type === j.PROPERTY) {
-      if (t === e[l]) return N;
-    } else if (n.type === j.BOOLEAN_ATTRIBUTE) {
-      if (!!t === e.hasAttribute(l)) return N;
-    } else if (n.type === j.ATTRIBUTE && e.getAttribute(l) === t + "") return N;
-    return Tt(n), t;
-  }
-});
-class Bt {
-  constructor(t, { mode: e } = { mode: "internal" }) {
-    this.mode = "internal", this.handleSlotchange = ({
-      target: l
-    }) => {
-      this.handleHelpText(l), this.handleNegativeHelpText(l);
-    }, this.host = t, this.id = `luzmo-help-text-${G()}`, this.mode = e;
-  }
-  get isInternal() {
-    return this.mode === "internal";
-  }
-  render(t) {
-    return s`
-      <div
-        id=${b(this.isInternal ? this.id : void 0)}
-        aria-live="assertive"
-      >
-        <slot
-          name=${t ? "negative-help-text" : `pass-through-help-text-${G()}`}
-          @slotchange=${this.handleSlotchange}
-        >
-          <slot name="help-text"></slot>
-        </slot>
-      </div>
-    `;
-  }
-  addId() {
-    const t = this.helpTextElement ? this.helpTextElement.id : this.id;
-    this.conditionId = it(
-      this.host,
-      "aria-describedby",
-      t
-    ), this.host.hasAttribute("tabindex") && (this.previousTabindex = Number.parseFloat(
-      this.host.getAttribute("tabindex")
-    )), this.host.tabIndex = 0;
-  }
-  removeId() {
-    this.conditionId && (this.conditionId(), delete this.conditionId), !this.helpTextElement && (this.previousTabindex ? this.host.tabIndex = this.previousTabindex : this.host.removeAttribute("tabindex"));
-  }
-  handleHelpText(t) {
-    if (this.isInternal)
-      return;
-    this.helpTextElement && this.helpTextElement.id === this.id && this.helpTextElement.removeAttribute("id"), this.removeId();
-    const l = t.assignedElements()[0];
-    this.helpTextElement = l, l && (l.id || (l.id = this.id), this.addId());
-  }
-  handleNegativeHelpText(t) {
-    if (t.name !== "negative-help-text")
-      return;
-    t.assignedElements().forEach(
-      (l) => l.variant = "negative"
-    );
-  }
-}
-function nt(n, { mode: t } = { mode: "internal" }) {
-  class e extends n {
-    constructor() {
-      super(...arguments), this.helpTextManager = new Bt(this, { mode: t });
-    }
-    get helpTextId() {
-      return this.helpTextManager.id;
-    }
-    renderHelpText(o) {
-      return this.helpTextManager.render(o);
-    }
-  }
-  return e;
-}
-const Ft = '#text-field{--luzmo-text-field-input-line-height: var( --luzmo-text-field-height, var(--text-field-height) );text-overflow:ellipsis;inline-size:var(--luzmo-text-field-width, 240px);grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #text-field:after{content:"";pointer-events:none;inline-size:100%;block-size:var(--luzmo-text-field-focus-indicator-width, 2px);position:absolute;inset-block-end:calc((var(--luzmo-text-field-focus-indicator-gap, 2px) + var(--luzmo-text-field-focus-indicator-width, 2px)) * -1);inset-inline-start:0}:host([quiet][focused]) #text-field:after{background-color:var(--highcontrast-text-field-focus-indicator-color, var(--luzmo-text-field-focus-indicator-color, var(--luzmo-color-informative)))}:host([quiet][invalid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid, var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid)))}:host([quiet][valid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid, var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid, var(--text-field-icon-size-valid)))}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0;display:flex;align-items:center;justify-content:center}#text-field.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-valid, var(--text-field-icon-size-valid));color:var(--highcontrast-text-field-icon-color-valid, var(--luzmo-text-field-icon-color-valid, var(--luzmo-color-positive)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-valid, var(--text-field-icon-spacing-block-valid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-valid, var(--text-field-icon-spacing-block-valid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-valid, var(--text-field-icon-spacing-inline-end-valid))}:host([invalid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid));color:var(--highcontrast-text-field-icon-color-invalid, var(--luzmo-text-field-icon-color-invalid, var(--luzmo-color-negative)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid, var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid, var(--text-field-icon-spacing-block-invalid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-invalid, var(--text-field-icon-spacing-inline-end-invalid))}:host([disabled]) #text-field .icon,:host([readonly]) #text-field .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-valid, 0px)}:host([quiet][invalid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-invalid, 0px)}#text-field .luzmo-field-label{grid-area:1/1/auto/span 1;margin-block-end:var(--luzmo-text-field-label-spacing-block, 0px)}:host([quiet]) .luzmo-field-label{margin-block-end:var(--luzmo-text-field-label-spacing-block-quiet, var(--text-field-label-spacing-block-quiet))}:host([disabled]) .luzmo-field-label{color:var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled))}#text-field .luzmo-help-text{grid-area:3/1/auto/span 2;margin-block-start:var(--luzmo-text-field-helptext-spacing-block, 0px)}.luzmo-text-field-characterCount{inline-size:auto;font-size:var(--luzmo-text-field-character-count-font-size, var(--text-field-character-count-font-size));font-family:var(--luzmo-text-field-character-count-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-text-field-character-count-font-weight, var(--luzmo-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--luzmo-text-field-character-count-spacing-block, var(--text-field-character-count-spacing-block));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline, 12px);margin-inline-end:0;padding-inline-end:calc(var(--luzmo-text-field-corner-radius, var(--luzmo-border-radius)) / 2);display:inline-flex}:host([quiet]) .luzmo-text-field-characterCount{margin-block-end:var(--luzmo-text-field-character-count-spacing-block-quiet, var(--text-field-character-count-spacing-block-quiet))}.input{text-align:var(--luzmo-text-field-text-align, start);line-height:var(--luzmo-text-field-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--luzmo-text-field-min-width, 1.5);block-size:var(--luzmo-text-field-height, var(--text-field-height));padding-block-start:calc(var(--luzmo-text-field-spacing-block-start, var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)));padding-block-end:calc(var(--luzmo-text-field-spacing-block-end, var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)));padding-inline:calc(var(--luzmo-text-field-spacing-inline, var(--text-field-spacing-inline)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)));vertical-align:top;background-color:var(--luzmo-text-field-background-color, var(--luzmo-background-color));border-color:var(--highcontrast-text-field-border-color, var(--luzmo-text-field-border-color, var(--luzmo-border-color)));border-style:solid;border-width:var(--luzmo-text-field-border-width, var(--luzmo-border-width));border-radius:var(--luzmo-text-field-corner-radius, var(--luzmo-border-radius));transition:border-color var(--luzmo-text-field-animation-duration, var(--luzmo-animation-duration)) ease-in-out;font-size:var(--luzmo-text-field-placeholder-font-size, var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight, var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default, var(--luzmo-text-field-text-color-default, var(--luzmo-font-color)));text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:text-field}:host([type=number]) .input::-webkit-inner-spin-button,:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--luzmo-text-field-placeholder-font-size, var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight, var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default, var(--luzmo-text-field-placeholder-text-color-default, var(--luzmo-font-color-disabled)));transition:color var(--luzmo-text-field-animation-duration, var(--luzmo-animation-duration)) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-text-field-border-color-focus, var(--luzmo-text-field-border-color-focus, var(--luzmo-primary)));color:var(--highcontrast-text-field-text-color-focus, var(--luzmo-text-field-text-color-focus, var(--luzmo-font-color-hard)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-text-field-text-color-focus, var(--luzmo-text-field-placeholder-text-color-focus, var(--luzmo-color-disabled)))}:host([focused]) .input{border-color:var(--highcontrast-text-field-border-color-keyboard-focus, var(--luzmo-text-field-border-color-keyboard-focus, var(--luzmo-primary)));outline:var(--luzmo-text-field-focus-indicator-width, 0) solid;outline-color:var(--highcontrast-text-field-focus-indicator-color, var(--luzmo-text-field-focus-indicator-color, var(--luzmo-color-informative)));outline-offset:var(--luzmo-text-field-focus-indicator-gap, 2px);color:var(--highcontrast-text-field-text-color-keyboard-focus, var(--luzmo-text-field-text-color-keyboard-focus, var(--luzmo-font-color-hard)))}:host([focused]) .input::placeholder{color:var(--highcontrast-text-field-text-color-keyboard-focus, var(--luzmo-text-field-placeholder-text-color-keyboard-focus, var(--luzmo-color-disabled)))}:host([valid]) .input{color:var(--highcontrast-text-field-text-color-valid, var(--luzmo-text-field-text-color-valid, var(--luzmo-font-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid, var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid, var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid, var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)))}:host([invalid]) .input{color:var(--highcontrast-text-field-text-color-invalid, var(--luzmo-text-field-text-color-invalid, var(--luzmo-font-color)));border-color:var(--highcontrast-text-field-border-color-invalid-default, var(--luzmo-text-field-border-color-invalid-default, var(luzmo-danger-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid, var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid, var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-text-field-border-color-invalid-focus, var(--luzmo-text-field-border-color-invalid-focus, var(luzmo-danger-color)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-text-field-border-color-invalid-keyboard-focus, var(--luzmo-text-field-border-color-invalid-keyboard-focus, var(luzmo-danger-color)))}.input:disabled,:host([disabled]) #text-field .input{background-color:var(--luzmo-text-field-background-color-disabled, var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #text-field .input,:host([disabled]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([border=none]) .input{border-width:0;outline:none}:host([quiet]) .input{padding-block-start:var(--luzmo-text-field-spacing-block-start, var(--luzmo-spacing-2));padding-inline:var(--luzmo-text-field-spacing-inline-quiet, 0px);background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--luzmo-text-field-spacing-block-quiet, 0px);overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled, var(--luzmo-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-color-disabled)))}.input:read-only,:host([readonly]) #text-field .input{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly, var(--luzmo-text-field-text-color-readonly, var(--luzmo-font-color)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-readonly, var(--luzmo-text-field-text-color-readonly, var(--luzmo-color-disabled)));background-color:initial}@media (hover: hover){.input:hover,#text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-hover, var(--luzmo-text-field-border-color-hover, rgba(var(--luzmo-primary-rgb), .3)))}.input:hover,#text-field:hover .input{color:var(--highcontrast-text-field-text-color-hover, var(--luzmo-text-field-text-color-hover, var(--luzmo-font-color-hard)))}.input:hover::placeholder,#text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-hover, var(--luzmo-text-field-placeholder-text-color-hover, var(--luzmo-color-disabled)))}:host([focused]) .input:hover,:host([focused]) #text-field:hover .input,.input:focus:hover{border-color:var(--highcontrast-text-field-border-color-focus-hover, var(--luzmo-text-field-border-color-focus-hover, var(--luzmo-primary)))}:host([focused]) .input:hover,.input:focus:hover{color:var(--highcontrast-text-field-text-color-focus-hover, var(--luzmo-text-field-text-color-focus-hover, var(--luzmo-font-color-hard)))}:host([focused]) .input:hover::placeholder,.input:focus:hover::placeholder{color:var(--highcontrast-text-field-text-color-focus-hover, var(--luzmo-text-field-placeholder-text-color-focus-hover, var(--luzmo-color-disabled)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-text-field-border-color-invalid-hover, var(--luzmo-text-field-border-color-invalid-hover, var(luzmo-danger-color)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-text-field-border-color-invalid-focus-hover, var(--luzmo-text-field-border-color-invalid-focus-hover, var(luzmo-danger-color)))}:host([disabled]) #text-field:hover .input{background-color:var(--luzmo-text-field-background-color-disabled, var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #text-field:hover .input,:host([disabled]) #text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled, var(--luzmo-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([readonly]) #text-field:hover .input{border-color:#0000;outline:none}:host([readonly]) #text-field:hover .input,:host([readonly]) #text-field:hover .input::placeholder{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly, var(--luzmo-text-field-text-color-readonly, var(--luzmo-font-color)))}}.luzmo-text-field--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.luzmo-text-field--sideLabel:after{grid-area:1/2/span 1/span 1}.luzmo-text-field--sideLabel .luzmo-field-label{grid-area:1/1/span 2/span 1;margin-inline-end:var(--luzmo-text-field-label-spacing-inline-side-label, var(--text-field-label-spacing-inline-side-label))}.luzmo-text-field--sideLabel .luzmo-text-field-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--luzmo-text-field-character-count-spacing-block-side, var(--text-field-character-count-spacing-block-side));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline-side, 12px)}.luzmo-text-field--sideLabel .luzmo-help-text{grid-area:2/2/auto/span 1}.luzmo-text-field--sideLabel .input,.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--luzmo-text-field-input-line-height: normal}:host([multiline]) .input{min-inline-size:var(--luzmo-text-area-min-inline-size, 112px);min-block-size:var(--luzmo-text-area-min-block-size, 56px);resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .luzmo-text-field--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--luzmo-text-area-min-block-size-quiet, var(--text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors: active){:host{--highcontrast-text-field-border-color-hover: Highlight;--highcontrast-text-field-border-color-focus: Highlight;--highcontrast-text-field-border-color-keyboard-focus: CanvasText;--highcontrast-text-field-focus-indicator-color: Highlight;--highcontrast-text-field-border-color-invalid-default: Highlight;--highcontrast-text-field-border-color-invalid-hover: Highlight;--highcontrast-text-field-border-color-invalid-focus: Highlight;--highcontrast-text-field-border-color-invalid-keyboard-focus: Highlight;--highcontrast-text-field-text-color-valid: CanvasText;--highcontrast-text-field-text-color-invalid: CanvasText}#text-field .input{--highcontrast-text-field-text-color-default: CanvasText;--highcontrast-text-field-text-color-hover: CanvasText;--highcontrast-text-field-text-color-keyboard-focus: CanvasText;--highcontrast-text-field-text-color-disabled: GrayText;--highcontrast-text-field-text-color-readonly: CanvasText}#text-field .input::placeholder{--highcontrast-text-field-text-color-default: GrayText;--highcontrast-text-field-text-color-hover: GrayText;--highcontrast-text-field-text-color-keyboard-focus: GrayText;--highcontrast-text-field-text-color-disabled: GrayText;--highcontrast-text-field-text-color-readonly: CanvasText}}:host{display:inline-flex;flex-direction:column;inline-size:var(--luzmo-text-field-width, 240px)}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#text-field{inline-size:100%}#text-field,textarea{resize:inherit}.input{min-inline-size:var(--luzmo-text-field-min-width, 1.5)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{block-size:auto;word-break:break-word;opacity:0;white-space:pre-line}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #text-field{display:inline-grid;--luzmo-text-field-input-line-height: normal}:host([multiline]) textarea{transition:box-shadow var(--luzmo-animation-duration) ease-in-out,border-color var(--luzmo-animation-duration) ease-in-out}:host([multiline]:not([quiet])) #text-field:after{box-shadow:none}:host([multiline][rows]) .input{block-size:auto;resize:none}:host([multiline][rows="1"]) .input{min-block-size:auto}:host([disabled][quiet]) #text-field .input,:host([disabled][quiet]) #text-field:hover .input,:host([quiet]) .input :disabled{background-color:#0000;border-color:var(--luzmo-text-field-border-color-disabled, var(--luzmo-border-color-disabled));color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([disabled]) #text-field .icon.icon-search,:host([readonly]) #text-field .icon.icon-search{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([multiline][grows]:not([quiet])) #text-field:after{grid-area:unset;min-block-size:calc(var(--luzmo-text-area-min-block-size, var(--luzmo-text-area-min-block-size)) + var(--luzmo-text-field-focus-indicator-gap, 2px) * 2)}:host([multiline][grows]:not([rows])) .input:not(#sizer){position:absolute;top:0;left:0;height:100%;resize:none;overflow:hidden}:host{--text-field-height: var(--luzmo-component-height);--text-field-label-spacing-block-quiet: -8px;--text-field-label-spacing-inline-side-label: 12px;--text-field-placeholder-font-size: 14px;--text-field-spacing-inline: 12px;--text-field-icon-size-invalid: 18px;--text-field-icon-size-valid: 10px;--text-field-icon-spacing-inline-end-invalid: 12px;--text-field-icon-spacing-inline-end-valid: 15px;--text-field-icon-spacing-block-invalid: 7px;--text-field-icon-spacing-block-valid: 4px;--text-field-icon-spacing-inline-start-invalid: var(--luzmo-spacing-4);--text-field-icon-spacing-inline-start-valid: var(--luzmo-spacing-4);--text-field-character-count-font-size: var(--luzmo-font-size-s);--text-field-character-count-spacing-block: 5px;--text-field-character-count-spacing-block-quiet: -3px;--text-field-character-count-spacing-block-side: 8px;--text-area-min-block-size-quiet: var(--luzmo-component-height)}:host([size=s]){--text-field-height: var(--luzmo-component-height-s);--text-field-label-spacing-block-quiet: -8px;--text-field-label-spacing-inline-side-label: 8px;--text-field-placeholder-font-size: 12px;--text-field-spacing-inline: 9px;--text-field-icon-size-invalid: 16px;--text-field-icon-size-valid: 10px;--text-field-icon-spacing-inline-end-invalid: 9px;--text-field-icon-spacing-inline-end-valid: 11px;--text-field-icon-spacing-block-invalid: 2px;--text-field-icon-spacing-block-valid: -1px;--text-field-icon-spacing-inline-start-invalid: var(--luzmo-spacing-3);--text-field-icon-spacing-inline-start-valid: var(--luzmo-spacing-3);--text-field-character-count-font-size: var(--luzmo-font-size-xs);--text-field-character-count-spacing-block: 5px;--text-field-character-count-spacing-block-quiet: -3px;--text-field-character-count-spacing-block-side: 4px;--text-area-min-block-size-quiet: var(--luzmo-component-height-s)}:host([size=l]){--text-field-height: var(--luzmo-component-height-l);--text-field-label-spacing-block-quiet: -12px;--text-field-label-spacing-inline-side-label: 12px;--text-field-placeholder-font-size: 16px;--text-field-spacing-inline: 15px;--text-field-icon-size-invalid: 20px;--text-field-icon-size-valid: 12px;--text-field-icon-spacing-inline-end-invalid: 15px;--text-field-icon-spacing-inline-end-valid: 17px;--text-field-icon-spacing-block-invalid: 10px;--text-field-icon-spacing-block-valid: 8px;--text-field-icon-spacing-inline-start-invalid: 15px;--text-field-icon-spacing-inline-start-valid: 15px;--text-field-character-count-font-size: var(--luzmo-font-size);--text-field-character-count-spacing-block: 9px;--text-field-character-count-spacing-block-quiet: -3px;--text-field-character-count-spacing-block-side: 11px;--text-area-min-block-size-quiet: var(--luzmo-component-height-l)}:host([size=xl]){--text-field-height: var(--luzmo-component-height-xl);--text-field-label-spacing-block-quiet: -15px;--text-field-label-spacing-inline-side-label: 12px;--text-field-placeholder-font-size: 18px;--text-field-spacing-inline: 15px;--text-field-icon-size-invalid: 22px;--text-field-icon-size-valid: 14px;--text-field-icon-spacing-inline-end-invalid: 18px;--text-field-icon-spacing-inline-end-valid: 20px;--text-field-icon-spacing-block-invalid: 12px;--text-field-icon-spacing-block-valid: 13px;--text-field-icon-spacing-inline-start-invalid: 18px;--text-field-icon-spacing-inline-start-valid: 18px;--text-field-character-count-font-size: var(--luzmo-font-size-l);--text-field-character-count-spacing-block: 11px;--text-field-character-count-spacing-block-quiet: -4px;--text-field-character-count-spacing-block-side: 14px;--text-area-min-block-size-quiet: var(--luzmo-component-height-xl)}';
-var Mt = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, p = (n, t, e, l) => {
-  for (var o = l > 1 ? void 0 : l ? Rt(t, e) : t, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = (l ? r(t, e, o) : r(o)) || o);
-  return l && o && Mt(t, e, o), o;
-};
-const Ut = ["text", "url", "tel", "email", "password"];
-class h extends nt(
-  E(Lt, {
-    noDefaultSize: !0
-  })
-) {
-  constructor() {
-    super(...arguments), this.allowedKeys = "", this.focused = !1, this.invalid = !1, this.label = "", this.placeholder = "", this._type = "text", this.grows = !1, this.maxlength = -1, this.minlength = -1, this.multiline = !1, this.readonly = !1, this.rows = -1, this.valid = !1, this._value = "", this.quiet = !1, this.required = !1;
-  }
-  static get styles() {
-    return [S(Ft)];
-  }
-  set type(t) {
-    const e = this._type;
-    this._type = t, this.requestUpdate("type", e);
-  }
-  get type() {
-    return Ut.find((t) => t === this._type) ?? "text";
-  }
-  set value(t) {
-    if (t === this.value)
-      return;
-    const e = this._value;
-    this._value = t, this.requestUpdate("value", e);
-  }
-  get value() {
-    return this._value;
-  }
-  get focusElement() {
-    return this.inputElement;
-  }
-  /**
-   * Sets the start and end positions of the current selection.
-   *
-   * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the
-   * element's value is treated as pointing to the end of the value.
-   * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than
-   * the length of the element's value is treated as pointing to the end of the value.
-   * @param [selectionDirection="none"] A string indicating the direction in which the selection is considered to
-   * have been performed.
-   */
-  setSelectionRange(t, e, l = "none") {
-    this.inputElement.setSelectionRange(
-      t,
-      e,
-      l
-    );
-  }
-  /**
-   * Selects all the text.
-   */
-  select() {
-    this.inputElement.select();
-  }
-  handleInput(t) {
-    if (this.allowedKeys && this.inputElement.value && !new RegExp(`^[${this.allowedKeys}]*$`, "u").test(this.inputElement.value)) {
-      const o = this.inputElement.selectionStart - 1;
-      this.inputElement.value = this.value.toString(), this.inputElement.setSelectionRange(o, o);
-      return;
-    }
-    this.value = this.inputElement.value;
-  }
-  handleChange() {
-    this.dispatchEvent(
-      new Event("change", {
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  onFocus() {
-    this.focused = !this.readonly && !0;
-  }
-  onBlur(t) {
-    this.focused = !this.readonly && !1;
-  }
-  handleInputElementPointerdown() {
-  }
-  renderStateIcons() {
-    return this.invalid ? s`
-        <div id="invalid" class="icon">${C(vt)}</div>
-      ` : this.valid ? s`
-        <div id="valid" class="icon">${C(ft)}</div>
-      ` : P;
-  }
-  get displayValue() {
-    return this.value.toString();
-  }
-  // prettier-ignore
-  get renderMultiline() {
-    return s`
-      ${this.multiline && this.grows && this.rows === -1 ? s`
-          <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
-          </div>
-        ` : P}
-      <!-- @ts-ignore -->
-      <textarea
-        name=${b(this.name || void 0)}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${b(this.invalid || void 0)}
-        class="input"
-        maxlength=${b(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${b(this.minlength > -1 ? this.minlength : void 0)}
-        title=${this.invalid ? "" : P}
-        pattern=${b(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${this.displayValue}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        rows=${b(this.rows > -1 ? this.rows : void 0)}
-        autocomplete=${b(this.autocomplete)}
-      ></textarea>
-    `;
-  }
-  get renderInput() {
-    return s`
-      <!-- @ts-ignore -->
-      <input
-        name=${b(this.name || void 0)}
-        type=${this.type}
-        aria-describedby=${this.helpTextId}
-        aria-label=${this.label || this.appliedLabel || this.placeholder}
-        aria-invalid=${b(this.invalid || void 0)}
-        class="input"
-        title=${this.invalid ? "" : P}
-        maxlength=${b(this.maxlength > -1 ? this.maxlength : void 0)}
-        minlength=${b(this.minlength > -1 ? this.minlength : void 0)}
-        pattern=${b(this.pattern)}
-        placeholder=${this.placeholder}
-        .value=${At(this.displayValue)}
-        @change=${this.handleChange}
-        @input=${this.handleInput}
-        @pointerdown=${this.handleInputElementPointerdown}
-        @focus=${this.onFocus}
-        @blur=${this.onBlur}
-        ?disabled=${this.disabled}
-        ?required=${this.required}
-        ?readonly=${this.readonly}
-        autocomplete=${b(this.autocomplete)}
-      />
-    `;
-  }
-  renderField() {
-    return s`
-      ${this.renderStateIcons()}
-      ${this.multiline ? this.renderMultiline : this.renderInput}
-    `;
-  }
-  render() {
-    return s`
-      <div id="text-field">${this.renderField()}</div>
-      ${this.renderHelpText(this.invalid)}
-    `;
-  }
-  update(t) {
-    (t.has("value") || t.has("required") && this.required) && this.updateComplete.then(() => {
-      this.checkValidity();
-    }), super.update(t);
-  }
-  checkValidity() {
-    let t = this.inputElement.checkValidity();
-    return (this.required || this.value && this.pattern) && ((this.disabled || this.multiline) && this.pattern && (t = new RegExp(`^${this.pattern}$`, "u").test(this.value.toString())), this.minlength !== void 0 && (t = t && this.value.toString().length >= this.minlength), this.valid = t, this.invalid = !t), t;
-  }
-}
-p([
-  Y()
-], h.prototype, "appliedLabel", 2);
-p([
-  i({ attribute: "allowed-keys" })
-], h.prototype, "allowedKeys", 2);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "focused", 2);
-p([
-  O(".input:not(#sizer)")
-], h.prototype, "inputElement", 2);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "invalid", 2);
-p([
-  i()
-], h.prototype, "label", 2);
-p([
-  i({ type: String, reflect: !0 })
-], h.prototype, "name", 2);
-p([
-  i()
-], h.prototype, "placeholder", 2);
-p([
-  Y()
-], h.prototype, "type", 1);
-p([
-  i({ attribute: "type", reflect: !0 })
-], h.prototype, "_type", 2);
-p([
-  i()
-], h.prototype, "pattern", 2);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "grows", 2);
-p([
-  i({ type: Number })
-], h.prototype, "maxlength", 2);
-p([
-  i({ type: Number })
-], h.prototype, "minlength", 2);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "multiline", 2);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "readonly", 2);
-p([
-  i({ type: Number })
-], h.prototype, "rows", 2);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "valid", 2);
-p([
-  i({ type: String })
-], h.prototype, "value", 1);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "quiet", 2);
-p([
-  i({ type: Boolean, reflect: !0 })
-], h.prototype, "required", 2);
-p([
-  i({ type: String, reflect: !0 })
-], h.prototype, "autocomplete", 2);
-class at extends h {
-  constructor() {
-    super(...arguments), this._value = "";
-  }
-  set value(t) {
-    if (t === this.value)
-      return;
-    const e = this._value;
-    this._value = t, this.requestUpdate("value", e);
-  }
-  get value() {
-    return this._value;
-  }
-}
-p([
-  i({ type: String })
-], at.prototype, "value", 1);
-var Nt = Object.defineProperty, rt = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && Nt(t, e, o), o;
-};
-const J = class J extends E(L, {
-  validSizes: ["s", "m", "l"],
-  noDefaultSize: !0
-}) {
-  constructor() {
-    super(...arguments), this.vertical = !1;
-  }
-  render() {
-    return s``;
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), this.setAttribute("role", "separator");
-  }
-  updated(t) {
-    super.updated(t), t.has("vertical") && (this.vertical ? this.setAttribute("aria-orientation", "vertical") : this.removeAttribute("aria-orientation"));
-  }
-};
-J.styles = [S(qt)];
-let M = J;
-rt([
-  i({ type: Boolean, reflect: !0 })
-], M.prototype, "vertical");
-rt([
-  i({ type: String, reflect: !0, attribute: "static-color" })
-], M.prototype, "staticColor");
-customElements.get("luzmo-divider") || customElements.define("luzmo-divider", M);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ht = Symbol();
-class st {
-  get taskComplete() {
-    return this.t || (this.i === 1 ? this.t = new Promise((t, e) => {
-      this.o = t, this.h = e;
-    }) : this.i === 3 ? this.t = Promise.reject(this.l) : this.t = Promise.resolve(this.u)), this.t;
-  }
-  constructor(t, e, l) {
-    var a;
-    this.p = 0, this.i = 0, (this._ = t).addController(this);
-    const o = typeof e == "object" ? e : { task: e, args: l };
-    this.v = o.task, this.j = o.args, this.m = o.argsEqual ?? Vt, this.k = o.onComplete, this.A = o.onError, this.autoRun = o.autoRun ?? !0, "initialValue" in o && (this.u = o.initialValue, this.i = 2, this.O = (a = this.T) == null ? void 0 : a.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(), e = this.O;
-    this.O = t, t === e || t === void 0 || e !== void 0 && this.m(e, t) || await this.run(t);
-  }
-  async run(t) {
-    var r, d, c, u, v;
-    let e, l;
-    t ?? (t = this.T()), this.O = t, this.i === 1 ? (r = this.q) == null || r.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 o = ++this.p;
-    this.q = new AbortController();
-    let a = !1;
-    try {
-      e = await this.v(t, { signal: this.q.signal });
-    } catch (m) {
-      a = !0, l = m;
-    }
-    if (this.p === o) {
-      if (e === Ht) this.i = 0;
-      else {
-        if (a === !1) {
-          try {
-            (d = this.k) == null || d.call(this, e);
-          } catch {
-          }
-          this.i = 2, (c = this.o) == null || c.call(this, e);
-        } else {
-          try {
-            (u = this.A) == null || u.call(this, l);
-          } catch {
-          }
-          this.i = 3, (v = this.h) == null || v.call(this, l);
-        }
-        this.u = e, this.l = l;
-      }
-      this._.requestUpdate();
-    }
-  }
-  abort(t) {
-    var e;
-    this.i === 1 && ((e = this.q) == null || e.abort(t));
-  }
-  get value() {
-    return this.u;
-  }
-  get error() {
-    return this.l;
-  }
-  get status() {
-    return this.i;
-  }
-  render(t) {
-    var e, l, o, a;
-    switch (this.i) {
-      case 0:
-        return (e = t.initial) == null ? void 0 : e.call(t);
-      case 1:
-        return (l = t.pending) == null ? void 0 : l.call(t);
-      case 2:
-        return (o = t.complete) == null ? void 0 : o.call(t, this.value);
-      case 3:
-        return (a = t.error) == null ? void 0 : a.call(t, this.error);
-      default:
-        throw Error("Unexpected status: " + this.i);
-    }
-  }
-}
-const Vt = (n, t) => n === t || n.length === t.length && n.every((e, l) => !gt(e, t[l]));
-customElements.get("luzmo-field-label") || customElements.define("luzmo-field-label", D);
-const Gt = "@media (forced-colors: active){:host{--highcontrast-helptext-content-color-default: CanvasText;--highcontrast-helptext-icon-color-default: CanvasText}:host,.text,.icon{forced-color-adjust:none}}:host{--helptext-bottom-to-workflow-icon: 3px;color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--helptext-content-color-default)));font-size:var(var(--luzmo-helptext-font-size, var(--helptext-font-size)), 12px);min-block-size:var(var(--luzmo-helptext-min-height, var(--helptext-min-height)), 24px);display:flex}.icon{block-size:var(var(--luzmo-helptext-icon-size, var(--helptext-icon-size)), 18px);inline-size:var(var(--luzmo-helptext-icon-size, var(--helptext-icon-size)), 18px);flex-shrink:0;margin-inline-end:var(var(--luzmo-helptext-text-to-visual, var(--helptext-text-to-visual)), 7px);padding-block-start:var(var(--luzmo-helptext-top-to-workflow-icon, var(--helptext-top-to-workflow-icon)), 3px);padding-block-end:var(var(--luzmo-helptext-bottom-to-workflow-icon, --helptext-bottom-to-workflow-icon), 3px)}.text{line-height:var(var(--luzmo-helptext-line-height, var(--helptext-line-height), 1.3));padding-block-start:var(var(--luzmo-helptext-top-to-text, var(--helptext-top-to-text)), 4px);padding-block-end:var(var(--luzmo-helptext-bottom-to-text, var(--helptext-bottom-to-text)), 5px)}:host(:lang(ja)) .text,:host(:lang(ko)) .text,:host(:lang(zh)) .text{line-height:var(var(--luzmo-helptext-line-height-cjk, var(--helptext-line-height-cjk)), 1.4)}:host([variant=neutral]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--helptext-content-color-default)))}:host([variant=neutral]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host([variant=negative]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--luzmo-font-color)))}:host([variant=negative]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host([disabled]) .text{color:var(--highcontrast-helptext-content-color-default, var(--luzmo-helptext-content-color-default, var(--luzmo-font-color)))}:host([disabled]) .icon{color:var(--highcontrast-helptext-icon-color-default, var(--luzmo-helptext-icon-color-default, var(--helptext-icon-color-default)))}:host{--helptext-line-height: 1.3;--helptext-content-color-default: var(--luzmo-font-color);--helptext-icon-color-default: var(--luzmo-font-color);--helptext-disabled-content-color: var(--luzmo-font-color-disabled)}:host([variant=neutral]){--helptext-content-color-default: var(var(--luzmo-font-color));--helptext-icon-color-default: var(var(--luzmo-font-color))}:host([variant=negative]){--helptext-content-color-default: var(var(--luzmo-color-negative));--helptext-icon-color-default: var(var(--luzmo-color-negative))}:host([disabled]){--helptext-content-color-default: var(--luzmo-font-color-disabled);--helptext-icon-color-default: var(--luzmo-font-color-disabled)}:host(:lang(ja)){--helptext-line-height-cjk: 1.4}:host(:lang(zh)){--helptext-line-height-cjk: 1.4}:host(:lang(ko)){--helptext-line-height-cjk: 1.4}:host([size=s]){--helptext-min-height: 24px;--helptext-icon-size: 16px;--helptext-font-size: 12px;--helptext-text-to-visual: 7px;--helptext-top-to-workflow-icon: 4px;--helptext-top-to-text: 4px;--helptext-bottom-to-text: 5px}:host{--helptext-min-height: 24px;--helptext-icon-size: 18px;--helptext-font-size: 12px;--helptext-text-to-visual: 7px;--helptext-top-to-workflow-icon: 3px;--helptext-top-to-text: 4px;--helptext-bottom-to-text: 5px}:host([size=l]){--helptext-min-height: 32px;--helptext-icon-size: 20px;--helptext-font-size: 14px;--helptext-text-to-visual: 8px;--helptext-top-to-workflow-icon: 6px;--helptext-top-to-text: 6px;--helptext-bottom-to-text: 5px}:host([size=xl]){--helptext-min-height: 40px;--helptext-icon-size: 22px;--helptext-font-size: 16px;--helptext-text-to-visual: 9px;--helptext-top-to-workflow-icon: 9px;--helptext-top-to-text: 9px;--helptext-bottom-to-text: 12px}";
-var Kt = Object.defineProperty, dt = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && Kt(t, e, o), o;
-};
-class Z extends E(L, {
-  noDefaultSize: !0
-}) {
-  constructor() {
-    super(...arguments), this.icon = !1, this.variant = "neutral";
-  }
-  static get styles() {
-    return [S(Gt)];
-  }
-  render() {
-    return s`
-      ${this.variant === "negative" && this.icon ? s` ${C(bt)} ` : P}
-      <div class="text"><slot></slot></div>
-    `;
-  }
-}
-dt([
-  i({ type: Boolean, reflect: !0 })
-], Z.prototype, "icon");
-dt([
-  i({ reflect: !0 })
-], Z.prototype, "variant");
-customElements.get("luzmo-text-field") || customElements.define("luzmo-text-field", at);
-customElements.get("luzmo-help-text") || customElements.define("luzmo-help-text", Z);
-const Wt = ":host{display:inline-block}:host luzmo-text-field{width:100%}";
-var Yt = Object.defineProperty, f = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && Yt(t, e, o), o;
-};
-class g extends nt(
-  E(L, {
-    noDefaultSize: !0
-  })
-) {
-  constructor() {
-    super(...arguments), this.allowedKeys = "", this.i18nPlaceholder = {}, this.type = "text", this.grows = !1, this.maxlength = -1, this.minlength = -1, this.multiline = !1, this.rows = -1, this.quiet = !1, this.disabled = !1, this.required = !1, this.readonly = !1, this.language = "en", this.defaultLanguage = "en", this.value = {};
-  }
-  static get styles() {
-    return [S(Wt)];
-  }
-  get _localizedValue() {
-    const t = { ...this.value };
-    return t[this.language] ?? t[this.defaultLanguage] ?? Object.values(t)[0] ?? "";
-  }
-  get _localizedPlaceholder() {
-    const t = { ...this.i18nPlaceholder };
-    return t[this.language] ?? t[this.defaultLanguage] ?? Object.values(t)[0] ?? "";
-  }
-  handleChange(t) {
-    t.stopPropagation(), t.preventDefault();
-    const e = t.target;
-    this.value[this.language] !== e.value && (this.value = { ...this.value, [this.language]: e.value }, this.dispatchEvent(
-      new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0,
-        detail: { value: this.value }
-      })
-    ));
-  }
-  render() {
-    return s`
-      <luzmo-text-field
-        .value=${this._localizedValue}
-        .size=${this.size}
-        .placeholder=${this._localizedPlaceholder}
-        .name=${this.name}
-        .allowedKeys=${this.allowedKeys}
-        .type=${this.type}
-        .pattern=${this.pattern}
-        .maxlength=${this.maxlength}
-        .minlength=${this.minlength}
-        ?multiline=${this.multiline}
-        ?grows=${this.grows}
-        .rows=${this.rows}
-        ?quiet=${this.quiet}
-        ?disabled=${this.disabled}
-        ?readonly=${this.readonly}
-        ?required=${this.required}
-        @input=${this.handleChange}
-        @change=${this.handleChange}
-      ></luzmo-text-field>
-    `;
-  }
-}
-f([
-  i({ attribute: "allowed-keys" })
-], g.prototype, "allowedKeys");
-f([
-  i({ type: String, reflect: !0 })
-], g.prototype, "name");
-f([
-  i({ type: Object, attribute: "i18n-placeholder" })
-], g.prototype, "i18nPlaceholder");
-f([
-  i({ attribute: "type", reflect: !0 })
-], g.prototype, "type");
-f([
-  i()
-], g.prototype, "pattern");
-f([
-  i({ type: Boolean, reflect: !0 })
-], g.prototype, "grows");
-f([
-  i({ type: Number })
-], g.prototype, "maxlength");
-f([
-  i({ type: Number })
-], g.prototype, "minlength");
-f([
-  i({ type: Boolean, reflect: !0 })
-], g.prototype, "multiline");
-f([
-  i({ type: Number })
-], g.prototype, "rows");
-f([
-  i({ type: Boolean, reflect: !0 })
-], g.prototype, "quiet");
-f([
-  i({ type: Boolean, reflect: !0 })
-], g.prototype, "disabled");
-f([
-  i({ type: Boolean, reflect: !0 })
-], g.prototype, "required");
-f([
-  i({ type: Boolean, reflect: !0 })
-], g.prototype, "readonly");
-f([
-  i({ type: String, reflect: !0 })
-], g.prototype, "autocomplete");
-f([
-  i({ type: String, reflect: !0 })
-], g.prototype, "language");
-f([
-  i({ type: String, reflect: !0 })
-], g.prototype, "defaultLanguage");
-f([
-  i({ type: Object, reflect: !0 })
-], g.prototype, "value");
-customElements.get("luzmo-multi-language-field") || customElements.define("luzmo-multi-language-field", g);
-const Zt = ":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 Jt = Object.defineProperty, y = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && Jt(t, e, o), o;
-};
-class x extends E(L, {
-  validSizes: Object.values(W)
-}) {
-  constructor() {
-    super(...arguments), this._loadDisplaySettings = new st(this, {
-      task: async ([t, e, l]) => {
-        const o = [];
-        this.grandTotals && o.push("grandTotals"), this.periodOverPeriod && o.push("periodOverPeriod"), (e === "numeric" || e === "mixed" && (t == null ? void 0 : t.type) === "numeric") && o.push("numeric"), e !== "numeric" && (t == null ? void 0 : t.type) === "datetime" && o.push("datetime"), !["numeric", "mixed"].includes(e ?? "") && (t == null ? void 0 : t.type) === "numeric" && !this.binningDisabled && o.push("binning"), o.length > 0 && (o.includes("numeric") && !this._settingsTypeLoaded.numeric ? (await import("./index-CM80_HQw.js"), this._settingsTypeLoaded.numeric = !0) : o.includes("datetime") && !this._settingsTypeLoaded.datetime ? (await import("./en-CIeY2T5K.js").then((a) => a.i), this._settingsTypeLoaded.periodOverPeriod = !0) : o.includes("binning") && !this._settingsTypeLoaded.binning ? (await import("./index-Dq3HAOaM.js"), this._settingsTypeLoaded.binning = !0) : o.includes("grandTotals") && !this._settingsTypeLoaded.grandTotals ? (await import("./index-BmAD29P2.js"), this._settingsTypeLoaded.grandTotals = !0) : o.includes("periodOverPeriod") && !this._settingsTypeLoaded.periodOverPeriod && (await import("./index-DJp_9h0l.js").then((a) => a.i), this._settingsTypeLoaded.periodOverPeriod = !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 [S(Zt)];
-  }
-  willUpdate(t) {
-    t.has("slotContent") && (this._currentSlotContent = structuredClone(this.slotContent));
-  }
-  _onSlotContentChange(t) {
-    t.stopPropagation(), t.preventDefault(), this._currentSlotContent = structuredClone(t.detail.slotContent), this._sendEvent();
-  }
-  _onLabelChange() {
-    this._currentSlotContent = structuredClone(this._currentSlotContent), this._currentSlotContent.label = this._multiLanguageFieldElement.value || {}, this._sendEvent();
-  }
-  _sendEvent() {
-    this.dispatchEvent(
-      new CustomEvent("slot-content-changed", {
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0,
-        detail: {
-          slotContent: { ...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 s`<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}>
-                ${C(zt)}
-                <luzmo-tooltip self-managed placement="top" size=${this.size}>
-                  Show dataset and column id's
-                </luzmo-tooltip>
-              </button>
-              ${this.showRemoveButton ? s`<button
-                    class="remove-button"
-                    @click=${this._removeEvent}
-                  >
-                    ${C(H)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement="top"
-                      size=${this.size}
-                    >
-                      Remove
-                    </luzmo-tooltip>
-                  </button>` : ""}
-            </div>
-          </div>
-        </div>
-        ${this.grandTotals ? s`<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" ? s`<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" ? s`<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 ? s`<luzmo-display-settings-binning
-              .language=${this.language}
-              .slotContent=${this._currentSlotContent}
-              .size=${this.size}
-              @slot-content-changed=${this._onSlotContentChange}
-            ></luzmo-display-settings-binning>` : ""}
-        ${this.periodOverPeriod ? s`<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 ? s` <luzmo-divider></luzmo-divider>
-            <div class="ids-container">
-              <div>
-                <span class="id-label">Column: </span>
-                ${this._currentSlotContent.columnId ?? this._currentSlotContent.column}
-              </div>
-              <div>
-                <span class="id-label">Dataset: </span>
-                ${this._currentSlotContent.datasetId ?? this._currentSlotContent.set}
-              </div>
-              <div></div>
-            </div>` : ""}`;
-  }
-  render() {
-    return this._loadDisplaySettings.render({
-      pending: () => s`<luzmo-progress-circle
-          indeterminate
-          .size=${this.size}
-        ></luzmo-progress-circle>`,
-      complete: () => this._renderDisplaySettings(),
-      error: (t) => this._renderDisplaySettings()
-    });
-  }
-}
-y([
-  i({ type: String })
-], x.prototype, "language");
-y([
-  i({ type: String, attribute: "content-language" })
-], x.prototype, "contentLanguage");
-y([
-  i({ type: Boolean, attribute: "hide-display-settings" })
-], x.prototype, "hideDisplaySettings");
-y([
-  i({ type: Boolean, attribute: "binning-disabled" })
-], x.prototype, "binningDisabled");
-y([
-  i({ type: Boolean, attribute: "grand-totals" })
-], x.prototype, "grandTotals");
-y([
-  i({ type: Boolean, attribute: "period-over-period" })
-], x.prototype, "periodOverPeriod");
-y([
-  i({ type: Boolean, attribute: "show-remove-button" })
-], x.prototype, "showRemoveButton");
-y([
-  i({ type: String, attribute: "slot-type" })
-], x.prototype, "slotType");
-y([
-  i()
-], x.prototype, "slotContent");
-y([
-  Y()
-], x.prototype, "_showIds");
-y([
-  i({ type: Array, reflect: !1 })
-], x.prototype, "measureColumns");
-y([
-  O("luzmo-multi-language-field")
-], x.prototype, "_multiLanguageFieldElement");
-customElements.get("luzmo-display-settings") || customElements.define("luzmo-display-settings", x);
-var Qt = {
-  large: 700
-};
-function Xt(n) {
-  n.animate([{
-    backgroundColor: "var(--ds-background-selected, #E9F2FF)"
-  }, {}], {
-    duration: Qt.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 tt(n, t) {
-  var e = Object.keys(n);
-  if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(n);
-    t && (l = l.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(n, o).enumerable;
-    })), e.push.apply(e, l);
-  }
-  return e;
-}
-function et(n) {
-  for (var t = 1; t < arguments.length; t++) {
-    var e = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? tt(Object(e), !0).forEach(function(l) {
-      ot(n, l, e[l]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(e)) : tt(Object(e)).forEach(function(l) {
-      Object.defineProperty(n, l, Object.getOwnPropertyDescriptor(e, l));
-    });
-  }
-  return n;
-}
-var te = {
-  top: function(t, e) {
-    return Math.abs(e.y - t.top);
-  },
-  right: function(t, e) {
-    return Math.abs(t.right - e.x);
-  },
-  bottom: function(t, e) {
-    return Math.abs(t.bottom - e.y);
-  },
-  left: function(t, e) {
-    return Math.abs(e.x - t.left);
-  }
-}, ct = Symbol("closestEdge");
-function ee(n, t) {
-  var e, l, o = t.element, a = t.input, r = t.allowedEdges, d = {
-    x: a.clientX,
-    y: a.clientY
-  }, c = o.getBoundingClientRect(), u = r.map(function(m) {
-    return {
-      edge: m,
-      value: te[m](c, d)
-    };
-  }), v = (e = (l = u.sort(function(m, k) {
-    return m.value - k.value;
-  })[0]) === null || l === void 0 ? void 0 : l.edge) !== null && e !== void 0 ? e : null;
-  return et(et({}, n), {}, ot({}, ct, v));
-}
-function V(n) {
-  var t;
-  return (t = n[ct]) !== null && t !== void 0 ? t : null;
-}
-const oe = ':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 le = Object.defineProperty, R = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && le(t, e, o), o;
-};
-class B extends E(L, {
-  validSizes: Object.values(W)
-}) {
-  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((t) => {
-        const e = this._sendChangeEvent.bind(this), l = this, o = pt({
-          element: t,
-          onGenerateDragPreview({ nativeSetDragImage: r }) {
-            ht({
-              nativeSetDragImage: r,
-              render({ container: d }) {
-                var v;
-                const c = document.createElement("div");
-                c.classList.add("drag-preview");
-                const u = {};
-                [
-                  [
-                    "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(([m, k, q]) => {
-                  const T = X(t, k) || X(t, q);
-                  u[m] = T;
-                }), c.textContent = ((v = t.querySelector("[data-task-content]")) == null ? void 0 : v.textContent) ?? // worst case fallback if we set up our data-* up wrong
-                t.textContent, Object.assign(c.style, {
-                  border: `1px solid ${u.borderColor}`,
-                  backgroundColor: u.backgroundColor,
-                  borderRadius: u.borderRadius,
-                  fontFamily: u.fontFamily,
-                  fontSize: u.fontSize,
-                  color: u.color,
-                  paddingInline: `${u.horizontalPadding}`,
-                  paddingBlock: `${u.verticalPadding}`
-                }), d.append(c);
-              }
-            });
-          },
-          getInitialData() {
-            var c;
-            const r = t.parentElement;
-            let d = 0;
-            return r && (d = [...((c = r.parentElement) == null ? void 0 : c.children) ?? []].indexOf(
-              r
-            )), {
-              index: d
-            };
-          },
-          onDragStart() {
-            t.style.opacity = "0.5";
-          },
-          onDrop() {
-            t.style.opacity = "1";
-          }
-        });
-        this._cleanupFns.push(o);
-        const a = lt({
-          element: t,
-          canDrop({ source: r }) {
-            var d;
-            return r.element === t ? !1 : (d = r == null ? void 0 : r.element) == null ? void 0 : d.classList.contains("draggable-slot-content");
-          },
-          getData(r) {
-            return ee(
-              {},
-              {
-                element: t,
-                input: r.input,
-                allowedEdges: ["top", "bottom"]
-              }
-            );
-          },
-          getIsSticky() {
-            return !0;
-          },
-          onDragEnter({ self: r }) {
-            const d = V(r.data);
-            if (!d)
-              return;
-            const c = document.createElement("div");
-            c.classList.add("drop-indicator"), c.dataset.edge = d, t.after(c);
-          },
-          onDrag({ self: r }) {
-            var u, v, m;
-            const d = V(r.data);
-            if (!d) {
-              (u = t.nextElementSibling) == null || u.remove();
-              return;
-            }
-            if (((v = t.nextElementSibling) == null ? void 0 : v.getAttribute("data-edge")) === d)
-              return;
-            (m = t.nextElementSibling) == null || m.remove();
-            const c = document.createElement("div");
-            c.classList.add("drop-indicator"), c.dataset.edge = d, t.after(c);
-          },
-          onDragLeave() {
-            var r;
-            (r = t.nextElementSibling) == null || r.remove();
-          },
-          onDrop({ self: r, source: d }) {
-            var v, m, k, q;
-            (v = t.nextElementSibling) == null || v.remove();
-            const c = V(r.data), u = r.element.parentElement;
-            if (typeof d.data.index == "number" && u) {
-              let T = [...((m = u.parentElement) == null ? void 0 : m.children) ?? []].indexOf(
-                u
-              );
-              c === "bottom" && d.data.index >= T && T < (((q = (k = u == null ? void 0 : u.parentElement) == null ? void 0 : k.children) == null ? void 0 : q.length) ?? 0) - 1 ? T += 1 : c === "top" && T > d.data.index && (T -= 1);
-              const I = l.activeIndex, F = d.data.index, U = T, ut = l.slotContents[F];
-              l.slotContents.splice(F, 1), l.slotContents.splice(U, 0, ut), F === I ? l.activeIndex = U : F < I && U >= I ? l.activeIndex = I - 1 : F > I && U <= I && (l.activeIndex = I + 1);
-            }
-            c && (Xt(d.element), l.requestUpdate(), e());
-          }
-        });
-        this._cleanupFns.push(a);
-      });
-    }, this._detachAll = () => {
-      this._cleanupFns.forEach((t) => t()), this._cleanupFns = [];
-    };
-  }
-  static get styles() {
-    return [S(oe)];
-  }
-  willUpdate(t) {
-    this._detachAll();
-  }
-  updated(t) {
-    this._attachAll();
-  }
-  setActiveIndex(t) {
-    this.activeIndex = t, this._sendChangeEvent();
-  }
-  removeSlotContent(t) {
-    this.slotContents = this.slotContents.filter(
-      (e, l) => l !== t
-    ), this.activeIndex === t ? this.activeIndex = t : this.slotContents.length > 0 && // go one down if index < activeIndex
-    this.activeIndex > t && this.activeIndex--, this._sendChangeEvent();
-  }
-  render() {
-    const t = this.slotContents.map(
-      (e, l) => {
-        const o = K(e.label, this.contentLanguage);
-        return s`<li class=${l === this.activeIndex ? "active" : ""}>
-          <div class="draggable-slot-content">
-            <div
-              class="draggable-slot-content-label"
-              @click=${this.setActiveIndex.bind(this, l)}
-            >
-              ${o}
-            </div>
-            <div
-              class="draggable-slot-content-remove"
-              @click=${this.removeSlotContent.bind(this, l)}
-            >
-              ${C(H)}
-            </div>
-          </div>
-        </li>`;
-      }
-    );
-    return s`<div>${t}</div>`;
-  }
-}
-R([
-  i({ type: String, reflect: !0 })
-], B.prototype, "language");
-R([
-  i({ type: String, attribute: "content-language", reflect: !0 })
-], B.prototype, "contentLanguage");
-R([
-  Pt(".draggable-slot-content")
-], B.prototype, "_draggableSlotContentElements");
-R([
-  i()
-], B.prototype, "slotContents");
-R([
-  i({ type: Number })
-], B.prototype, "activeIndex");
-customElements.get("luzmo-slot-menu-list") || customElements.define("luzmo-slot-menu-list", B);
-const ie = ":host{font-family:var(--luzmo-slot-menu-font-family, var(--luzmo-font-family));font-size:var(--luzmo-slot-menu-font-size, var(--slot-menu-font-size));color:var(--luzmo-slot-menu-font-color, var(--luzmo-font-color));display:block;width:fit-content}luzmo-slot-menu-list{min-width:var(--luzmo-slot-menu-list-min-width, var(--slot-menu-list-min-width));max-width:var(--luzmo-slot-menu-list-max-width, var(--slot-menu-list-max-width))}.slot-contents-container{position:relative;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));background:var(--luzmo-slot-menu-background-color, var(--luzmo-background-color));border-top-left-radius:0}.slot-contents-container .inner-container{display:flex}.slot-contents-container .inner-container luzmo-display-settings{min-width:var(--luzmo-slot-menu-display-settings-min-width, var(--slot-menu-display-settings-min-width));padding:var(--luzmo-slot-menu-display-settings-vertical-padding, var(--slot-menu-display-settings-vertical-padding)) var(--luzmo-slot-menu-display-settings-horizontal-padding, var(--slot-menu-display-settings-horizontal-padding))}:host([variant=popup]) .slot-contents-container{overflow:hidden;border-top-left-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));--slot-menu-popup-filter: drop-shadow( var( --luzmo-slot-menu-popup-shadow-horizontal, var(--slot-menu-popup-shadow-horizontal) ) var( --luzmo-slot-menu-popup-shadow-vertical, var(--slot-menu-popup-shadow-vertical) ) var( --luzmo-slot-menu-popup-shadow-blur, var(--slot-menu-popup-shadow-blur) ) var( --luzmo-slot-menu-popup-shadow-color, var(--slot-menu-popup-shadow-color) ) );filter:var(--luzmo-slot-menu-popup-filter, var(--slot-menu-popup-filter))}.slot-menu-top-menu{display:flex;align-items:center;border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden;width:fit-content}.drag-handle{background-color:var(--luzmo-slot-menu-drag-handle-background-color, var(--luzmo-background-color-highlight));cursor:grab;width:fit-content;border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-drag-handle-size, var(--slot-menu-drag-handle-size));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.drag-handle:hover{background-color:var(--luzmo-slot-menu-drag-handle-background-color-hover, var(--luzmo-background-color-highlight-hover))}.slot-content-action{display:flex;flex:0 1 auto;max-width:var(--luzmo-slot-menu-top-menu-label-max-width, var(--slot-menu-top-menu-label-max-width));gap:var(--luzmo-slot-menu-label-to-icon-gap, var(--slot-menu-label-to-icon-gap));background-color:var(--luzmo-slot-menu-content-label-background-color, var(--luzmo-primary));color:var(--luzmo-slot-menu-content-label-color, var(--luzmo-primary-inverse-color));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-content-label-border-color, var(--luzmo-primary));padding:var(--luzmo-slot-menu-drag-handle-vertical-padding, var(--slot-menu-drag-handle-vertical-padding)) var(--luzmo-slot-menu-drag-handle-horizontal-padding, var(--slot-menu-drag-handle-horizontal-padding))}.slot-content-action:hover{background-color:var(--luzmo-slot-menu-content-label-background-color-hover, var(--luzmo-primary-hover))}.slot-content-action:focus{background-color:var(--luzmo-slot-menu-content-label-background-color-focus, var(--luzmo-primary-focus))}.slot-content-action .slot-content-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-content-action .slot-content-remove{flex:0 0 auto;cursor:pointer}.close{position:absolute;right:1rem;cursor:pointer;top:calc(-2 * var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)));background-color:var(--luzmo-slot-menu-close-button-background-color, var(--luzmo-background-color-highlight));font-size:var(--luzmo-slot-menu-close-button-size, var(--slot-menu-close-button-size));border:var(--luzmo-slot-menu-border-width, var(--luzmo-border-width)) solid var(--luzmo-slot-menu-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-slot-menu-border-radius, var(--luzmo-border-radius));border-top-left-radius:0;border-top-right-radius:0;padding:var(--luzmo-slot-menu-close-button-vertical-padding, var(--slot-menu-close-button-vertical-padding)) var(--luzmo-slot-menu-close-button-horizontal-padding, var(--slot-menu-close-button-horizontal-padding))}.close:hover{background-color:var(--luzmo-slot-menu-close-button-background-color-hover, var(--luzmo-background-color-highlight-hover))}: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-display-settings-horizontal-padding: var(--luzmo-spacing-5);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-4);--slot-menu-top-menu-label-max-width: 12rem;--slot-menu-list-min-width: 8rem;--slot-menu-list-max-width: 12rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-3);--slot-menu-drag-handle-size: var(--luzmo-font-size);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-s);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-popup-shadow-horizontal: 0;--slot-menu-popup-shadow-vertical: 1px;--slot-menu-popup-shadow-blur: 4px;--slot-menu-popup-shadow-color: var(--luzmo-border-color)}: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-display-settings-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-3);--slot-menu-top-menu-label-max-width: 10rem;--slot-menu-list-min-width: 6rem;--slot-menu-list-max-width: 10rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-2);--slot-menu-drag-handle-size: var(--luzmo-font-size-s);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-2);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size-xs);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-2);--slot-menu-close-button-horizontal-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}: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-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 14rem;--slot-menu-list-min-width: 9rem;--slot-menu-list-max-width: 14rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-4);--slot-menu-drag-handle-size: var(--luzmo-font-size-l);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-3);--slot-menu-close-button-size: var(--luzmo-font-size);--slot-menu-close-button-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}: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-display-settings-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--slot-menu-display-settings-vertical-padding: var(--luzmo-spacing-5);--slot-menu-top-menu-label-max-width: 16rem;--slot-menu-list-min-width: 10rem;--slot-menu-list-max-width: 16rem;--slot-menu-label-to-icon-gap: var(--luzmo-spacing-5);--slot-menu-drag-handle-size: var(--luzmo-font-size-xl);--slot-menu-drag-handle-vertical-padding: var(--luzmo-spacing-3);--slot-menu-drag-handle-horizontal-padding: var(--luzmo-spacing-4);--slot-menu-close-button-size: var(--luzmo-font-size-l);--slot-menu-close-button-vertical-padding: var(--luzmo-spacing-3);--slot-menu-close-button-horizontal-padding: var(--luzmo-spacing-3)}";
-var ne = Object.defineProperty, _ = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && ne(t, e, o), o;
-};
-class w extends E(L, {
-  validSizes: Object.values(W)
-}) {
-  constructor() {
-    super(...arguments), this.language = "en", this.contentLanguage = "en", this.slotType = "numeric", this.variant = "draggable", this.slotContents = [], this._slotListData = [], this._slotContents = [], this._currentSlotContent = {}, this._activeIndex = 0;
-  }
-  static get styles() {
-    return [S(ie)];
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-  }
-  _sendChangeEvent() {
-    this.dispatchEvent(
-      new CustomEvent("slot-contents-changed", {
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0,
-        detail: {
-          slotContents: [...this._slotContents]
-        }
-      })
-    );
-  }
-  _sendCloseEvent() {
-    this.dispatchEvent(
-      new CustomEvent("close", {
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0
-      })
-    );
-  }
-  willUpdate(t) {
-    var e;
-    t.has("slotContents") && (this._slotContents = structuredClone(this.slotContents), this._slotListData = structuredClone(this.slotContents), this._currentSlotContent = ((e = this._slotContents) == null ? void 0 : e[this._activeIndex ?? 0]) ?? {});
-  }
-  updated(t) {
-    this.updateContentLabel();
-  }
-  _handleSlotListChange(t) {
-    var l;
-    this._slotContents = structuredClone(t.detail.slotContents);
-    const e = t.detail.activeIndex;
-    e !== this._activeIndex && (this._activeIndex = e), this._currentSlotContent = ((l = this._slotContents) == null ? void 0 : l[this._activeIndex ?? 0]) ?? {}, this.displaySettingsElement.slotContent = this._currentSlotContent, this._slotContents.length <= 1 && this.requestUpdate(), this._sendChangeEvent();
-  }
-  _handleSlotContentChange(t) {
-    this._slotContents[this._activeIndex] = structuredClone(
-      t.detail.slotContent
-    ), this._slotListData = structuredClone(this._slotContents), this.slotMenuListElement && (this.slotMenuListElement.slotContents = this._slotListData), this.updateContentLabel(), this._sendChangeEvent();
-  }
-  // we set & update the label manually to not lose focus when typing in the display settings bc of rerender
-  updateContentLabel() {
-    if (this.slotContentLabelElement) {
-      const t = K(
-        this._slotContents[this._activeIndex].label,
-        this.contentLanguage
-      );
-      this.slotContentLabelElement.textContent = t;
-    }
-  }
-  removeSlotContent(t) {
-    this._slotContents = this._slotContents.filter(
-      (e, l) => l !== t
-    ), this._currentSlotContent = {}, this._sendChangeEvent(), this._sendCloseEvent(), this.requestUpdate();
-  }
-  close() {
-    this._sendCloseEvent();
-  }
-  _removeActiveSlotContent() {
-    this.removeSlotContent(this._activeIndex);
-  }
-  render() {
-    return s`<div class="slot-menu-top-menu">
-        ${this.variant === "draggable" ? s`<div class="drag-handle">${C(xt)}</div>` : ""}
-        ${this._slotContents.length === 1 && this.variant !== "popup" ? s` <div class="slot-content-action">
-              <div class="slot-content-label"></div>
-              <div
-                class="slot-content-remove"
-                @click=${this.removeSlotContent.bind(this, 0)}
-              >
-                ${C(H)}
-              </div>
-            </div>` : ""}
-      </div>
-      <div
-        class="slot-contents-container ${this._slotContents.length > 1 ? "multiple" : ""}"
-      >
-        ${this.variant === "popup" ? "" : s`<div class="close" @click=${this.close}>
-              ${C(yt)}
-            </div>`}
-        <div class="inner-container">
-          ${this._slotContents.length > 1 ? s`<luzmo-slot-menu-list
-                .slotContents=${this._slotListData}
-                .activeIndex=${this._activeIndex}
-                @slot-list-changed=${this._handleSlotListChange}
-              ></luzmo-slot-menu-list>` : ""}
-          <luzmo-display-settings
-            .size=${this.size}
-            .language=${this.language}
-            .contentLanguage=${this.contentLanguage}
-            .slotContent=${this._currentSlotContent}
-            .slotType=${this.slotType}
-            .showRemoveButton=${this.variant === "popup" && this._slotContents.length === 1}
-            @slot-content-changed=${this._handleSlotContentChange}
-            @remove-slot-content=${this._removeActiveSlotContent}
-          ></luzmo-display-settings>
-        </div>
-      </div>`;
-  }
-}
-_([
-  i({ type: String, reflect: !0 })
-], w.prototype, "language");
-_([
-  i({ type: String, attribute: "content-language", reflect: !0 })
-], w.prototype, "contentLanguage");
-_([
-  i({ type: String, attribute: "slot-type", reflect: !0 })
-], w.prototype, "slotType");
-_([
-  i({ type: Boolean, attribute: "no-drag", reflect: !0 })
-], w.prototype, "noDrag");
-_([
-  i({ type: Boolean, attribute: "no-close", reflect: !0 })
-], w.prototype, "noClose");
-_([
-  i({ type: String, reflect: !0 })
-], w.prototype, "variant");
-_([
-  i({ type: Boolean, attribute: "no-top-menu-label", reflect: !0 })
-], w.prototype, "noTopMenuLabel");
-_([
-  i()
-], w.prototype, "slotContents");
-_([
-  O(".slot-content-label")
-], w.prototype, "slotContentLabelElement");
-_([
-  O("luzmo-display-settings")
-], w.prototype, "displaySettingsElement");
-_([
-  O("luzmo-slot-menu-list")
-], w.prototype, "slotMenuListElement");
-customElements.get("luzmo-slot-menu") || customElements.define("luzmo-slot-menu", w);
-const ae = ":host{font-family:var(--luzmo-droppable-slot-font-family, var(--luzmo-font-family))}.droppable-slot[filled]{cursor:pointer;border:var(--luzmo-droppable-slot-filled-border-width, var(--droppable-slot-filled-border-width)) var(--luzmo-droppable-slot-filled-border-style, var(--droppable-slot-filled-border-style)) var(--luzmo-droppable-slot-filled-border-color, var(--droppable-slot-filled-border-color));background-color:var(--luzmo-droppable-slot-filled-background-color, var(--droppable-slot-filled-background-color));color:var(--luzmo-droppable-slot-filled-color, var(--droppable-slot-filled-color))}.droppable-slot{color:var(--luzmo-droppable-slot-font-color, var(--droppable-slot-font-color));border:var(--luzmo-droppable-slot-border-width, var(--droppable-slot-border-width)) var(--luzmo-droppable-slot-border-style, var(--droppable-slot-border-style)) var(--luzmo-droppable-slot-border-color, var(--droppable-slot-border-color));background-color:var(--luzmo-droppable-slot-background-color, var(--droppable-slot-background-color));display:flex;justify-content:space-between;align-items:center;padding-left:var(--luzmo-droppable-slot-edge-to-label, var(--droppable-slot-edge-to-label));gap:var(--luzmo-spacing-5);border-radius:var(--luzmo-border-radius);height:var(--luzmo-droppable-slot-height, var(--droppable-slot-height));cursor:move}:host([disabled]) .droppable-slot{background-color:var(--luzmo-droppable-slot-background-color-disabled, var(--droppable-slot-background-color-disabled));color:var(--luzmo-droppable-slot-color-disabled, var(--droppable-slot-color-disabled));cursor:not-allowed}:host([disabled]) .drag-handle-icon{opacity:.25;font-size:12px}.drag-handle-icon{opacity:.5;font-size:12px}.droppable-slot-label{font-size:var(--luzmo-droppable-slot-label-font-size, var(--droppable-slot-label-font-size));flex-grow:1;margin-right:var(--luzmo-droppable-slot-text-to-controls, var(--droppable-slot-text-to-controls));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{height:100%;display:flex;align-items:center;gap:var(--luzmo-droppable-slot-controls-gap, var(--droppable-slot-controls-gap));background-color:var(--luzmo-droppable-slot-controls-background-color, var(--droppable-slot-controls-background-color));color:var(--luzmo-droppable-slot-controls-color, var(--droppable-slot-controls-color));margin-right:var(--luzmo-droppable-slot-controls-to-edge, var(--droppable-slot-controls-to-edge));padding:0 var(--luzmo-droppable-slot-controls-horizontal-padding, var(--droppable-slot-controls-horizontal-padding))}.controls div{cursor:pointer;height:100%;display:flex;align-items:center;padding:0 var(--luzmo-droppable-slot-controls-control-horizontal-padding, var(--droppable-slot-controls-control-horizontal-padding))}luzmo-slot-menu[placement=bottom],luzmo-slot-menu[placement=top],luzmo-slot-menu[placement=bottom-start],luzmo-slot-menu[placement=top-start],luzmo-slot-menu[placement=bottom-end],luzmo-slot-menu[placement=top-end]{margin:var(--luzmo-droppable-slot-overlay-vertical-gap, var(--droppable-slot-overlay-vertical-gap)) 0}luzmo-slot-menu[placement=left],luzmo-slot-menu[placement=right],luzmo-slot-menu[placement=left-start],luzmo-slot-menu[placement=right-start],luzmo-slot-menu[placement=left-end],luzmo-slot-menu[placement=right-end]{margin:0 var(--luzmo-droppable-slot-overlay-horizontal-gap, var(--droppable-slot-overlay-horizontal-gap))}:host{--droppable-slot-border-width: var(--luzmo-border-width);--droppable-slot-border-style: dashed;--droppable-slot-border-color: var(--luzmo-border-color);--droppable-slot-background-color: transparent;--droppable-slot-font-color: var(--luzmo-font-color);--droppable-slot-controls-background-color: var(--luzmo-primary-down);--droppable-slot-controls-color: var(--luzmo-primary-inverse-color);--droppable-slot-text-to-controls: var(--luzmo-spacing-3);--droppable-slot-controls-to-edge: 0;--droppable-slot-controls-gap: var(--luzmo-spacing-2);--droppable-slot-controls-horizontal-padding: var(--luzmo-spacing-2);--droppable-slot-controls-control-horizontal-padding: var(--luzmo-spacing-3);--droppable-slot-filled-background-color: var(--luzmo-primary);--droppable-slot-filled-color: var(--luzmo-primary-inverse-color);--droppable-slot-filled-border-width: var(--luzmo-border-width);--droppable-slot-filled-border-style: solid;--droppable-slot-filled-border-color: var(--luzmo-primary-down);--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-edge-to-label: var(--luzmo-spacing-5);--droppable-slot-color-disabled: var(--luzmo-color-disabled);--droppable-slot-background-color-disabled: var( --luzmo-background-color-disabled )}:host([accept-drag]){--droppable-slot-filled-background-color: var(--luzmo-color-positive);--droppable-slot-filled-color: white;--droppable-slot-filled-border-color: var(--luzmo-color-positive-down);--droppable-slot-controls-background-color: var(--luzmo-color-positive-down);--droppable-slot-controls-color: white;--droppable-slot-background-color: var(--luzmo-color-positive);--droppable-slot-font-color: white}:host{--droppable-slot-height: var(--luzmo-component-height);--droppable-slot-label-font-size: var(--luzmo-font-size);--droppable-slot-icon-type-font-size: var(--luzmo-font-size);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=s]){--droppable-slot-height: var(--luzmo-component-height-s);--droppable-slot-label-font-size: var(--luzmo-font-size-s);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-s);--droppable-slot-horizontal-padding: var(--luzmo-spacing-4);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-4);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-4)}:host([size=l]){--droppable-slot-height: var(--luzmo-component-height-l);--droppable-slot-label-font-size: var(--luzmo-font-size-l);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-l);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host([size=xl]){--droppable-slot-height: var(--luzmo-component-height-xl);--droppable-slot-label-font-size: var(--luzmo-font-size-xl);--droppable-slot-icon-type-font-size: var(--luzmo-font-size-xl);--droppable-slot-horizontal-padding: var(--luzmo-spacing-5);--droppable-slot-overlay-horizontal-gap: var(--luzmo-spacing-5);--droppable-slot-overlay-vertical-gap: var(--luzmo-spacing-5)}:host{box-sizing:border-box}";
-var re = Object.defineProperty, $ = (n, t, e, l) => {
-  for (var o = void 0, a = n.length - 1, r; a >= 0; a--)
-    (r = n[a]) && (o = r(t, e, o) || o);
-  return o && re(t, e, o), o;
-};
-const Q = class Q extends E(L, {
-  validSizes: ["s", "m", "l", "xl"],
-  noDefaultSize: !0
-}) {
-  constructor() {
-    super(...arguments), this._loadSlotsConfig = new st(this, {
-      task: async ([t]) => {
-        if (t && t !== this._itemTypeLoaded) {
-          const e = /* @__PURE__ */ Object.assign({
-            "./item-slots-configs/area-chart-slots.config.ts": () => import("./area-chart-slots.config-C0c2ZzBh.js"),
-            "./item-slots-configs/bar-chart-slots.config.ts": () => import("./bar-chart-slots.config-GSSL7XVA.js"),
-            "./item-slots-configs/donut-chart-slots.config.ts": () => import("./donut-chart-slots.config-BEwhfq27.js")
-          });
-          if (e[`./item-slots-configs/${t}-slots.config.ts`]) {
-            const l = await e[`./item-slots-configs/${t}-slots.config.ts`]();
-            this._slotsConfig = (l == null ? void 0 : l.default) ?? {};
-          }
-          return this._slotsConfig;
-        }
-      },
-      args: () => [this.itemType, this.language]
-    }), this.slotConfiguration = {}, this.slotContents = [], this.language = "en", this.menu = "default", this.placement = "bottom-end", this.changedSlotContents = (t) => {
-      this.dispatchEvent(
-        new CustomEvent("slot-contents-changed", {
-          bubbles: !0,
-          composed: !0,
-          cancelable: !0,
-          detail: {
-            slotContents: t
-          }
-        })
-      );
-    }, this._currentSlotContents = [];
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._cleanupDroppable();
-  }
-  emptySlotContents(t) {
-    t.preventDefault(), t.stopPropagation(), this.slotContents = [], this.changedSlotContents([]);
-  }
-  willUpdate(t) {
-    t.has("slotContents") && (this._currentSlotContents = structuredClone(this.slotContents));
-  }
-  firstUpdated(t) {
-    this._cleanupDroppable || (this._cleanupDroppable = lt({
-      element: this,
-      onDrop: (e) => {
-        var r, d, c, u;
-        const l = { ...(r = e.source) == null ? void 0 : r.data }, o = {
-          ...(l == null ? void 0 : l.label) ?? { en: "Untitled" }
-        }, a = l == null ? void 0 : l.type;
-        if (a === "datetime" && !l.level && (l.level = l.lowestLevel ?? (l.subtype === "date" ? 5 : 9)), a === "datetime" && ((c = (d = e == null ? void 0 : e.source) == null ? void 0 : d.element) != null && c.hasAttribute("sublevel"))) {
-          const v = [
-            "(Yr)",
-            "(Qtr)",
-            "(Mth)",
-            "(Wk)",
-            "(Date)",
-            "(Hr)",
-            "(Min)",
-            "(Sec)",
-            "(Msec)"
-          ], m = (l == null ? void 0 : l.level) ?? 1, k = Object.keys(o);
-          for (const q of k)
-            o[q] = `${o[q]} ${v[m - 1]}`;
-          l.label = o;
-        }
-        this.slotContents = (u = this.slotConfiguration) != null && u.canAcceptMultipleColumns ? [...this.slotContents ?? [], l] : [l], this.removeAttribute("accept-drag"), this.changedSlotContents(this.slotContents);
-      },
-      canDrop: ({ source: e }) => {
-        var o, a, r, d, c, u, v, m, k;
-        if (![
-          "LUZMO-DRAGGABLE-DATA-ITEM-LEVEL",
-          "LUZMO-DRAGGABLE-DATA-ITEM"
-        ].includes((o = e.element) == null ? void 0 : o.tagName))
-          return !1;
-        const l = ((r = (a = this.slotConfiguration) == null ? void 0 : a.acceptableColumnTypes) == null ? void 0 : r.length) > 0 ? this.slotConfiguration.acceptableColumnTypes : ["numeric", "hierarchy", "datetime"];
-        return (d = e == null ? void 0 : e.data) != null && d.type && !l.includes((c = e == null ? void 0 : e.data) == null ? void 0 : c.type) ? !1 : !((u = e == null ? void 0 : e.data) != null && u.subtype && ((m = (v = this.slotConfiguration) == null ? void 0 : v.acceptableColumnSubtypes) == null ? void 0 : m.length) > 0 && !this.slotConfiguration.acceptableColumnSubtypes.includes(
-          (k = e == null ? void 0 : e.data) == null ? void 0 : k.subtype
-        ));
-      },
-      getDropEffect: () => "link",
-      onDragEnter: (e) => {
-        this.setAttribute("accept-drag", "");
-      },
-      onDragLeave: (e) => {
-        this.removeAttribute("accept-drag");
-      }
-    }));
-  }
-  updated(t) {
-    this.createFullLabel();
-  }
-  _onSlotMenuChanges(t) {
-    var e;
-    t.preventDefault(), t.stopPropagation(), this.slotContents.length === ((e = t.detail.slotContents) == null ? void 0 : e.length) ? (this._currentSlotContents = t.detail.slotContents, this.createFullLabel(), this.changedSlotContents(this._currentSlotContents)) : (this.slotContents = t.detail.slotContents, this.changedSlotContents(this.slotContents));
-  }
-  // we update the label outside the lit render method to not lose focus when typing in the display settings bc of rerender
-  // we use a copy of slotContents '_currentSlotContents' to not trigger a rerender when the slotContents change from the slot-menu
-  createFullLabel() {
-    var l, o, a, r, d, c, u;
-    let t = "";
-    ((l = this._currentSlotContents) == null ? void 0 : l.length) === 1 ? t = K((a = (o = this._currentSlotContents) == null ? void 0 : o[0]) == null ? void 0 : a.label, this.language) ?? "Untitled" : ((r = this._currentSlotContents) == null ? void 0 : r.length) > 1 && (t = `${this._currentSlotContents.length} items`);
-    let e = "";
-    this.label ? e = this.label : (d = this.slotConfiguration) != null && d.label && (e = this.slotConfiguration.label), e = e || "Untitled", ((c = this._currentSlotContents) == null ? void 0 : c.length) > 0 && (e += ((u = this._currentSlotContents) == null ? void 0 : u.length) > 1 ? `: ${this._currentSlotContents.length} items` : `: ${t}`), this._droppableSlotLabelElement && (this._droppableSlotLabelElement.textContent = e);
-  }
-  droppableSlotMarkup() {
-    var t, e, l, o;
-    return s`
-      <div
-        class="droppable-slot"
-        ?filled=${((t = this.slotContents) == null ? void 0 : t.length) > 0}
-        id="trigger"
-      >
-        <div class="droppable-slot-label"></div>
-        ${((e = this.slotContents) == null ? void 0 : e.length) > 0 && !(this.hideConfiguration && this.hideDelete) ? s`<div class="controls">
-              ${this.hideConfiguration ? "" : s`<div>
-                    ${C(wt)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement="top"
-                      size=${this.size}
-                    >
-                      edit
-                    </luzmo-tooltip>
-                  </div> `}
-              ${this.hideDelete ? "" : s`<div @click=${this.emptySlotContents}>
-                    ${C(H)}
-                    <luzmo-tooltip
-                      self-managed
-                      placement="top"
-                      size=${this.size}
-                    >
-                      Delete
-                    </luzmo-tooltip>
-                  </div>`}
-            </div>` : ""}
-        ${((l = this.slotContents) == null ? void 0 : l.length) > 0 ? s`<luzmo-overlay
-              trigger="trigger@click"
-              .placement=${this.placement}
-            >
-              <luzmo-slot-menu
-                language=${this.language}
-                content-language=${this.language}
-                slot-type=${(o = this.slotConfiguration) == null ? void 0 : o.type}
-                .slotContents=${this._currentSlotContents}
-                variant="popup"
-                .size=${this.size}
-                @slot-contents-changed=${this._onSlotMenuChanges}
-              ></luzmo-slot-menu>
-            </luzmo-overlay>` : ""}
-      </div>
-    `;
-  }
-  render() {
-    return this._loadSlotsConfig.render({
-      pending: () => s`<p>Loading...</p>`,
-      complete: (t) => {
-        if (this.slotName && this.itemType && t) {
-          const e = t.find(
-            (l) => l.name === this.slotName
-          );
-          e && (this.slotConfiguration = e);
-        }
-        return this.droppableSlotMarkup();
-      },
-      error: (t) => s`
-        <div>
-          Could not load droppable slot: '${this.slotName}' of chart
-          '${this.itemType}': ${t}.
-        </div>
-      `
-    });
-  }
-};
-Q.styles = S(ae);
-let z = Q;
-$([
-  i({ type: String, reflect: !0, attribute: "item-type" })
-], z.prototype, "itemType");
-$([
-  i({ type: String, reflect: !0, attribute: "slot-name" })
-], z.prototype, "slotName");
-$([
-  i({ type: Object })
-], z.prototype, "slotConfiguration");
-$([
-  i({ type: Object })
-], z.prototype, "slotContents");
-$([
-  i({ type: String, reflect: !0 })
-], z.prototype, "label");
-$([
-  i({ type: String, reflect: !0 })
-], z.prototype, "language");
-$([
-  i({ type: String, reflect: !0 })
-], z.prototype, "menu");
-$([
-  i({ type: String, reflect: !0 })
-], z.prototype, "placement");
-$([
-  i({ type: Boolean, reflect: !0, attribute: "hide-delete" })
-], z.prototype, "hideDelete");
-$([
-  i({ type: Boolean, reflect: !0, attribute: "hide-configuration" })
-], z.prototype, "hideConfiguration");
-$([
-  O(".droppable-slot-label")
-], z.prototype, "_droppableSlotLabelElement");
-customElements.get("luzmo-droppable-slot") || customElements.define("luzmo-droppable-slot", z);
-export {
-  M as D,
-  D as F,
-  Z as H,
-  h as L,
-  nt as M,
-  at as a,
-  x as b,
-  z as c,
-  g as d,
-  w as e,
-  B as f,
-  st as h
-};