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

package/components/edit-option-positions-number-field/index.js

@@ -0,0 +1,170 @@
+/*! * 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 { O as g, $ as y } from "../luzmo-icons-CZEpXpvy.js";
+import "../index-DszPbTTD.js";
+import { r as v, x as m, n as u } from "../property-CD3dwBJC.js";
+import { r as x } from "../state-B1a8XIDm.js";
+import { L as w } from "../edit-option-base-oIvlolV9.js";
+const b = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const c = document.createElement("style");
+    c.setAttribute("data-luzmo-vars", ""), c.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(c);
+  }
+};
+b();
+const k = ":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";
+var $ = Object.defineProperty, s = (c, o, t, i) => {
+  for (var e = void 0, r = c.length - 1, l; r >= 0; r--)
+    (l = c[r]) && (e = l(o, t, e) || e);
+  return e && $(o, t, e), e;
+};
+class n extends w {
+  constructor() {
+    super(...arguments), this.positions = ["top", "right", "bottom", "left"], this.invalid = !1, this.readonly = !1, this.debounce = 200, this._positions = [
+      ["top-left", "top", "top-right"],
+      ["left", "center", "right"],
+      ["bottom-left", "bottom", "bottom-right"]
+    ];
+  }
+  static get styles() {
+    return [v(k)];
+  }
+  _calculateSyncedValue() {
+    var t;
+    let o;
+    return (t = this.positions) == null || t.forEach((i) => {
+      var e, r, l;
+      o = typeof o == "number" && ((e = this.values) != null && e[i]) ? Math.min(o, (r = this.values) == null ? void 0 : r[i]) : (l = this.values) == null ? void 0 : l[i];
+    }), o;
+  }
+  toggleSync() {
+    if (this.sync = !this.sync, this.sync && (this.syncedValue = this._calculateSyncedValue(), typeof this.syncedValue == "number")) {
+      this.values = { ...this.values };
+      for (const o of this.positions ?? [])
+        this.values[o] = this.syncedValue;
+    }
+  }
+  _handleEvent(o) {
+    const t = o.target.getAttribute("position"), i = o.target.value;
+    let e = {};
+    if (!(!t || typeof i != "number")) {
+      if (this.canSync && this.sync && t === "center") {
+        this.syncedValue = i;
+        for (const r of this.positions ?? [])
+          e[r] = i;
+      } else
+        e = {
+          ...this.values,
+          [t]: i
+        };
+      this.debounceTimeout && clearTimeout(this.debounceTimeout), this.debounceTimeout = setTimeout(() => {
+        var d;
+        const r = Object.keys(this.values ?? {}), l = Object.keys(e);
+        let a = !0;
+        r.length !== l.length && (a = !1);
+        for (const p of r)
+          ((d = this.values) == null ? void 0 : d[p]) !== e[p] && (a = !1);
+        a || (this.dispatchEvent(
+          new CustomEvent("option-changed", {
+            bubbles: !0,
+            composed: !0,
+            cancelable: !0,
+            detail: {
+              values: { ...e }
+            }
+          })
+        ), this.values = e);
+      }, this.debounce ?? 200);
+    }
+  }
+  _renderNumberField(o) {
+    var t, i, e, r, l, a, d, p, h, f, z;
+    return (t = this.positions) != null && t.includes(o) || o === "center" ? this.canSync && (this.sync && o !== "center" || !this.sync && o === "center") ? m`<div
+          class="sync-button ${this.sync ? "" : "sync"}"
+          position=${o}
+          @click=${this.toggleSync}
+        >
+          ${g(y)}
+        </div>` : !this.canSync && !((i = this.positions) != null && i.includes("center")) && o === "center" ? m`<div class="no-sync-center"></div>` : m`<div class="position">
+        <luzmo-number-field
+          position=${o}
+          .value=${this.sync && this.canSync ? this.syncedValue ?? 0 : ((e = this.values) == null ? void 0 : e[o]) ?? ((l = (r = this.positionConfiguration) == null ? void 0 : r[o]) == null ? void 0 : l.default) ?? 0}
+          .disabled=${this.disabled}
+          .size=${this.size}
+          .min=${((d = (a = this.positionConfiguration) == null ? void 0 : a[o]) == null ? void 0 : d.min) ?? 0}
+          .max=${((h = (p = this.positionConfiguration) == null ? void 0 : p[o]) == null ? void 0 : h.max) ?? 100}
+          .step=${((z = (f = this.positionConfiguration) == null ? void 0 : f[o]) == null ? void 0 : z.step) ?? 1}
+          .invalid=${this.invalid}
+          @change=${this._handleEvent}
+          @input=${this._handleEvent}
+        >
+        </luzmo-number-field>
+      </div>` : m`<div class="position"></div>`;
+  }
+  willUpdate() {
+    !this.canSync && this.sync && (this.sync = !1);
+  }
+  renderController() {
+    this._calculateSyncedValue();
+    const o = this._positions.map((t) => {
+      const i = t.map(
+        (e) => this._renderNumberField(e)
+      );
+      return m`${i}`;
+    });
+    return m`<div class="positions-container-wrapper">
+      <div class="positions-container">${o}</div>
+    </div>`;
+  }
+}
+s([
+  u({ type: Array, reflect: !0 })
+], n.prototype, "positions");
+s([
+  u({ type: Object, reflect: !0 })
+], n.prototype, "values");
+s([
+  u({ type: Boolean, reflect: !0, attribute: "can-sync" })
+], n.prototype, "canSync");
+s([
+  u({ type: Boolean, reflect: !0 })
+], n.prototype, "sync");
+s([
+  u({ type: Object })
+], n.prototype, "positionConfiguration");
+s([
+  u({ type: Boolean, reflect: !0 })
+], n.prototype, "invalid");
+s([
+  u({ type: Boolean, reflect: !0 })
+], n.prototype, "readonly");
+s([
+  u({ type: Number, reflect: !0 })
+], n.prototype, "debounce");
+s([
+  x()
+], n.prototype, "syncedValue");
+customElements.get("luzmo-edit-option-positions-number-field") || customElements.define(
+  "luzmo-edit-option-positions-number-field",
+  n
+);
+export {
+  n as LuzmoEditOptionPositionsNumberField
+};

package/components/edit-option-radio-button-group/edit-option-radio-button-group.d.ts

@@ -0,0 +1,18 @@
+import '@luzmo/lucero/action-button';
+import '@luzmo/lucero/action-group';
+import { TemplateResult } from 'lit';
+import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
+export declare class LuzmoEditOptionRadioButtonGroup extends LuzmoEditOptionBase {
+    static styles: import("lit").CSSResultArray[];
+    values: Record<string, string>;
+    disabled: boolean;
+    value: string;
+    default: string;
+    fromOptionValue?: (value?: string | number | any) => string;
+    toOptionValue?: (value?: string) => string | number | any;
+    private actionGroup;
+    debounceTimeout: any;
+    private generateRadioButtons;
+    private _handleEvent;
+    protected renderController(): TemplateResult<1>;
+}

package/components/edit-option-radio-button-group/index.cjs

@@ -0,0 +1,36 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";var d=Object.getPrototypeOf;var h=Reflect.get;var c=(u,e,t)=>h(d(u),t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../index-CtHO6VyI.cjs");require("../index-CTPox3yS.cjs");const i=require("../property-Su1Q6aME.cjs"),f=require("../query-D5qWDopr.cjs"),v=require("../edit-option-base-DnrerC_T.cjs");var y=Object.defineProperty,n=(u,e,t,r)=>{for(var s=void 0,l=u.length-1,p;l>=0;l--)(p=u[l])&&(s=p(e,t,s)||s);return s&&y(e,t,s),s};const a=class a extends v.LuzmoEditOptionBase{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const e=Object.entries(this.values).map(([t,r])=>i.x`
+        <luzmo-action-button value=${t} ?disabled=${this.disabled}>
+          ${r}
+        </luzmo-action-button>
+      `);return i.x` ${e} `}_handleEvent(){var e,t,r,s;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue((t=(e=this.actionGroup)==null?void 0:e.selected)==null?void 0:t[0]):(s=(r=this.actionGroup)==null?void 0:r.selected)==null?void 0:s[0]}}))}renderController(){const e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,t=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return i.x`
+      <luzmo-action-group
+        compact
+        selects="single"
+        emphasized
+        @change=${this._handleEvent}
+        .size=${this.size}
+        .selected=${e&&this.values[e]?[e]:t&&this.values[t]?[t]:[Object.keys(this.values)[0]]}
+        ?disabled=${this.disabled}
+      >
+        ${this.generateRadioButtons()}
+      </luzmo-action-group>
+    `}};a.styles=[c(a,a,"styles")];let o=a;n([i.n({type:Array})],o.prototype,"values");n([i.n({type:Boolean,reflect:!0})],o.prototype,"disabled");n([i.n({type:String})],o.prototype,"value");n([i.n({type:String})],o.prototype,"default");n([i.n()],o.prototype,"fromOptionValue");n([i.n()],o.prototype,"toOptionValue");n([f.e("luzmo-action-group")],o.prototype,"actionGroup");customElements.get("luzmo-edit-option-radio-button-group")||customElements.define("luzmo-edit-option-radio-button-group",o);exports.LuzmoEditOptionRadioButtonGroup=o;

package/components/edit-option-radio-button-group/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoEditOptionRadioButtonGroup } from './edit-option-radio-button-group';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-edit-option-radio-button-group': LuzmoEditOptionRadioButtonGroup;
+    }
+}
+export { LuzmoEditOptionRadioButtonGroup } from './edit-option-radio-button-group';

package/components/edit-option-radio-button-group/index.js

@@ -0,0 +1,113 @@
+/*! * 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.
+ * */
+var z = Object.getPrototypeOf;
+var p = Reflect.get;
+var d = (t, o, e) => p(z(t), e, o);
+import "../index-EQldC-LR.js";
+import "../index-BGaxFTL4.js";
+import { x as s, n as i } from "../property-CD3dwBJC.js";
+import { e as b } from "../query-Ddbd72Um.js";
+import { L as g } from "../edit-option-base-oIvlolV9.js";
+const f = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const t = document.createElement("style");
+    t.setAttribute("data-luzmo-vars", ""), t.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(t);
+  }
+};
+f();
+var h = Object.defineProperty, u = (t, o, e, m) => {
+  for (var r = void 0, c = t.length - 1, a; c >= 0; c--)
+    (a = t[c]) && (r = a(o, e, r) || r);
+  return r && h(o, e, r), r;
+};
+const n = class n extends g {
+  constructor() {
+    super(...arguments), this.values = {}, this.disabled = !1;
+  }
+  generateRadioButtons() {
+    const o = Object.entries(this.values).map(
+      ([e, m]) => s`
+        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
+          ${m}
+        </luzmo-action-button>
+      `
+    );
+    return s` ${o} `;
+  }
+  _handleEvent() {
+    var o, e, m, r;
+    this.dispatchEvent(
+      new CustomEvent("option-changed", {
+        bubbles: !0,
+        composed: !0,
+        cancelable: !0,
+        detail: {
+          value: typeof this.toOptionValue == "function" ? this.toOptionValue((e = (o = this.actionGroup) == null ? void 0 : o.selected) == null ? void 0 : e[0]) : (r = (m = this.actionGroup) == null ? void 0 : m.selected) == null ? void 0 : r[0]
+        }
+      })
+    );
+  }
+  renderController() {
+    const o = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.value) : this.value, e = typeof this.fromOptionValue == "function" ? this.fromOptionValue(this.default) : this.default;
+    return s`
+      <luzmo-action-group
+        compact
+        selects="single"
+        emphasized
+        @change=${this._handleEvent}
+        .size=${this.size}
+        .selected=${o && this.values[o] ? [o] : e && this.values[e] ? [e] : [Object.keys(this.values)[0]]}
+        ?disabled=${this.disabled}
+      >
+        ${this.generateRadioButtons()}
+      </luzmo-action-group>
+    `;
+  }
+};
+n.styles = [d(n, n, "styles")];
+let l = n;
+u([
+  i({ type: Array })
+], l.prototype, "values");
+u([
+  i({ type: Boolean, reflect: !0 })
+], l.prototype, "disabled");
+u([
+  i({ type: String })
+], l.prototype, "value");
+u([
+  i({ type: String })
+], l.prototype, "default");
+u([
+  i()
+], l.prototype, "fromOptionValue");
+u([
+  i()
+], l.prototype, "toOptionValue");
+u([
+  b("luzmo-action-group")
+], l.prototype, "actionGroup");
+customElements.get("luzmo-edit-option-radio-button-group") || customElements.define(
+  "luzmo-edit-option-radio-button-group",
+  l
+);
+export {
+  l as LuzmoEditOptionRadioButtonGroup
+};

package/components/edit-option-slider/edit-option-slider.d.ts

@@ -0,0 +1,15 @@
+import '@luzmo/lucero/slider';
+import { LuzmoEditOptionBase } from '../edit-option-base/edit-option-base';
+export declare class LuzmoEditOptionSlider extends LuzmoEditOptionBase {
+    static styles: import("lit").CSSResultArray[];
+    value: number;
+    default: number;
+    min: number;
+    max: number;
+    step: number;
+    debounce: number;
+    fromOptionValue?: (value?: string | number | any) => number;
+    toOptionValue?: (value?: number) => string | number | any;
+    private _handleEvent;
+    protected renderController(): import("lit-html").TemplateResult<1>;
+}

package/components/edit-option-slider/index.cjs

@@ -0,0 +1,48 @@
+/*! * A kit of modern Luzmo Web Components for analytics in your web application.
+ * 
+ * Copyright © 2024 Luzmo
+ * All rights reserved.
+ * Luzmo web components (“Luzmo Web Components”)
+ * must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account
+ * to use the Luzmo Web Components. This license terminates
+ * automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";var Ne=Object.getPrototypeOf;var Ve=Reflect.get;var qt=(o,t,i)=>Ve(Ne(o),i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../property-Su1Q6aME.cjs"),Pe=require("../sized-mixin-PyCYpyQq-sKzDjc75.cjs"),Ae=require("../edit-option-base-DnrerC_T.cjs");/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */const Oe=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const o=document.createElement("style");o.setAttribute("data-luzmo-vars",""),o.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(o)}};Oe();var B;(function(o){o.Range="range",o.Steps="steps",o.Positions="positions",o.Count="count",o.Values="values"})(B||(B={}));var D;(function(o){o[o.None=-1]="None",o[o.NoValue=0]="NoValue",o[o.LargeValue=1]="LargeValue",o[o.SmallValue=2]="SmallValue"})(D||(D={}));function Me(o){return st(o)&&typeof o.from=="function"}function st(o){return typeof o=="object"&&typeof o.to=="function"}function Bt(o){o.parentElement.removeChild(o)}function St(o){return o!=null}function $t(o){o.preventDefault()}function De(o){return o.filter(function(t){return this[t]?!1:this[t]=!0},{})}function Le(o,t){return Math.round(o/t)*t}function He(o,t){var i=o.getBoundingClientRect(),c=o.ownerDocument,s=c.documentElement,h=Qt(c);return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(h.x=0),t?i.top+h.y-s.clientTop:i.left+h.x-s.clientLeft}function j(o){return typeof o=="number"&&!isNaN(o)&&isFinite(o)}function Yt(o,t,i){i>0&&(M(o,t),setTimeout(function(){at(o,t)},i))}function Xt(o){return Math.max(Math.min(o,100),0)}function lt(o){return Array.isArray(o)?o:[o]}function je(o){o=String(o);var t=o.split(".");return t.length>1?t[1].length:0}function M(o,t){o.classList&&!/\s/.test(t)?o.classList.add(t):o.className+=" "+t}function at(o,t){o.classList&&!/\s/.test(t)?o.classList.remove(t):o.className=o.className.replace(new RegExp("(^|\\b)"+t.split(" ").join("|")+"(\\b|$)","gi")," ")}function Fe(o,t){return o.classList?o.classList.contains(t):new RegExp("\\b"+t+"\\b").test(o.className)}function Qt(o){var t=window.pageXOffset!==void 0,i=(o.compatMode||"")==="CSS1Compat",c=t?window.pageXOffset:i?o.documentElement.scrollLeft:o.body.scrollLeft,s=t?window.pageYOffset:i?o.documentElement.scrollTop:o.body.scrollTop;return{x:c,y:s}}function Te(){return window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"}}function Re(){var o=!1;try{var t=Object.defineProperty({},"passive",{get:function(){o=!0}});window.addEventListener("test",null,t)}catch{}return o}function _e(){return window.CSS&&CSS.supports&&CSS.supports("touch-action","none")}function Et(o,t){return 100/(t-o)}function kt(o,t,i){return t*100/(o[i+1]-o[i])}function qe(o,t){return kt(o,o[0]<0?t+Math.abs(o[0]):t-o[0],0)}function Be(o,t){return t*(o[1]-o[0])/100+o[0]}function tt(o,t){for(var i=1;o>=t[i];)i+=1;return i}function $e(o,t,i){if(i>=o.slice(-1)[0])return 100;var c=tt(i,o),s=o[c-1],h=o[c],f=t[c-1],z=t[c];return f+qe([s,h],i)/Et(f,z)}function Ye(o,t,i){if(i>=100)return o.slice(-1)[0];var c=tt(i,t),s=o[c-1],h=o[c],f=t[c-1],z=t[c];return Be([s,h],(i-f)*Et(f,z))}function Xe(o,t,i,c){if(c===100)return c;var s=tt(c,o),h=o[s-1],f=o[s];return i?c-h>(f-h)/2?f:h:t[s-1]?o[s-1]+Le(c-o[s-1],t[s-1]):c}var Wt=function(){function o(t,i,c){this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[c||!1],this.xNumSteps=[!1],this.snap=i;var s,h=[];for(Object.keys(t).forEach(function(f){h.push([lt(t[f]),f])}),h.sort(function(f,z){return f[0][0]-z[0][0]}),s=0;s<h.length;s++)this.handleEntryPoint(h[s][1],h[s][0]);for(this.xNumSteps=this.xSteps.slice(0),s=0;s<this.xNumSteps.length;s++)this.handleStepPoint(s,this.xNumSteps[s])}return o.prototype.getDistance=function(t){for(var i=[],c=0;c<this.xNumSteps.length-1;c++)i[c]=kt(this.xVal,t,c);return i},o.prototype.getAbsoluteDistance=function(t,i,c){var s=0;if(t<this.xPct[this.xPct.length-1])for(;t>this.xPct[s+1];)s++;else t===this.xPct[this.xPct.length-1]&&(s=this.xPct.length-2);!c&&t===this.xPct[s+1]&&s++,i===null&&(i=[]);var h,f=1,z=i[s],y=0,m=0,V=0,A=0;for(c?h=(t-this.xPct[s])/(this.xPct[s+1]-this.xPct[s]):h=(this.xPct[s+1]-t)/(this.xPct[s+1]-this.xPct[s]);z>0;)y=this.xPct[s+1+A]-this.xPct[s+A],i[s+A]*f+100-h*100>100?(m=y*h,f=(z-100*h)/i[s+A],h=1):(m=i[s+A]*y/100*f,f=0),c?(V=V-m,this.xPct.length+A>=1&&A--):(V=V+m,this.xPct.length-A>=1&&A++),z=i[s+A]*f;return t+V},o.prototype.toStepping=function(t){return t=$e(this.xVal,this.xPct,t),t},o.prototype.fromStepping=function(t){return Ye(this.xVal,this.xPct,t)},o.prototype.getStep=function(t){return t=Xe(this.xPct,this.xSteps,this.snap,t),t},o.prototype.getDefaultStep=function(t,i,c){var s=tt(t,this.xPct);return(t===100||i&&t===this.xPct[s-1])&&(s=Math.max(s-1,1)),(this.xVal[s]-this.xVal[s-1])/c},o.prototype.getNearbySteps=function(t){var i=tt(t,this.xPct);return{stepBefore:{startValue:this.xVal[i-2],step:this.xNumSteps[i-2],highestStep:this.xHighestCompleteStep[i-2]},thisStep:{startValue:this.xVal[i-1],step:this.xNumSteps[i-1],highestStep:this.xHighestCompleteStep[i-1]},stepAfter:{startValue:this.xVal[i],step:this.xNumSteps[i],highestStep:this.xHighestCompleteStep[i]}}},o.prototype.countStepDecimals=function(){var t=this.xNumSteps.map(je);return Math.max.apply(null,t)},o.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},o.prototype.convert=function(t){return this.getStep(this.toStepping(t))},o.prototype.handleEntryPoint=function(t,i){var c;if(t==="min"?c=0:t==="max"?c=100:c=parseFloat(t),!j(c)||!j(i[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(c),this.xVal.push(i[0]);var s=Number(i[1]);c?this.xSteps.push(isNaN(s)?!1:s):isNaN(s)||(this.xSteps[0]=s),this.xHighestCompleteStep.push(0)},o.prototype.handleStepPoint=function(t,i){if(i){if(this.xVal[t]===this.xVal[t+1]){this.xSteps[t]=this.xHighestCompleteStep[t]=this.xVal[t];return}this.xSteps[t]=kt([this.xVal[t],this.xVal[t+1]],i,0)/Et(this.xPct[t],this.xPct[t+1]);var c=(this.xVal[t+1]-this.xVal[t])/this.xNumSteps[t],s=Math.ceil(Number(c.toFixed(3))-1),h=this.xVal[t]+this.xNumSteps[t]*s;this.xHighestCompleteStep[t]=h}},o}(),It={to:function(o){return o===void 0?"":o.toFixed(2)},from:Number},Gt={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},q={tooltips:".__tooltips",aria:".__aria"};function Ie(o,t){if(!j(t))throw new Error("noUiSlider: 'step' is not numeric.");o.singleStep=t}function Qe(o,t){if(!j(t))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");o.keyboardPageMultiplier=t}function We(o,t){if(!j(t))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");o.keyboardMultiplier=t}function Ge(o,t){if(!j(t))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");o.keyboardDefaultStep=t}function Je(o,t){if(typeof t!="object"||Array.isArray(t))throw new Error("noUiSlider: 'range' is not an object.");if(t.min===void 0||t.max===void 0)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");o.spectrum=new Wt(t,o.snap||!1,o.singleStep)}function Ke(o,t){if(t=lt(t),!Array.isArray(t)||!t.length)throw new Error("noUiSlider: 'start' option is incorrect.");o.handles=t.length,o.start=t}function Ze(o,t){if(typeof t!="boolean")throw new Error("noUiSlider: 'snap' option must be a boolean.");o.snap=t}function to(o,t){if(typeof t!="boolean")throw new Error("noUiSlider: 'animate' option must be a boolean.");o.animate=t}function eo(o,t){if(typeof t!="number")throw new Error("noUiSlider: 'animationDuration' option must be a number.");o.animationDuration=t}function Jt(o,t){var i=[!1],c;if(t==="lower"?t=[!0,!1]:t==="upper"&&(t=[!1,!0]),t===!0||t===!1){for(c=1;c<o.handles;c++)i.push(t);i.push(!1)}else{if(!Array.isArray(t)||!t.length||t.length!==o.handles+1)throw new Error("noUiSlider: 'connect' option doesn't match handle count.");i=t}o.connect=i}function oo(o,t){switch(t){case"horizontal":o.ort=0;break;case"vertical":o.ort=1;break;default:throw new Error("noUiSlider: 'orientation' option is invalid.")}}function Kt(o,t){if(!j(t))throw new Error("noUiSlider: 'margin' option must be numeric.");t!==0&&(o.margin=o.spectrum.getDistance(t))}function ro(o,t){if(!j(t))throw new Error("noUiSlider: 'limit' option must be numeric.");if(o.limit=o.spectrum.getDistance(t),!o.limit||o.handles<2)throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function no(o,t){var i;if(!j(t)&&!Array.isArray(t))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(t)&&!(t.length===2||j(t[0])||j(t[1])))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(t!==0){for(Array.isArray(t)||(t=[t,t]),o.padding=[o.spectrum.getDistance(t[0]),o.spectrum.getDistance(t[1])],i=0;i<o.spectrum.xNumSteps.length-1;i++)if(o.padding[0][i]<0||o.padding[1][i]<0)throw new Error("noUiSlider: 'padding' option must be a positive number(s).");var c=t[0]+t[1],s=o.spectrum.xVal[0],h=o.spectrum.xVal[o.spectrum.xVal.length-1];if(c/(h-s)>1)throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function io(o,t){switch(t){case"ltr":o.dir=0;break;case"rtl":o.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function ao(o,t){if(typeof t!="string")throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var i=t.indexOf("tap")>=0,c=t.indexOf("drag")>=0,s=t.indexOf("fixed")>=0,h=t.indexOf("snap")>=0,f=t.indexOf("hover")>=0,z=t.indexOf("unconstrained")>=0,y=t.indexOf("invert-connects")>=0,m=t.indexOf("drag-all")>=0,V=t.indexOf("smooth-steps")>=0;if(s){if(o.handles!==2)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");Kt(o,o.start[1]-o.start[0])}if(y&&o.handles!==2)throw new Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");if(z&&(o.margin||o.limit))throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");o.events={tap:i||h,drag:c,dragAll:m,smoothSteps:V,fixed:s,snap:h,hover:f,unconstrained:z,invertConnects:y}}function so(o,t){if(t!==!1)if(t===!0||st(t)){o.tooltips=[];for(var i=0;i<o.handles;i++)o.tooltips.push(t)}else{if(t=lt(t),t.length!==o.handles)throw new Error("noUiSlider: must pass a formatter for all handles.");t.forEach(function(c){if(typeof c!="boolean"&&!st(c))throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")}),o.tooltips=t}}function lo(o,t){if(t.length!==o.handles)throw new Error("noUiSlider: must pass a attributes for all handles.");o.handleAttributes=t}function uo(o,t){if(!st(t))throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");o.ariaFormat=t}function co(o,t){if(!Me(t))throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");o.format=t}function po(o,t){if(typeof t!="boolean")throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");o.keyboardSupport=t}function fo(o,t){o.documentElement=t}function ho(o,t){if(typeof t!="string"&&t!==!1)throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");o.cssPrefix=t}function mo(o,t){if(typeof t!="object")throw new Error("noUiSlider: 'cssClasses' must be an object.");typeof o.cssPrefix=="string"?(o.cssClasses={},Object.keys(t).forEach(function(i){o.cssClasses[i]=o.cssPrefix+t[i]})):o.cssClasses=t}function Zt(o){var t={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:It,format:It},i={step:{r:!1,t:Ie},keyboardPageMultiplier:{r:!1,t:Qe},keyboardMultiplier:{r:!1,t:We},keyboardDefaultStep:{r:!1,t:Ge},start:{r:!0,t:Ke},connect:{r:!0,t:Jt},direction:{r:!0,t:io},snap:{r:!1,t:Ze},animate:{r:!1,t:to},animationDuration:{r:!1,t:eo},range:{r:!0,t:Je},orientation:{r:!1,t:oo},margin:{r:!1,t:Kt},limit:{r:!1,t:ro},padding:{r:!1,t:no},behaviour:{r:!0,t:ao},ariaFormat:{r:!1,t:uo},format:{r:!1,t:co},tooltips:{r:!1,t:so},keyboardSupport:{r:!0,t:po},documentElement:{r:!1,t:fo},cssPrefix:{r:!0,t:ho},cssClasses:{r:!0,t:mo},handleAttributes:{r:!1,t:lo}},c={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:Gt,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};o.format&&!o.ariaFormat&&(o.ariaFormat=o.format),Object.keys(i).forEach(function(y){if(!St(o[y])&&c[y]===void 0){if(i[y].r)throw new Error("noUiSlider: '"+y+"' is required.");return}i[y].t(t,St(o[y])?o[y]:c[y])}),t.pips=o.pips;var s=document.createElement("div"),h=s.style.msTransform!==void 0,f=s.style.transform!==void 0;t.transformRule=f?"transform":h?"msTransform":"webkitTransform";var z=[["left","top"],["right","bottom"]];return t.style=z[t.dir][t.ort],t}function go(o,t,i){var c=Te(),s=_e(),h=s&&Re(),f=o,z,y,m,V,A,_,g=t.spectrum,F=[],S=[],L=[],ut=0,T={},G=!1,Q=o.ownerDocument,et=t.documentElement||Q.documentElement,ot=Q.body,ee=Q.dir==="rtl"||t.ort===1?0:100;function R(e,r){var n=Q.createElement("div");return r&&M(n,r),e.appendChild(n),n}function oe(e,r){var n=R(e,t.cssClasses.origin),a=R(n,t.cssClasses.handle);if(R(a,t.cssClasses.touchArea),a.setAttribute("data-handle",String(r)),t.keyboardSupport&&(a.setAttribute("tabindex","0"),a.addEventListener("keydown",function(u){return ve(u,r)})),t.handleAttributes!==void 0){var l=t.handleAttributes[r];Object.keys(l).forEach(function(u){a.setAttribute(u,l[u])})}return a.setAttribute("role","slider"),a.setAttribute("aria-orientation",t.ort?"vertical":"horizontal"),r===0?M(a,t.cssClasses.handleLower):r===t.handles-1&&M(a,t.cssClasses.handleUpper),n.handle=a,n}function ct(e,r){return r?R(e,t.cssClasses.connect):!1}function re(e,r){y=R(r,t.cssClasses.connects),m=[],V=[],V.push(ct(y,e[0]));for(var n=0;n<t.handles;n++)m.push(oe(r,n)),L[n]=n,V.push(ct(y,e[n+1]))}function ne(e){M(e,t.cssClasses.target),t.dir===0?M(e,t.cssClasses.ltr):M(e,t.cssClasses.rtl),t.ort===0?M(e,t.cssClasses.horizontal):M(e,t.cssClasses.vertical);var r=getComputedStyle(e).direction;return r==="rtl"?M(e,t.cssClasses.textDirectionRtl):M(e,t.cssClasses.textDirectionLtr),R(e,t.cssClasses.base)}function ie(e,r){return!t.tooltips||!t.tooltips[r]?!1:R(e.firstChild,t.cssClasses.tooltip)}function Ct(){return f.hasAttribute("disabled")}function dt(e){var r=m[e];return r.hasAttribute("disabled")}function ae(e){e!=null?(m[e].setAttribute("disabled",""),m[e].handle.removeAttribute("tabindex")):(f.setAttribute("disabled",""),m.forEach(function(r){r.handle.removeAttribute("tabindex")}))}function se(e){e!=null?(m[e].removeAttribute("disabled"),m[e].handle.setAttribute("tabindex","0")):(f.removeAttribute("disabled"),m.forEach(function(r){r.removeAttribute("disabled"),r.handle.setAttribute("tabindex","0")}))}function pt(){_&&(J("update"+q.tooltips),_.forEach(function(e){e&&Bt(e)}),_=null)}function Nt(){pt(),_=m.map(ie),bt("update"+q.tooltips,function(e,r,n){if(!(!_||!t.tooltips)&&_[r]!==!1){var a=e[r];t.tooltips[r]!==!0&&(a=t.tooltips[r].to(n[r])),_[r].innerHTML=a}})}function le(){J("update"+q.aria),bt("update"+q.aria,function(e,r,n,a,l){L.forEach(function(u){var p=m[u],d=rt(S,u,0,!0,!0,!0),v=rt(S,u,100,!0,!0,!0),x=l[u],w=String(t.ariaFormat.to(n[u]));d=g.fromStepping(d).toFixed(1),v=g.fromStepping(v).toFixed(1),x=g.fromStepping(x).toFixed(1),p.children[0].setAttribute("aria-valuemin",d),p.children[0].setAttribute("aria-valuemax",v),p.children[0].setAttribute("aria-valuenow",x),p.children[0].setAttribute("aria-valuetext",w)})})}function ue(e){if(e.mode===B.Range||e.mode===B.Steps)return g.xVal;if(e.mode===B.Count){if(e.values<2)throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var r=e.values-1,n=100/r,a=[];r--;)a[r]=r*n;return a.push(100),Vt(a,e.stepped)}return e.mode===B.Positions?Vt(e.values,e.stepped):e.mode===B.Values?e.stepped?e.values.map(function(l){return g.fromStepping(g.getStep(g.toStepping(l)))}):e.values:[]}function Vt(e,r){return e.map(function(n){return g.fromStepping(r?g.getStep(n):n)})}function ce(e){function r(x,w){return Number((x+w).toFixed(7))}var n=ue(e),a={},l=g.xVal[0],u=g.xVal[g.xVal.length-1],p=!1,d=!1,v=0;return n=De(n.slice().sort(function(x,w){return x-w})),n[0]!==l&&(n.unshift(l),p=!0),n[n.length-1]!==u&&(n.push(u),d=!0),n.forEach(function(x,w){var U,b,E,O=x,C=n[w+1],P,zt,yt,wt,Tt,Ut,Rt,_t=e.mode===B.Steps;for(_t&&(U=g.xNumSteps[w]),U||(U=C-O),C===void 0&&(C=O),U=Math.max(U,1e-7),b=O;b<=C;b=r(b,U)){for(P=g.toStepping(b),zt=P-v,Tt=zt/(e.density||1),Ut=Math.round(Tt),Rt=zt/Ut,E=1;E<=Ut;E+=1)yt=v+E*Rt,a[yt.toFixed(5)]=[g.fromStepping(yt),0];wt=n.indexOf(b)>-1?D.LargeValue:_t?D.SmallValue:D.NoValue,!w&&p&&b!==C&&(wt=0),b===C&&d||(a[P.toFixed(5)]=[b,wt]),v=P}}),a}function de(e,r,n){var a,l,u=Q.createElement("div"),p=(a={},a[D.None]="",a[D.NoValue]=t.cssClasses.valueNormal,a[D.LargeValue]=t.cssClasses.valueLarge,a[D.SmallValue]=t.cssClasses.valueSub,a),d=(l={},l[D.None]="",l[D.NoValue]=t.cssClasses.markerNormal,l[D.LargeValue]=t.cssClasses.markerLarge,l[D.SmallValue]=t.cssClasses.markerSub,l),v=[t.cssClasses.valueHorizontal,t.cssClasses.valueVertical],x=[t.cssClasses.markerHorizontal,t.cssClasses.markerVertical];M(u,t.cssClasses.pips),M(u,t.ort===0?t.cssClasses.pipsHorizontal:t.cssClasses.pipsVertical);function w(b,E){var O=E===t.cssClasses.value,C=O?v:x,P=O?p:d;return E+" "+C[t.ort]+" "+P[b]}function U(b,E,O){if(O=r?r(E,O):O,O!==D.None){var C=R(u,!1);C.className=w(O,t.cssClasses.marker),C.style[t.style]=b+"%",O>D.NoValue&&(C=R(u,!1),C.className=w(O,t.cssClasses.value),C.setAttribute("data-value",String(E)),C.style[t.style]=b+"%",C.innerHTML=String(n.to(E)))}}return Object.keys(e).forEach(function(b){U(b,e[b][0],e[b][1])}),u}function ft(){A&&(Bt(A),A=null)}function ht(e){ft();var r=ce(e),n=e.filter,a=e.format||{to:function(l){return String(Math.round(l))}};return A=f.appendChild(de(r,n,a)),A}function Pt(){var e=z.getBoundingClientRect(),r="offset"+["Width","Height"][t.ort];return t.ort===0?e.width||z[r]:e.height||z[r]}function Y(e,r,n,a){var l=function(p){var d=pe(p,a.pageOffset,a.target||r);if(!d||Ct()&&!a.doNotReject||Fe(f,t.cssClasses.tap)&&!a.doNotReject||e===c.start&&d.buttons!==void 0&&d.buttons>1||a.hover&&d.buttons)return!1;h||d.preventDefault(),d.calcPoint=d.points[t.ort],n(d,a)},u=[];return e.split(" ").forEach(function(p){r.addEventListener(p,l,h?{passive:!0}:!1),u.push([p,l])}),u}function pe(e,r,n){var a=e.type.indexOf("touch")===0,l=e.type.indexOf("mouse")===0,u=e.type.indexOf("pointer")===0,p=0,d=0;if(e.type.indexOf("MSPointer")===0&&(u=!0),e.type==="mousedown"&&!e.buttons&&!e.touches)return!1;if(a){var v=function(U){var b=U.target;return b===n||n.contains(b)||e.composed&&e.composedPath().shift()===n};if(e.type==="touchstart"){var x=Array.prototype.filter.call(e.touches,v);if(x.length>1)return!1;p=x[0].pageX,d=x[0].pageY}else{var w=Array.prototype.find.call(e.changedTouches,v);if(!w)return!1;p=w.pageX,d=w.pageY}}return r=r||Qt(Q),(l||u)&&(p=e.clientX+r.x,d=e.clientY+r.y),e.pageOffset=r,e.points=[p,d],e.cursor=l||u,e}function At(e){var r=e-He(z,t.ort),n=r*100/Pt();return n=Xt(n),t.dir?100-n:n}function fe(e){var r=100,n=!1;return m.forEach(function(a,l){if(!dt(l)){var u=S[l],p=Math.abs(u-e),d=p===100&&r===100,v=p<r,x=p<=r&&e>u;(v||x||d)&&(n=l,r=p)}}),n}function he(e,r){e.type==="mouseout"&&e.target.nodeName==="HTML"&&e.relatedTarget===null&&mt(e,r)}function me(e,r){if(navigator.appVersion.indexOf("MSIE 9")===-1&&e.buttons===0&&r.buttonsProperty!==0)return mt(e,r);var n=(t.dir?-1:1)*(e.calcPoint-r.startCalcPoint),a=n*100/r.baseSize;Mt(n>0,a,r.locations,r.handleNumbers,r.connect)}function mt(e,r){r.handle&&(at(r.handle,t.cssClasses.active),ut-=1),r.listeners.forEach(function(n){et.removeEventListener(n[0],n[1])}),ut===0&&(at(f,t.cssClasses.drag),xt(),e.cursor&&(ot.style.cursor="",ot.removeEventListener("selectstart",$t))),t.events.smoothSteps&&(r.handleNumbers.forEach(function(n){X(n,S[n],!0,!0,!1,!1)}),r.handleNumbers.forEach(function(n){k("update",n)})),r.handleNumbers.forEach(function(n){k("change",n),k("set",n),k("end",n)})}function gt(e,r){if(!r.handleNumbers.some(dt)){var n;if(r.handleNumbers.length===1){var a=m[r.handleNumbers[0]];n=a.children[0],ut+=1,M(n,t.cssClasses.active)}e.stopPropagation();var l=[],u=Y(c.move,et,me,{target:e.target,handle:n,connect:r.connect,listeners:l,startCalcPoint:e.calcPoint,baseSize:Pt(),pageOffset:e.pageOffset,handleNumbers:r.handleNumbers,buttonsProperty:e.buttons,locations:S.slice()}),p=Y(c.end,et,mt,{target:e.target,handle:n,listeners:l,doNotReject:!0,handleNumbers:r.handleNumbers}),d=Y("mouseout",et,he,{target:e.target,handle:n,listeners:l,doNotReject:!0,handleNumbers:r.handleNumbers});l.push.apply(l,u.concat(p,d)),e.cursor&&(ot.style.cursor=getComputedStyle(e.target).cursor,m.length>1&&M(f,t.cssClasses.drag),ot.addEventListener("selectstart",$t,!1)),r.handleNumbers.forEach(function(v){k("start",v)})}}function ge(e){e.stopPropagation();var r=At(e.calcPoint),n=fe(r);n!==!1&&(t.events.snap||Yt(f,t.cssClasses.tap,t.animationDuration),X(n,r,!0,!0),xt(),k("slide",n,!0),k("update",n,!0),t.events.snap?gt(e,{handleNumbers:[n]}):(k("change",n,!0),k("set",n,!0)))}function be(e){var r=At(e.calcPoint),n=g.getStep(r),a=g.fromStepping(n);Object.keys(T).forEach(function(l){l.split(".")[0]==="hover"&&T[l].forEach(function(u){u.call(it,a)})})}function ve(e,r){if(Ct()||dt(r))return!1;var n=["Left","Right"],a=["Down","Up"],l=["PageDown","PageUp"],u=["Home","End"];t.dir&&!t.ort?n.reverse():t.ort&&!t.dir&&(a.reverse(),l.reverse());var p=e.key.replace("Arrow",""),d=p===l[0],v=p===l[1],x=p===a[0]||p===n[0]||d,w=p===a[1]||p===n[1]||v,U=p===u[0],b=p===u[1];if(!x&&!w&&!U&&!b)return!0;e.preventDefault();var E;if(w||x){var O=x?0:1,C=jt(r),P=C[O];if(P===null)return!1;P===!1&&(P=g.getDefaultStep(S[r],x,t.keyboardDefaultStep)),v||d?P*=t.keyboardPageMultiplier:P*=t.keyboardMultiplier,P=Math.max(P,1e-7),P=(x?-1:1)*P,E=F[r]+P}else b?E=t.spectrum.xVal[t.spectrum.xVal.length-1]:E=t.spectrum.xVal[0];return X(r,g.toStepping(E),!0,!0),k("slide",r),k("update",r),k("change",r),k("set",r),!1}function Ot(e){e.fixed||m.forEach(function(r,n){Y(c.start,r.children[0],gt,{handleNumbers:[n]})}),e.tap&&Y(c.start,z,ge,{}),e.hover&&Y(c.move,z,be,{hover:!0}),e.drag&&V.forEach(function(r,n){if(!(r===!1||n===0||n===V.length-1)){var a=m[n-1],l=m[n],u=[r],p=[a,l],d=[n-1,n];M(r,t.cssClasses.draggable),e.fixed&&(u.push(a.children[0]),u.push(l.children[0])),e.dragAll&&(p=m,d=L),u.forEach(function(v){Y(c.start,v,gt,{handles:p,handleNumbers:d,connect:r})})}})}function bt(e,r){T[e]=T[e]||[],T[e].push(r),e.split(".")[0]==="update"&&m.forEach(function(n,a){k("update",a)})}function xe(e){return e===q.aria||e===q.tooltips}function J(e){var r=e&&e.split(".")[0],n=r?e.substring(r.length):e;Object.keys(T).forEach(function(a){var l=a.split(".")[0],u=a.substring(l.length);(!r||r===l)&&(!n||n===u)&&(!xe(u)||n===u)&&delete T[a]})}function k(e,r,n){Object.keys(T).forEach(function(a){var l=a.split(".")[0];e===l&&T[a].forEach(function(u){u.call(it,F.map(t.format.to),r,F.slice(),n||!1,S.slice(),it)})})}function rt(e,r,n,a,l,u,p){var d;return m.length>1&&!t.events.unconstrained&&(a&&r>0&&(d=g.getAbsoluteDistance(e[r-1],t.margin,!1),n=Math.max(n,d)),l&&r<m.length-1&&(d=g.getAbsoluteDistance(e[r+1],t.margin,!0),n=Math.min(n,d))),m.length>1&&t.limit&&(a&&r>0&&(d=g.getAbsoluteDistance(e[r-1],t.limit,!1),n=Math.min(n,d)),l&&r<m.length-1&&(d=g.getAbsoluteDistance(e[r+1],t.limit,!0),n=Math.max(n,d))),t.padding&&(r===0&&(d=g.getAbsoluteDistance(0,t.padding[0],!1),n=Math.max(n,d)),r===m.length-1&&(d=g.getAbsoluteDistance(100,t.padding[1],!0),n=Math.min(n,d))),p||(n=g.getStep(n)),n=Xt(n),n===e[r]&&!u?!1:n}function vt(e,r){var n=t.ort;return(n?r:e)+", "+(n?e:r)}function Mt(e,r,n,a,l){var u=n.slice(),p=a[0],d=t.events.smoothSteps,v=[!e,e],x=[e,!e];a=a.slice(),e&&a.reverse(),a.length>1?a.forEach(function(U,b){var E=rt(u,U,u[U]+r,v[b],x[b],!1,d);E===!1?r=0:(r=E-u[U],u[U]=E)}):v=x=[!0];var w=!1;a.forEach(function(U,b){w=X(U,n[U]+r,v[b],x[b],!1,d)||w}),w&&(a.forEach(function(U){k("update",U),k("slide",U)}),l!=null&&k("drag",p))}function Dt(e,r){return t.dir?100-e-r:e}function ze(e,r){S[e]=r,F[e]=g.fromStepping(r);var n=Dt(r,0)-ee,a="translate("+vt(n+"%","0")+")";if(m[e].style[t.transformRule]=a,t.events.invertConnects&&S.length>1){var l=S.every(function(u,p,d){return p===0||u>=d[p-1]});if(G!==!l){Ee();return}}K(e),K(e+1),G&&(K(e-1),K(e+2))}function xt(){L.forEach(function(e){var r=S[e]>50?-1:1,n=3+(m.length+r*e);m[e].style.zIndex=String(n)})}function X(e,r,n,a,l,u){return l||(r=rt(S,e,r,n,a,!1,u)),r===!1?!1:(ze(e,r),!0)}function K(e){if(V[e]){var r=S.slice();G&&r.sort(function(d,v){return d-v});var n=0,a=100;e!==0&&(n=r[e-1]),e!==V.length-1&&(a=r[e]);var l=a-n,u="translate("+vt(Dt(n,l)+"%","0")+")",p="scale("+vt(l/100,"1")+")";V[e].style[t.transformRule]=u+" "+p}}function Lt(e,r){return e===null||e===!1||e===void 0||(typeof e=="number"&&(e=String(e)),e=t.format.from(e),e!==!1&&(e=g.toStepping(e)),e===!1||isNaN(e))?S[r]:e}function nt(e,r,n){var a=lt(e),l=S[0]===void 0;r=r===void 0?!0:r,t.animate&&!l&&Yt(f,t.cssClasses.tap,t.animationDuration),L.forEach(function(d){X(d,Lt(a[d],d),!0,!1,n)});var u=L.length===1?0:1;if(l&&g.hasNoSize()&&(n=!0,S[0]=0,L.length>1)){var p=100/(L.length-1);L.forEach(function(d){S[d]=d*p})}for(;u<L.length;++u)L.forEach(function(d){X(d,S[d],!0,!0,n)});xt(),L.forEach(function(d){k("update",d),a[d]!==null&&r&&k("set",d)})}function ye(e){nt(t.start,e)}function we(e,r,n,a){if(e=Number(e),!(e>=0&&e<L.length))throw new Error("noUiSlider: invalid handle number, got: "+e);X(e,Lt(r,e),!0,!0,a),k("update",e),n&&k("set",e)}function Ht(e){if(e===void 0&&(e=!1),e)return F.length===1?F[0]:F.slice(0);var r=F.map(t.format.to);return r.length===1?r[0]:r}function Ue(){for(J(q.aria),J(q.tooltips),Object.keys(t.cssClasses).forEach(function(e){at(f,t.cssClasses[e])});f.firstChild;)f.removeChild(f.firstChild);delete f.noUiSlider}function jt(e){var r=S[e],n=g.getNearbySteps(r),a=F[e],l=n.thisStep.step,u=null;if(t.snap)return[a-n.stepBefore.startValue||null,n.stepAfter.startValue-a||null];l!==!1&&a+l>n.stepAfter.startValue&&(l=n.stepAfter.startValue-a),a>n.thisStep.startValue?u=n.thisStep.step:n.stepBefore.step===!1?u=!1:u=a-n.stepBefore.highestStep,r===100?l=null:r===0&&(u=null);var p=g.countStepDecimals();return l!==null&&l!==!1&&(l=Number(l.toFixed(p))),u!==null&&u!==!1&&(u=Number(u.toFixed(p))),[u,l]}function Se(){return L.map(jt)}function ke(e,r){var n=Ht(),a=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips","connect"];a.forEach(function(u){e[u]!==void 0&&(i[u]=e[u])});var l=Zt(i);a.forEach(function(u){e[u]!==void 0&&(t[u]=l[u])}),g=l.spectrum,t.margin=l.margin,t.limit=l.limit,t.padding=l.padding,t.pips?ht(t.pips):ft(),t.tooltips?Nt():pt(),S=[],nt(St(e.start)?e.start:n,r),e.connect&&Ft()}function Ft(){for(;y.firstChild;)y.removeChild(y.firstChild);for(var e=0;e<=t.handles;e++)V[e]=ct(y,t.connect[e]),K(e);Ot({drag:t.events.drag,fixed:!0})}function Ee(){G=!G,Jt(t,t.connect.map(function(e){return!e})),Ft()}function Ce(){z=ne(f),re(t.connect,z),Ot(t.events),nt(t.start),t.pips&&ht(t.pips),t.tooltips&&Nt(),le()}Ce();var it={destroy:Ue,steps:Se,on:bt,off:J,get:Ht,set:nt,setHandle:we,reset:ye,disable:ae,enable:se,__moveHandles:function(e,r,n){Mt(e,r,S,n)},options:i,updateOptions:ke,target:f,removePips:ft,removeTooltips:pt,getPositions:function(){return S.slice()},getTooltips:function(){return _},getOrigins:function(){return m},pips:ht};return it}function bo(o,t){if(!o||!o.nodeName)throw new Error("noUiSlider: create requires a single element, got: "+o);if(o.noUiSlider)throw new Error("noUiSlider: Slider was already initialized.");var i=Zt(t),c=go(o,i,t);return o.noUiSlider=c,c}const vo={__spectrum:Wt,cssClasses:Gt,create:bo},xo='.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,.noUi-horizontal[disabled] .noUi-connects .noUi-connect{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-disabled-color, #b8b8b8))}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed!important}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translateY(-18px);top:auto;right:28px}.noUi-handle.noUi-handle-lower:focus-visible{outline:calc(var(--luzmo-border-width) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5))) solid var(--luzmo-primary)}:host{flex-grow:1;height:1rem}.luzmo-slider-container{width:100%}.noUi-horizontal{height:var(--luzmo-slider-track-height, var(--slider-track-height, 18px));top:var(--luzmo-slider-top-to-track, var(--slider-top-to-track, 0));border:none;box-shadow:none}.noUi-horizontal .noUi-base{background:var(--luzmo-background-color);cursor:pointer}.noUi-horizontal .noUi-connects{width:100%;left:0;background:var(--luzmo-border-color);border-radius:.625rem}.noUi-horizontal .noUi-connects .noUi-connect{background:var(--luzmo-primary)}.noUi-horizontal .noUi-origin .noUi-handle{transform:scale(var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));width:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));height:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));right:var(--luzmo-slider-edge-to-handle, var(--slider-edge-to-handle, 14px));top:var(--luzmo-slider-top-to-handle, var(--slider-top-to-handle, -.875rem));background:var(--luzmo-background-color);transition:background-color var(--luzmo-animation-duration);box-shadow:0 .125rem .25rem var(--luzmo-border-color),inset 0 0 0 .0625rem var(--luzmo-border-color);border-radius:50%;border:none;cursor:pointer}.noUi-horizontal .noUi-origin .noUi-handle:before,.noUi-horizontal .noUi-origin .noUi-handle:after{display:none}.noUi-horizontal .noUi-origin .noUi-handle:hover,.noUi-horizontal .noUi-origin .noUi-handle.noUi-active{background-color:var(--luzmo-slider-background-color-hover, var(--luzmo-background-color-hover))}.noUi-horizontal[disabled] .noUi-connects{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-background-color-disabled))}.noUi-horizontal[disabled] .noUi-origin .noUi-handle:hover{background-color:var(--luzmo-slider-background-color-disabled-hover, var(--luzmo-background-color))}.noUi-tooltip{padding:.5rem;font-size:calc(var(--luzmo-slider-tooltip-font-size, var(--slider-tooltip-font-size)) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));background:var(--luzmo-background-color);color:var(--luzmo-font-color);display:none}.noUi-active .noUi-tooltip{display:block}:host{font-family:var(--luzmo-slider-font-family, var(--luzmo-font-family));min-block-size:var(--luzmo-slider-item-height, var(--slider-item-height));--slider-edge-to-handle: calc(-1 * var(--slider-handle-size) / 2);--slider-top-to-track: calc( ( var(--luzmo-slider-item-height, var(--slider-item-height)) - var(--luzmo-slider-track-height, var(--slider-track-height)) ) / 2 );--slider-top-to-handle: calc( ( ( (var(--luzmo-slider-track-height, var(--slider-track-height))) / 2 - var(--luzmo-slider-handle-size, var(--slider-handle-size)) * var(--luzmo-slider-handle-scale, var(--slider-handle-scale)) ) ) )}:host([size=s]){--slider-item-height: 24px;--slider-track-height: 3px;--slider-handle-scale: .5;--slider-handle-size: 32px;--slider-tooltip-font-size: var(--luzmo-font-size-xs)}:host{--slider-item-height: 32px;--slider-track-height: 4px;--slider-handle-scale: .5;--slider-handle-size: 36px;--slider-tooltip-font-size: var(--luzmo-font-size-s)}:host([size=l]){--slider-min-height: 40px;--slider-track-height: 6px;--slider-handle-scale: .5;--slider-handle-size: 40px;--slider-tooltip-font-size: var(--luzmo-font-size)}:host([size=xl]){--slider-min-height: 48px;--slider-track-height: 7px;--slider-handle-scale: .5;--slider-handle-size: 44px;--slider-tooltip-font-size: var(--luzmo-font-size)}';var zo=Object.defineProperty,W=(o,t,i,c)=>{for(var s=void 0,h=o.length-1,f;h>=0;h--)(f=o[h])&&(s=f(t,i,s)||s);return s&&zo(t,i,s),s};const te=class extends Pe.m(N.I){constructor(){super(...arguments),this.value=0,this.min=0,this.max=100,this.step=100,this.disabled=!1,this.debounce=200,this._doingUpdate=!1}get _slider(){return this.renderRoot.querySelector("div")}firstUpdated(){this.noUiSlider=vo.create(this.renderRoot.querySelector("div"),{start:this.value??0,connect:[!0,!1],step:this.step??1,range:{min:this.min??0,max:this.max??100},tooltips:!0}),this.noUiSlider.on("slide",(t,i,[c])=>{this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.setValue(c)},this.debounce??200)})}updated(t){const i=t.get("value"),c=t.get("min"),s=t.get("max"),h=t.get("step"),f=t.get("disabled");this.value!==void 0&&this.value!==i&&this.noUiSlider.set(this.value),(this.min!==void 0&&(s!==void 0||this.max!==void 0)&&this.min!==c||this.max!==void 0&&(c!==void 0||this.min!==void 0)&&this.max!==s)&&this.noUiSlider.updateOptions({range:{min:this.min??c,max:this.max??s}},!0),this.step!==void 0&&this.step!==h&&this.noUiSlider.updateOptions({step:this.step},!0),this.disabled!==void 0&&this.disabled!==f&&(this.disabled?this.noUiSlider.disable():this.noUiSlider.enable())}setValue(t){this.disabled||this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))}render(){return N.x`<div class="luzmo-slider-container"></div>`}};te.styles=[N.r(xo)];let I=te;W([N.H({type:Number,reflect:!0})],I.prototype,"value");W([N.H({type:Number,reflect:!0})],I.prototype,"min");W([N.H({type:Number,reflect:!0})],I.prototype,"max");W([N.H({type:Number,reflect:!0})],I.prototype,"step");W([N.H({type:Boolean,reflect:!0})],I.prototype,"disabled");W([N.H({type:Number,reflect:!0})],I.prototype,"debounce");customElements.get("luzmo-slider")||customElements.define("luzmo-slider",I);var yo=Object.defineProperty,$=(o,t,i,c)=>{for(var s=void 0,h=o.length-1,f;h>=0;h--)(f=o[h])&&(s=f(t,i,s)||s);return s&&yo(t,i,s),s};const Z=class Z extends Ae.LuzmoEditOptionBase{constructor(){super(...arguments),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200}_handleEvent(t){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(t.detail):t.detail}}))}renderController(){const t=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,i=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return N.x`
+      <luzmo-slider
+        id="luzmo-edit-option-control"
+        .min=${this.min}
+        .max=${this.max}
+        .value=${t??i}
+        .step=${this.step}
+        .size=${this.size}
+        .debounce=${this.debounce}
+        .disabled=${this.disabled}
+        @change=${this._handleEvent}
+      ></luzmo-slider>
+    `}};Z.styles=[qt(Z,Z,"styles")];let H=Z;$([N.n({type:Number,reflect:!0})],H.prototype,"value");$([N.n({type:Number,reflect:!0})],H.prototype,"default");$([N.n({type:Number,reflect:!0})],H.prototype,"min");$([N.n({type:Number,reflect:!0})],H.prototype,"max");$([N.n({type:Number,reflect:!0})],H.prototype,"step");$([N.n({type:Number,reflect:!0})],H.prototype,"debounce");$([N.n()],H.prototype,"fromOptionValue");$([N.n()],H.prototype,"toOptionValue");customElements.get("luzmo-edit-option-slider")||customElements.define("luzmo-edit-option-slider",H);exports.LuzmoEditOptionSlider=H;

package/components/edit-option-slider/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoEditOptionSlider } from './edit-option-slider';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-edit-option-slider': LuzmoEditOptionSlider;
+    }
+}
+export { LuzmoEditOptionSlider } from './edit-option-slider';