@luzmo/lucero 0.0.3 → 0.0.6

package/components/roving-tabindex-DOg4z6ZU.js

@@ -0,0 +1,66 @@
+/*! * 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.
+ * */
+import { F as i } from "./focus-group-DHeTq18L.js";
+class m extends i {
+  constructor() {
+    super(...arguments), this.managed = !0, this.manageIndexesAnimationFrame = 0;
+  }
+  set focused(e) {
+    e !== this.focused && (super.focused = e, this.manageTabindexes());
+  }
+  get focused() {
+    return super.focused;
+  }
+  clearElementCache(e = 0) {
+    cancelAnimationFrame(this.manageIndexesAnimationFrame), super.clearElementCache(e), this.managed && (this.manageIndexesAnimationFrame = requestAnimationFrame(
+      () => this.manageTabindexes()
+    ));
+  }
+  manageTabindexes() {
+    this.focused ? this.updateTabindexes(() => ({ tabIndex: -1 })) : this.updateTabindexes(
+      (e) => ({
+        removeTabIndex: e.contains(this.focusInElement) && e !== this.focusInElement,
+        tabIndex: e === this.focusInElement ? 0 : -1
+      })
+    );
+  }
+  updateTabindexes(e) {
+    this.elements.forEach((a) => {
+      const { tabIndex: t, removeTabIndex: s } = e(a);
+      if (!s) {
+        this.focused ? a !== this.elements[this.currentIndex] && (a.tabIndex = t) : a.tabIndex = t;
+        return;
+      }
+      a.removeAttribute("tabindex");
+      const n = a;
+      n.requestUpdate && n.requestUpdate();
+    });
+  }
+  manage() {
+    this.managed = !0, this.manageTabindexes(), super.manage();
+  }
+  unmanage() {
+    this.managed = !1, this.updateTabindexes(() => ({ tabIndex: 0 })), super.unmanage();
+  }
+  hostUpdated() {
+    super.hostUpdated(), this.host.hasUpdated || this.manageTabindexes();
+  }
+}
+export {
+  m as R
+};

package/components/search/index.cjs

@@ -0,0 +1,45 @@
+/*! * 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.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../base-rtxi7uaR.cjs"),u=require("../query-BL-TJj7K.cjs"),h=require("../if-defined-C-8FyBSN.cjs"),i=require("@luzmo/icons");require("../button/index.cjs");require("../icon/index.cjs");const d=require("../text-field-BU7yxiOR.cjs"),v="@media (forced-colors: active){#text-field #text-field,#text-field #text-field .input{--highcontrast-search-color-default: CanvasText;--highcontrast-search-color-hover: CanvasText;--highcontrast-search-color-focus: CanvasText;--highcontrast-search-color-disabled: GrayText}#text-field #button .luzmo-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#text-field{--search-button-inline-size: var(--search-block-size);--search-min-inline-size: calc( var(--search-min-inline-multiplier) * var(--search-block-size) );--luzmo-text-field-font-family: var( --luzmo-search-font-family, var(--search-font-family) );--luzmo-text-field-font-weight: var( --luzmo-search-font-weight, var(--search-font-weight) );--luzmo-text-field-corner-radius: var( --luzmo-search-border-radius, var(--search-border-radius) );--luzmo-text-field-border-width: var( --luzmo-search-border-width, var(--search-border-width) );--luzmo-text-field-focus-indicator-gap: var( --luzmo-search-focus-indicator-gap, var(--search-focus-indicator-gap) );--luzmo-text-field-focus-indicator-width: var( --luzmo-search-focus-indicator-width, var(--search-focus-indicator-width) );--luzmo-text-field-focus-indicator-color: var( --luzmo-search-focus-indicator-color, var(--search-focus-indicator-color) );--luzmo-text-field-text-color-default: var( --luzmo-search-color-default, var(--search-color-default) );--luzmo-text-field-text-color-hover: var( --luzmo-search-color-hover, var(--search-color-hover) );--luzmo-text-field-text-color-focus: var( --luzmo-search-color-focus, var(--search-color-focus) );--luzmo-text-field-text-color-focus-hover: var( --luzmo-search-color-focus-hover, var(--search-color-focus-hover) );--luzmo-text-field-text-color-keyboard-focus: var( --luzmo-search-color-key-focus, var(--search-color-key-focus) );--luzmo-text-field-text-color-disabled: var( --luzmo-search-color-disabled, var(--search-color-disabled) );--luzmo-text-field-border-color: var( --luzmo-search-border-color-default, var(--search-border-color-default) );--luzmo-text-field-border-color-hover: var( --luzmo-search-border-color-hover, var(--search-border-color-hover) );--luzmo-text-field-border-color-focus: var( --luzmo-search-border-color-focus, var(--search-border-color-focus) );--luzmo-text-field-border-color-focus-hover: var( --luzmo-search-border-color-focus-hover, var(--search-border-color-focus-hover) );--luzmo-text-field-border-color-keyboard-focus: var( --luzmo-search-border-color-key-focus, var(--search-border-color-key-focus) );--luzmo-text-field-border-color-disabled: var( --luzmo-search-border-color-disabled, var(--search-border-color-disabled) );--luzmo-text-field-background-color: var( --luzmo-search-background-color, var(--search-background-color) );--luzmo-text-field-background-color-disabled: var( --luzmo-search-background-color-disabled, var(--search-background-color-disabled) );inline-size:var(--luzmo-search-inline-size, var(--search-inline-size));min-inline-size:var(--luzmo-search-min-inline-size, var(--search-min-inline-size));display:inline-block;position:relative}#text-field .luzmo-HelpText{margin-block-start:var(--luzmo-search-to-help-text, var(--search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0;height:var(--search-block-size);width:var(--search-block-size)}#button,#button .luzmo-ClearButton-fill{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius))}#text-field.is-disabled #button{display:none}#text-field{inline-size:100%}.icon-search{--search-color: var( --highcontrast-search-color-default, var(--luzmo-search-color-default, var(--search-color-default)) );color:var(--search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#text-field.is-focused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus, var(--search-color-focus)) )}#text-field.is-keyboardFocused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-key-focus, var(--search-color-key-focus)) )}#text-field.is-disabled .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}@media (hover: hover){#text-field:hover .icon-search{--search-color: var( --highcontrast-search-color-hover, var(--luzmo-search-color-hover, var(--search-color-hover)) )}#text-field.is-focused:hover .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus-hover, var(--search-color-focus-hover)) )}#text-field.is-disabled:hover .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:var(--luzmo-search-block-size, var(--search-block-size));font-style:var(--luzmo-search-font-style, var(--search-font-style));line-height:var(--luzmo-search-line-height, var(--search-line-height));padding-block-start:calc(var(--luzmo-search-top-to-text, var(--search-top-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)));padding-block-end:calc(var(--luzmo-search-bottom-to-text, var(--search-bottom-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(:not([quiet])) #text-field .icon-search{inset-inline-start:var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual))}:host(:not([quiet])) #text-field .input{padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) - var(--luzmo-search-border-width, var(--search-border-width)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--luzmo-search-border-width, var(--search-border-width)))}:host([quiet]){--search-quiet-button-offset: var( --luzmo-search-quiet-button-offset, calc( var(--luzmo-search-block-size, var(--search-block-size)) / 2 - var(--luzmo-search-icon-size, var(--search-icon-size)) / 2 ) )}:host([quiet]) #button .luzmo-ClearButton-icon{transform:translate(var(--search-quiet-button-offset))}:host([quiet]) #text-field .input{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius));padding-block-start:var(--luzmo-search-top-to-text, var(--search-top-to-text));padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--search-quiet-button-offset))}:host{--search-border-color-default: var(--luzmo-border-color);--search-border-color-hover: rgba(var(--luzmo-primary-rgb), .3);--search-border-color-focus: var(--luzmo-primary);--search-border-color-focus-hover: var(--luzmo-primary);--search-border-color-key-focus: var(--luzmo-primary);--search-inline-size: 192px;--search-min-inline-multiplier: 3;--search-to-help-text: 0px;--search-top-to-text: var(--luzmo-spacing-2);--search-bottom-to-text: var(--luzmo-spacing-2);--search-focus-indicator-width: var(--luzmo-indicator-width);--search-focus-indicator-gap: -1px;--search-focus-indicator-color: var(--luzmo-primary);--search-font-family: var(--luzmo-font-family);--search-font-weight: var(--luzmo-font-weight);--search-font-style: var(--luzmo-font-style);--search-line-height: var(--luzmo-line-height);--search-color-default: var(--luzmo-font-color);--search-color-hover: var(--luzmo-font-color-hover);--search-color-focus: var(--luzmo-font-color-focus);--search-color-focus-hover: var(--luzmo-font-focus);--search-color-key-focus: var(--luzmo-font-color-focus);--search-border-width: var(--luzmo-border-width);--search-background-color: var(--luzmo-background-color);--search-color-disabled: var(--luzmo-color-disabled);--search-background-color-disabled: var(--luzmo-background-color-disabled);--search-border-color-disabled: var(--luzmo-border-color-disabled)}:host #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height);--search-icon-size: var(--luzmo-font-size-l);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-3);--search-block-size: var(--luzmo-component-height-s);--search-icon-size: var(--luzmo-font-size);--search-text-to-icon: var(--luzmo-spacing-3)}:host([size=l]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-4);--search-block-size: var(--luzmo-component-height-l);--search-icon-size: var(--luzmo-font-size-xl);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height-xl);--search-icon-size: var(--luzmo-font-size-xxl);--search-text-to-icon: var(--luzmo-spacing-4)}:host([quiet]) #text-field{--search-background-color: transparent;--search-background-color-disabled: transparent;--search-border-color-disabled: var(--luzmo-border-color-disabled);--search-border-radius: 0;--search-edge-to-visual: 0px}:host{--luzmo-text-field-spacing-inline: var(--alias-infield-button-full-height-m)}input::-webkit-search-cancel-button{display:none}@media (forced-colors: active){luzmo-clear-button{--clear-button-fill-background-color: transparent;--clear-button-fill-background-color-disabled: transparent;--clear-button-fill-background-color-down: transparent;--clear-button-fill-background-color-hover: transparent;--clear-button-fill-background-color-key-focus: transparent}}";var m=Object.defineProperty,t=(a,e,c,f)=>{for(var s=void 0,l=a.length-1,n;l>=0;l--)(n=a[l])&&(s=n(e,c,s)||s);return s&&m(e,c,s),s};const b=a=>a.stopPropagation(),z=a=>a==="s"?i.luzmoSearch12:a==="l"?i.luzmoSearch:i.luzmoSearch14;class o extends d.LuzmoTextField{constructor(){super(...arguments),this.action="",this.label="Search",this.placeholder="Search"}static get styles(){return[...super.styles,r.r(v)]}handleSubmit(e){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||e.preventDefault()}handleKeydown(e){const{code:c}=e;c==="Escape"&&this.holdValueOnEscape||!this.value||c!=="Escape"||this.reset()}async reset(){this.value="",await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}renderField(){return r.x`
+      <form
+        action=${this.action}
+        id="form"
+        method=${h.o(this.method)}
+        @submit=${this.handleSubmit}
+        @reset=${this.reset}
+        @keydown=${this.handleKeydown}
+      >
+        <luzmo-icon
+          block
+          .icon=${z(this.size)}
+          size=${this.size}
+          class="icon magnifier icon-workflow icon-search"
+        ></luzmo-icon>
+        ${super.renderField()}
+        ${this.value?r.x`
+              <luzmo-clear-button
+                id="button"
+                label="Reset"
+                tabindex="-1"
+                type="reset"
+                size=${h.o(this.size)}
+                @keydown=${b}
+              ></luzmo-clear-button>
+            `:r.E}
+      </form>
+    `}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("holdValueOnEscape")||this.inputElement.setAttribute("type","search")}willUpdate(){this.multiline=!1}}t([r.n()],o.prototype,"action");t([r.n()],o.prototype,"label");t([r.n({type:String,reflect:!0})],o.prototype,"border");t([r.n()],o.prototype,"method");t([r.n()],o.prototype,"placeholder");t([r.n({type:Boolean})],o.prototype,"holdValueOnEscape");t([u.e("#form")],o.prototype,"form");customElements.get("luzmo-search")||customElements.define("luzmo-search",o);exports.LuzmoSearch=o;

package/components/search/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoSearch } from './search';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-search': LuzmoSearch;
+    }
+}
+export { LuzmoSearch } from './search';

package/components/search/index.js

@@ -0,0 +1,131 @@
+/*! * 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.
+ * */
+import { r as h, E as m, x as u, n as t } from "../base-CxUap9HL.js";
+import { e as z } from "../query-D_KR_GUc.js";
+import { o as n } from "../if-defined-XzWkhMhg.js";
+import { luzmoSearch12 as b, luzmoSearch as f, luzmoSearch14 as v } from "@luzmo/icons";
+import "../button/index.js";
+import "../icon/index.js";
+import { L as p } from "../text-field-05QNK_Lj.js";
+const d = () => {
+  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);
+  }
+};
+d();
+const g = "@media (forced-colors: active){#text-field #text-field,#text-field #text-field .input{--highcontrast-search-color-default: CanvasText;--highcontrast-search-color-hover: CanvasText;--highcontrast-search-color-focus: CanvasText;--highcontrast-search-color-disabled: GrayText}#text-field #button .luzmo-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#text-field{--search-button-inline-size: var(--search-block-size);--search-min-inline-size: calc( var(--search-min-inline-multiplier) * var(--search-block-size) );--luzmo-text-field-font-family: var( --luzmo-search-font-family, var(--search-font-family) );--luzmo-text-field-font-weight: var( --luzmo-search-font-weight, var(--search-font-weight) );--luzmo-text-field-corner-radius: var( --luzmo-search-border-radius, var(--search-border-radius) );--luzmo-text-field-border-width: var( --luzmo-search-border-width, var(--search-border-width) );--luzmo-text-field-focus-indicator-gap: var( --luzmo-search-focus-indicator-gap, var(--search-focus-indicator-gap) );--luzmo-text-field-focus-indicator-width: var( --luzmo-search-focus-indicator-width, var(--search-focus-indicator-width) );--luzmo-text-field-focus-indicator-color: var( --luzmo-search-focus-indicator-color, var(--search-focus-indicator-color) );--luzmo-text-field-text-color-default: var( --luzmo-search-color-default, var(--search-color-default) );--luzmo-text-field-text-color-hover: var( --luzmo-search-color-hover, var(--search-color-hover) );--luzmo-text-field-text-color-focus: var( --luzmo-search-color-focus, var(--search-color-focus) );--luzmo-text-field-text-color-focus-hover: var( --luzmo-search-color-focus-hover, var(--search-color-focus-hover) );--luzmo-text-field-text-color-keyboard-focus: var( --luzmo-search-color-key-focus, var(--search-color-key-focus) );--luzmo-text-field-text-color-disabled: var( --luzmo-search-color-disabled, var(--search-color-disabled) );--luzmo-text-field-border-color: var( --luzmo-search-border-color-default, var(--search-border-color-default) );--luzmo-text-field-border-color-hover: var( --luzmo-search-border-color-hover, var(--search-border-color-hover) );--luzmo-text-field-border-color-focus: var( --luzmo-search-border-color-focus, var(--search-border-color-focus) );--luzmo-text-field-border-color-focus-hover: var( --luzmo-search-border-color-focus-hover, var(--search-border-color-focus-hover) );--luzmo-text-field-border-color-keyboard-focus: var( --luzmo-search-border-color-key-focus, var(--search-border-color-key-focus) );--luzmo-text-field-border-color-disabled: var( --luzmo-search-border-color-disabled, var(--search-border-color-disabled) );--luzmo-text-field-background-color: var( --luzmo-search-background-color, var(--search-background-color) );--luzmo-text-field-background-color-disabled: var( --luzmo-search-background-color-disabled, var(--search-background-color-disabled) );inline-size:var(--luzmo-search-inline-size, var(--search-inline-size));min-inline-size:var(--luzmo-search-min-inline-size, var(--search-min-inline-size));display:inline-block;position:relative}#text-field .luzmo-HelpText{margin-block-start:var(--luzmo-search-to-help-text, var(--search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0;height:var(--search-block-size);width:var(--search-block-size)}#button,#button .luzmo-ClearButton-fill{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius))}#text-field.is-disabled #button{display:none}#text-field{inline-size:100%}.icon-search{--search-color: var( --highcontrast-search-color-default, var(--luzmo-search-color-default, var(--search-color-default)) );color:var(--search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#text-field.is-focused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus, var(--search-color-focus)) )}#text-field.is-keyboardFocused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-key-focus, var(--search-color-key-focus)) )}#text-field.is-disabled .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}@media (hover: hover){#text-field:hover .icon-search{--search-color: var( --highcontrast-search-color-hover, var(--luzmo-search-color-hover, var(--search-color-hover)) )}#text-field.is-focused:hover .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus-hover, var(--search-color-focus-hover)) )}#text-field.is-disabled:hover .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:var(--luzmo-search-block-size, var(--search-block-size));font-style:var(--luzmo-search-font-style, var(--search-font-style));line-height:var(--luzmo-search-line-height, var(--search-line-height));padding-block-start:calc(var(--luzmo-search-top-to-text, var(--search-top-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)));padding-block-end:calc(var(--luzmo-search-bottom-to-text, var(--search-bottom-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(:not([quiet])) #text-field .icon-search{inset-inline-start:var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual))}:host(:not([quiet])) #text-field .input{padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) - var(--luzmo-search-border-width, var(--search-border-width)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--luzmo-search-border-width, var(--search-border-width)))}:host([quiet]){--search-quiet-button-offset: var( --luzmo-search-quiet-button-offset, calc( var(--luzmo-search-block-size, var(--search-block-size)) / 2 - var(--luzmo-search-icon-size, var(--search-icon-size)) / 2 ) )}:host([quiet]) #button .luzmo-ClearButton-icon{transform:translate(var(--search-quiet-button-offset))}:host([quiet]) #text-field .input{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius));padding-block-start:var(--luzmo-search-top-to-text, var(--search-top-to-text));padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--search-quiet-button-offset))}:host{--search-border-color-default: var(--luzmo-border-color);--search-border-color-hover: rgba(var(--luzmo-primary-rgb), .3);--search-border-color-focus: var(--luzmo-primary);--search-border-color-focus-hover: var(--luzmo-primary);--search-border-color-key-focus: var(--luzmo-primary);--search-inline-size: 192px;--search-min-inline-multiplier: 3;--search-to-help-text: 0px;--search-top-to-text: var(--luzmo-spacing-2);--search-bottom-to-text: var(--luzmo-spacing-2);--search-focus-indicator-width: var(--luzmo-indicator-width);--search-focus-indicator-gap: -1px;--search-focus-indicator-color: var(--luzmo-primary);--search-font-family: var(--luzmo-font-family);--search-font-weight: var(--luzmo-font-weight);--search-font-style: var(--luzmo-font-style);--search-line-height: var(--luzmo-line-height);--search-color-default: var(--luzmo-font-color);--search-color-hover: var(--luzmo-font-color-hover);--search-color-focus: var(--luzmo-font-color-focus);--search-color-focus-hover: var(--luzmo-font-focus);--search-color-key-focus: var(--luzmo-font-color-focus);--search-border-width: var(--luzmo-border-width);--search-background-color: var(--luzmo-background-color);--search-color-disabled: var(--luzmo-color-disabled);--search-background-color-disabled: var(--luzmo-background-color-disabled);--search-border-color-disabled: var(--luzmo-border-color-disabled)}:host #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height);--search-icon-size: var(--luzmo-font-size-l);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-3);--search-block-size: var(--luzmo-component-height-s);--search-icon-size: var(--luzmo-font-size);--search-text-to-icon: var(--luzmo-spacing-3)}:host([size=l]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-4);--search-block-size: var(--luzmo-component-height-l);--search-icon-size: var(--luzmo-font-size-xl);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height-xl);--search-icon-size: var(--luzmo-font-size-xxl);--search-text-to-icon: var(--luzmo-spacing-4)}:host([quiet]) #text-field{--search-background-color: transparent;--search-background-color-disabled: transparent;--search-border-color-disabled: var(--luzmo-border-color-disabled);--search-border-radius: 0;--search-edge-to-visual: 0px}:host{--luzmo-text-field-spacing-inline: var(--alias-infield-button-full-height-m)}input::-webkit-search-cancel-button{display:none}@media (forced-colors: active){luzmo-clear-button{--clear-button-fill-background-color: transparent;--clear-button-fill-background-color-disabled: transparent;--clear-button-fill-background-color-down: transparent;--clear-button-fill-background-color-hover: transparent;--clear-button-fill-background-color-key-focus: transparent}}";
+var x = Object.defineProperty, a = (o, r, l, w) => {
+  for (var c = void 0, s = o.length - 1, i; s >= 0; s--)
+    (i = o[s]) && (c = i(r, l, c) || c);
+  return c && x(r, l, c), c;
+};
+const y = (o) => o.stopPropagation(), k = (o) => o === "s" ? b : o === "l" ? f : v;
+class e extends p {
+  constructor() {
+    super(...arguments), this.action = "", this.label = "Search", this.placeholder = "Search";
+  }
+  static get styles() {
+    return [...super.styles, h(g)];
+  }
+  handleSubmit(r) {
+    this.dispatchEvent(
+      new Event("submit", {
+        cancelable: !0,
+        bubbles: !0
+      })
+    ) || r.preventDefault();
+  }
+  handleKeydown(r) {
+    const { code: l } = r;
+    l === "Escape" && this.holdValueOnEscape || !this.value || l !== "Escape" || this.reset();
+  }
+  async reset() {
+    this.value = "", await this.updateComplete, this.focusElement.dispatchEvent(
+      new InputEvent("input", {
+        bubbles: !0,
+        composed: !0
+      })
+    ), this.focusElement.dispatchEvent(
+      new InputEvent("change", {
+        bubbles: !0
+      })
+    );
+  }
+  renderField() {
+    return u`
+      <form
+        action=${this.action}
+        id="form"
+        method=${n(this.method)}
+        @submit=${this.handleSubmit}
+        @reset=${this.reset}
+        @keydown=${this.handleKeydown}
+      >
+        <luzmo-icon
+          block
+          .icon=${k(this.size)}
+          size=${this.size}
+          class="icon magnifier icon-workflow icon-search"
+        ></luzmo-icon>
+        ${super.renderField()}
+        ${this.value ? u`
+              <luzmo-clear-button
+                id="button"
+                label="Reset"
+                tabindex="-1"
+                type="reset"
+                size=${n(this.size)}
+                @keydown=${y}
+              ></luzmo-clear-button>
+            ` : m}
+      </form>
+    `;
+  }
+  firstUpdated(r) {
+    super.firstUpdated(r), this.hasAttribute("holdValueOnEscape") || this.inputElement.setAttribute("type", "search");
+  }
+  willUpdate() {
+    this.multiline = !1;
+  }
+}
+a([
+  t()
+], e.prototype, "action");
+a([
+  t()
+], e.prototype, "label");
+a([
+  t({ type: String, reflect: !0 })
+], e.prototype, "border");
+a([
+  t()
+], e.prototype, "method");
+a([
+  t()
+], e.prototype, "placeholder");
+a([
+  t({ type: Boolean })
+], e.prototype, "holdValueOnEscape");
+a([
+  z("#form")
+], e.prototype, "form");
+customElements.get("luzmo-search") || customElements.define("luzmo-search", e);
+export {
+  e as LuzmoSearch
+};

package/components/search/search.d.ts

@@ -0,0 +1,27 @@
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import './../button';
+import './../icon';
+import { LuzmoTextField } from './../text-field/text-field';
+/**
+ * @element luzmo-search
+ * @slot help-text - default or non-negative help text to associate to your form element
+ * @slot negative-help-text - negative help text to associate to your form element when `invalid`
+ *
+ * @fires submit - The search form has been submitted.
+ */
+export declare class LuzmoSearch extends LuzmoTextField {
+    static get styles(): CSSResultArray;
+    action: string;
+    label: string;
+    border: 'none' | undefined;
+    method?: 'get' | 'post' | 'dialog';
+    placeholder: string;
+    holdValueOnEscape: boolean;
+    form: HTMLFormElement;
+    private handleSubmit;
+    private handleKeydown;
+    reset(): Promise<void>;
+    protected renderField(): TemplateResult;
+    firstUpdated(changedProperties: PropertyValues): void;
+    willUpdate(): void;
+}

package/components/sized-mixin-BAI6NiE2.cjs

@@ -0,0 +1,18 @@
+/*! * 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.
+ * */
+"use strict";const u=require("./base-rtxi7uaR.cjs");var p=Object.defineProperty,h=Object.getOwnPropertyDescriptor,_=(r,i,t,n)=>{for(var e=h(i,t),z=r.length-1,s;z>=0;z--)(s=r[z])&&(e=s(i,t,e)||e);return e&&p(i,t,e),e};const a={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl"};function d(r,{validSizes:i=["s","m","l","xl"],noDefaultSize:t,defaultSize:n="m"}={}){class e extends r{constructor(){super(...arguments),this._size=n}get size(){return this._size||n}set size(s){const o=t?null:n,c=s&&s.toLocaleLowerCase(),l=i.includes(c)?c:o;if(l&&this.setAttribute("size",l),this._size===l)return;const x=this._size;this._size=l,this.requestUpdate("size",x)}update(s){!this.hasAttribute("size")&&!t&&this.setAttribute("size",this.size),super.update(s)}}return _([u.n({type:String})],e.prototype,"size"),e}exports.ElementSizes=a;exports.SizedMixin=d;

package/components/sized-mixin-DcJTTohI.js

@@ -0,0 +1,63 @@
+/*! * 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.
+ * */
+import { n as p } from "./base-CxUap9HL.js";
+var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, a = (r, i, t, n) => {
+  for (var s = h(i, t), o = r.length - 1, e; o >= 0; o--)
+    (e = r[o]) && (s = e(i, t, s) || s);
+  return s && u(i, t, s), s;
+};
+const d = {
+  xxs: "xxs",
+  xs: "xs",
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl",
+  xxl: "xxl"
+};
+function m(r, {
+  validSizes: i = ["s", "m", "l", "xl"],
+  noDefaultSize: t,
+  defaultSize: n = "m"
+} = {}) {
+  class s extends r {
+    constructor() {
+      super(...arguments), this._size = n;
+    }
+    get size() {
+      return this._size || n;
+    }
+    set size(e) {
+      const x = t ? null : n, z = e && e.toLocaleLowerCase(), l = i.includes(z) ? z : x;
+      if (l && this.setAttribute("size", l), this._size === l)
+        return;
+      const c = this._size;
+      this._size = l, this.requestUpdate("size", c);
+    }
+    update(e) {
+      !this.hasAttribute("size") && !t && this.setAttribute("size", this.size), super.update(e);
+    }
+  }
+  return a([
+    p({ type: String })
+  ], s.prototype, "size"), s;
+}
+export {
+  d as E,
+  m as S
+};

package/components/slider/index.cjs

@@ -0,0 +1,18 @@
+/*! * 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.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../base-rtxi7uaR.cjs"),kt=require("../sized-mixin-BAI6NiE2.cjs");var T;(function(r){r.Range="range",r.Steps="steps",r.Positions="positions",r.Count="count",r.Values="values"})(T||(T={}));var _;(function(r){r[r.None=-1]="None",r[r.NoValue=0]="NoValue",r[r.LargeValue=1]="LargeValue",r[r.SmallValue=2]="SmallValue"})(_||(_={}));function Et(r){return ne(r)&&typeof r.from=="function"}function ne(r){return typeof r=="object"&&typeof r.to=="function"}function Ne(r){r.parentElement.removeChild(r)}function Ue(r){return r!=null}function qe(r){r.preventDefault()}function Ct(r){return r.filter(function(e){return this[e]?!1:this[e]=!0},{})}function yt(r,e){return Math.round(r/e)*e}function Pt(r,e){var o=r.getBoundingClientRect(),c=r.ownerDocument,u=c.documentElement,p=Ke(c);return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(p.x=0),e?o.top+p.y-u.clientTop:o.left+p.x-u.clientLeft}function L(r){return typeof r=="number"&&!isNaN(r)&&isFinite(r)}function Be(r,e,o){o>0&&(M(r,e),setTimeout(function(){ie(r,e)},o))}function Te(r){return Math.max(Math.min(r,100),0)}function ae(r){return Array.isArray(r)?r:[r]}function At(r){r=String(r);var e=r.split(".");return e.length>1?e[1].length:0}function M(r,e){r.classList&&!/\s/.test(e)?r.classList.add(e):r.className+=" "+e}function ie(r,e){r.classList&&!/\s/.test(e)?r.classList.remove(e):r.className=r.className.replace(new RegExp("(^|\\b)"+e.split(" ").join("|")+"(\\b|$)","gi")," ")}function Vt(r,e){return r.classList?r.classList.contains(e):new RegExp("\\b"+e+"\\b").test(r.className)}function Ke(r){var e=window.pageXOffset!==void 0,o=(r.compatMode||"")==="CSS1Compat",c=e?window.pageXOffset:o?r.documentElement.scrollLeft:r.body.scrollLeft,u=e?window.pageYOffset:o?r.documentElement.scrollTop:r.body.scrollTop;return{x:c,y:u}}function Dt(){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 Mt(){var r=!1;try{var e=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("test",null,e)}catch{}return r}function _t(){return window.CSS&&CSS.supports&&CSS.supports("touch-action","none")}function ze(r,e){return 100/(e-r)}function we(r,e,o){return e*100/(r[o+1]-r[o])}function Ot(r,e){return we(r,r[0]<0?e+Math.abs(r[0]):e-r[0],0)}function Lt(r,e){return e*(r[1]-r[0])/100+r[0]}function Z(r,e){for(var o=1;r>=e[o];)o+=1;return o}function Ht(r,e,o){if(o>=r.slice(-1)[0])return 100;var c=Z(o,r),u=r[c-1],p=r[c],h=e[c-1],S=e[c];return h+Ot([u,p],o)/ze(h,S)}function Rt(r,e,o){if(o>=100)return r.slice(-1)[0];var c=Z(o,e),u=r[c-1],p=r[c],h=e[c-1],S=e[c];return Lt([u,p],(o-h)*ze(h,S))}function jt(r,e,o,c){if(c===100)return c;var u=Z(c,r),p=r[u-1],h=r[u];return o?c-p>(h-p)/2?h:p:e[u-1]?r[u-1]+yt(c-r[u-1],e[u-1]):c}var Ye=function(){function r(e,o,c){this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[c||!1],this.xNumSteps=[!1],this.snap=o;var u,p=[];for(Object.keys(e).forEach(function(h){p.push([ae(e[h]),h])}),p.sort(function(h,S){return h[0][0]-S[0][0]}),u=0;u<p.length;u++)this.handleEntryPoint(p[u][1],p[u][0]);for(this.xNumSteps=this.xSteps.slice(0),u=0;u<this.xNumSteps.length;u++)this.handleStepPoint(u,this.xNumSteps[u])}return r.prototype.getDistance=function(e){for(var o=[],c=0;c<this.xNumSteps.length-1;c++)o[c]=we(this.xVal,e,c);return o},r.prototype.getAbsoluteDistance=function(e,o,c){var u=0;if(e<this.xPct[this.xPct.length-1])for(;e>this.xPct[u+1];)u++;else e===this.xPct[this.xPct.length-1]&&(u=this.xPct.length-2);!c&&e===this.xPct[u+1]&&u++,o===null&&(o=[]);var p,h=1,S=o[u],U=0,v=0,P=0,V=0;for(c?p=(e-this.xPct[u])/(this.xPct[u+1]-this.xPct[u]):p=(this.xPct[u+1]-e)/(this.xPct[u+1]-this.xPct[u]);S>0;)U=this.xPct[u+1+V]-this.xPct[u+V],o[u+V]*h+100-p*100>100?(v=U*p,h=(S-100*p)/o[u+V],p=1):(v=o[u+V]*U/100*h,h=0),c?(P=P-v,this.xPct.length+V>=1&&V--):(P=P+v,this.xPct.length-V>=1&&V++),S=o[u+V]*h;return e+P},r.prototype.toStepping=function(e){return e=Ht(this.xVal,this.xPct,e),e},r.prototype.fromStepping=function(e){return Rt(this.xVal,this.xPct,e)},r.prototype.getStep=function(e){return e=jt(this.xPct,this.xSteps,this.snap,e),e},r.prototype.getDefaultStep=function(e,o,c){var u=Z(e,this.xPct);return(e===100||o&&e===this.xPct[u-1])&&(u=Math.max(u-1,1)),(this.xVal[u]-this.xVal[u-1])/c},r.prototype.getNearbySteps=function(e){var o=Z(e,this.xPct);return{stepBefore:{startValue:this.xVal[o-2],step:this.xNumSteps[o-2],highestStep:this.xHighestCompleteStep[o-2]},thisStep:{startValue:this.xVal[o-1],step:this.xNumSteps[o-1],highestStep:this.xHighestCompleteStep[o-1]},stepAfter:{startValue:this.xVal[o],step:this.xNumSteps[o],highestStep:this.xHighestCompleteStep[o]}}},r.prototype.countStepDecimals=function(){var e=this.xNumSteps.map(At);return Math.max.apply(null,e)},r.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},r.prototype.convert=function(e){return this.getStep(this.toStepping(e))},r.prototype.handleEntryPoint=function(e,o){var c;if(e==="min"?c=0:e==="max"?c=100:c=parseFloat(e),!L(c)||!L(o[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(c),this.xVal.push(o[0]);var u=Number(o[1]);c?this.xSteps.push(isNaN(u)?!1:u):isNaN(u)||(this.xSteps[0]=u),this.xHighestCompleteStep.push(0)},r.prototype.handleStepPoint=function(e,o){if(o){if(this.xVal[e]===this.xVal[e+1]){this.xSteps[e]=this.xHighestCompleteStep[e]=this.xVal[e];return}this.xSteps[e]=we([this.xVal[e],this.xVal[e+1]],o,0)/ze(this.xPct[e],this.xPct[e+1]);var c=(this.xVal[e+1]-this.xVal[e])/this.xNumSteps[e],u=Math.ceil(Number(c.toFixed(3))-1),p=this.xVal[e]+this.xNumSteps[e]*u;this.xHighestCompleteStep[e]=p}},r}(),Ie={to:function(r){return r===void 0?"":r.toFixed(2)},from:Number},Xe={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"},B={tooltips:".__tooltips",aria:".__aria"};function Ft(r,e){if(!L(e))throw new Error("noUiSlider: 'step' is not numeric.");r.singleStep=e}function Nt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");r.keyboardPageMultiplier=e}function qt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");r.keyboardMultiplier=e}function Bt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");r.keyboardDefaultStep=e}function Tt(r,e){if(typeof e!="object"||Array.isArray(e))throw new Error("noUiSlider: 'range' is not an object.");if(e.min===void 0||e.max===void 0)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");r.spectrum=new Ye(e,r.snap||!1,r.singleStep)}function It(r,e){if(e=ae(e),!Array.isArray(e)||!e.length)throw new Error("noUiSlider: 'start' option is incorrect.");r.handles=e.length,r.start=e}function Kt(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'snap' option must be a boolean.");r.snap=e}function Yt(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'animate' option must be a boolean.");r.animate=e}function Xt(r,e){if(typeof e!="number")throw new Error("noUiSlider: 'animationDuration' option must be a number.");r.animationDuration=e}function We(r,e){var o=[!1],c;if(e==="lower"?e=[!0,!1]:e==="upper"&&(e=[!1,!0]),e===!0||e===!1){for(c=1;c<r.handles;c++)o.push(e);o.push(!1)}else{if(!Array.isArray(e)||!e.length||e.length!==r.handles+1)throw new Error("noUiSlider: 'connect' option doesn't match handle count.");o=e}r.connect=o}function Wt(r,e){switch(e){case"horizontal":r.ort=0;break;case"vertical":r.ort=1;break;default:throw new Error("noUiSlider: 'orientation' option is invalid.")}}function Ge(r,e){if(!L(e))throw new Error("noUiSlider: 'margin' option must be numeric.");e!==0&&(r.margin=r.spectrum.getDistance(e))}function Gt(r,e){if(!L(e))throw new Error("noUiSlider: 'limit' option must be numeric.");if(r.limit=r.spectrum.getDistance(e),!r.limit||r.handles<2)throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function Jt(r,e){var o;if(!L(e)&&!Array.isArray(e))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(e)&&!(e.length===2||L(e[0])||L(e[1])))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(e!==0){for(Array.isArray(e)||(e=[e,e]),r.padding=[r.spectrum.getDistance(e[0]),r.spectrum.getDistance(e[1])],o=0;o<r.spectrum.xNumSteps.length-1;o++)if(r.padding[0][o]<0||r.padding[1][o]<0)throw new Error("noUiSlider: 'padding' option must be a positive number(s).");var c=e[0]+e[1],u=r.spectrum.xVal[0],p=r.spectrum.xVal[r.spectrum.xVal.length-1];if(c/(p-u)>1)throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function Zt(r,e){switch(e){case"ltr":r.dir=0;break;case"rtl":r.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function $t(r,e){if(typeof e!="string")throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var o=e.indexOf("tap")>=0,c=e.indexOf("drag")>=0,u=e.indexOf("fixed")>=0,p=e.indexOf("snap")>=0,h=e.indexOf("hover")>=0,S=e.indexOf("unconstrained")>=0,U=e.indexOf("invert-connects")>=0,v=e.indexOf("drag-all")>=0,P=e.indexOf("smooth-steps")>=0;if(u){if(r.handles!==2)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");Ge(r,r.start[1]-r.start[0])}if(U&&r.handles!==2)throw new Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");if(S&&(r.margin||r.limit))throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");r.events={tap:o||p,drag:c,dragAll:v,smoothSteps:P,fixed:u,snap:p,hover:h,unconstrained:S,invertConnects:U}}function Qt(r,e){if(e!==!1)if(e===!0||ne(e)){r.tooltips=[];for(var o=0;o<r.handles;o++)r.tooltips.push(e)}else{if(e=ae(e),e.length!==r.handles)throw new Error("noUiSlider: must pass a formatter for all handles.");e.forEach(function(c){if(typeof c!="boolean"&&!ne(c))throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")}),r.tooltips=e}}function er(r,e){if(e.length!==r.handles)throw new Error("noUiSlider: must pass a attributes for all handles.");r.handleAttributes=e}function tr(r,e){if(!ne(e))throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");r.ariaFormat=e}function rr(r,e){if(!Et(e))throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");r.format=e}function ir(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");r.keyboardSupport=e}function nr(r,e){r.documentElement=e}function ar(r,e){if(typeof e!="string"&&e!==!1)throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");r.cssPrefix=e}function or(r,e){if(typeof e!="object")throw new Error("noUiSlider: 'cssClasses' must be an object.");typeof r.cssPrefix=="string"?(r.cssClasses={},Object.keys(e).forEach(function(o){r.cssClasses[o]=r.cssPrefix+e[o]})):r.cssClasses=e}function Je(r){var e={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:Ie,format:Ie},o={step:{r:!1,t:Ft},keyboardPageMultiplier:{r:!1,t:Nt},keyboardMultiplier:{r:!1,t:qt},keyboardDefaultStep:{r:!1,t:Bt},start:{r:!0,t:It},connect:{r:!0,t:We},direction:{r:!0,t:Zt},snap:{r:!1,t:Kt},animate:{r:!1,t:Yt},animationDuration:{r:!1,t:Xt},range:{r:!0,t:Tt},orientation:{r:!1,t:Wt},margin:{r:!1,t:Ge},limit:{r:!1,t:Gt},padding:{r:!1,t:Jt},behaviour:{r:!0,t:$t},ariaFormat:{r:!1,t:tr},format:{r:!1,t:rr},tooltips:{r:!1,t:Qt},keyboardSupport:{r:!0,t:ir},documentElement:{r:!1,t:nr},cssPrefix:{r:!0,t:ar},cssClasses:{r:!0,t:or},handleAttributes:{r:!1,t:er}},c={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:Xe,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};r.format&&!r.ariaFormat&&(r.ariaFormat=r.format),Object.keys(o).forEach(function(U){if(!Ue(r[U])&&c[U]===void 0){if(o[U].r)throw new Error("noUiSlider: '"+U+"' is required.");return}o[U].t(e,Ue(r[U])?r[U]:c[U])}),e.pips=r.pips;var u=document.createElement("div"),p=u.style.msTransform!==void 0,h=u.style.transform!==void 0;e.transformRule=h?"transform":p?"msTransform":"webkitTransform";var S=[["left","top"],["right","bottom"]];return e.style=S[e.dir][e.ort],e}function sr(r,e,o){var c=Dt(),u=_t(),p=u&&Mt(),h=r,S,U,v,P,V,q,m=e.spectrum,R=[],w=[],O=[],oe=0,j={},W=!1,Y=r.ownerDocument,$=e.documentElement||Y.documentElement,Q=Y.body,Ze=Y.dir==="rtl"||e.ort===1?0:100;function F(t,i){var n=Y.createElement("div");return i&&M(n,i),t.appendChild(n),n}function $e(t,i){var n=F(t,e.cssClasses.origin),a=F(n,e.cssClasses.handle);if(F(a,e.cssClasses.touchArea),a.setAttribute("data-handle",String(i)),e.keyboardSupport&&(a.setAttribute("tabindex","0"),a.addEventListener("keydown",function(l){return pt(l,i)})),e.handleAttributes!==void 0){var s=e.handleAttributes[i];Object.keys(s).forEach(function(l){a.setAttribute(l,s[l])})}return a.setAttribute("role","slider"),a.setAttribute("aria-orientation",e.ort?"vertical":"horizontal"),i===0?M(a,e.cssClasses.handleLower):i===e.handles-1&&M(a,e.cssClasses.handleUpper),n.handle=a,n}function se(t,i){return i?F(t,e.cssClasses.connect):!1}function Qe(t,i){U=F(i,e.cssClasses.connects),v=[],P=[],P.push(se(U,t[0]));for(var n=0;n<e.handles;n++)v.push($e(i,n)),O[n]=n,P.push(se(U,t[n+1]))}function et(t){M(t,e.cssClasses.target),e.dir===0?M(t,e.cssClasses.ltr):M(t,e.cssClasses.rtl),e.ort===0?M(t,e.cssClasses.horizontal):M(t,e.cssClasses.vertical);var i=getComputedStyle(t).direction;return i==="rtl"?M(t,e.cssClasses.textDirectionRtl):M(t,e.cssClasses.textDirectionLtr),F(t,e.cssClasses.base)}function tt(t,i){return!e.tooltips||!e.tooltips[i]?!1:F(t.firstChild,e.cssClasses.tooltip)}function Ee(){return h.hasAttribute("disabled")}function le(t){var i=v[t];return i.hasAttribute("disabled")}function rt(t){t!=null?(v[t].setAttribute("disabled",""),v[t].handle.removeAttribute("tabindex")):(h.setAttribute("disabled",""),v.forEach(function(i){i.handle.removeAttribute("tabindex")}))}function it(t){t!=null?(v[t].removeAttribute("disabled"),v[t].handle.setAttribute("tabindex","0")):(h.removeAttribute("disabled"),v.forEach(function(i){i.removeAttribute("disabled"),i.handle.setAttribute("tabindex","0")}))}function ue(){q&&(G("update"+B.tooltips),q.forEach(function(t){t&&Ne(t)}),q=null)}function Ce(){ue(),q=v.map(tt),pe("update"+B.tooltips,function(t,i,n){if(!(!q||!e.tooltips)&&q[i]!==!1){var a=t[i];e.tooltips[i]!==!0&&(a=e.tooltips[i].to(n[i])),q[i].innerHTML=a}})}function nt(){G("update"+B.aria),pe("update"+B.aria,function(t,i,n,a,s){O.forEach(function(l){var d=v[l],f=ee(w,l,0,!0,!0,!0),b=ee(w,l,100,!0,!0,!0),x=s[l],z=String(e.ariaFormat.to(n[l]));f=m.fromStepping(f).toFixed(1),b=m.fromStepping(b).toFixed(1),x=m.fromStepping(x).toFixed(1),d.children[0].setAttribute("aria-valuemin",f),d.children[0].setAttribute("aria-valuemax",b),d.children[0].setAttribute("aria-valuenow",x),d.children[0].setAttribute("aria-valuetext",z)})})}function at(t){if(t.mode===T.Range||t.mode===T.Steps)return m.xVal;if(t.mode===T.Count){if(t.values<2)throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var i=t.values-1,n=100/i,a=[];i--;)a[i]=i*n;return a.push(100),ye(a,t.stepped)}return t.mode===T.Positions?ye(t.values,t.stepped):t.mode===T.Values?t.stepped?t.values.map(function(s){return m.fromStepping(m.getStep(m.toStepping(s)))}):t.values:[]}function ye(t,i){return t.map(function(n){return m.fromStepping(i?m.getStep(n):n)})}function ot(t){function i(x,z){return Number((x+z).toFixed(7))}var n=at(t),a={},s=m.xVal[0],l=m.xVal[m.xVal.length-1],d=!1,f=!1,b=0;return n=Ct(n.slice().sort(function(x,z){return x-z})),n[0]!==s&&(n.unshift(s),d=!0),n[n.length-1]!==l&&(n.push(l),f=!0),n.forEach(function(x,z){var k,g,C,D=x,y=n[z+1],A,ge,be,xe,Re,Se,je,Fe=t.mode===T.Steps;for(Fe&&(k=m.xNumSteps[z]),k||(k=y-D),y===void 0&&(y=D),k=Math.max(k,1e-7),g=D;g<=y;g=i(g,k)){for(A=m.toStepping(g),ge=A-b,Re=ge/(t.density||1),Se=Math.round(Re),je=ge/Se,C=1;C<=Se;C+=1)be=b+C*je,a[be.toFixed(5)]=[m.fromStepping(be),0];xe=n.indexOf(g)>-1?_.LargeValue:Fe?_.SmallValue:_.NoValue,!z&&d&&g!==y&&(xe=0),g===y&&f||(a[A.toFixed(5)]=[g,xe]),b=A}}),a}function st(t,i,n){var a,s,l=Y.createElement("div"),d=(a={},a[_.None]="",a[_.NoValue]=e.cssClasses.valueNormal,a[_.LargeValue]=e.cssClasses.valueLarge,a[_.SmallValue]=e.cssClasses.valueSub,a),f=(s={},s[_.None]="",s[_.NoValue]=e.cssClasses.markerNormal,s[_.LargeValue]=e.cssClasses.markerLarge,s[_.SmallValue]=e.cssClasses.markerSub,s),b=[e.cssClasses.valueHorizontal,e.cssClasses.valueVertical],x=[e.cssClasses.markerHorizontal,e.cssClasses.markerVertical];M(l,e.cssClasses.pips),M(l,e.ort===0?e.cssClasses.pipsHorizontal:e.cssClasses.pipsVertical);function z(g,C){var D=C===e.cssClasses.value,y=D?b:x,A=D?d:f;return C+" "+y[e.ort]+" "+A[g]}function k(g,C,D){if(D=i?i(C,D):D,D!==_.None){var y=F(l,!1);y.className=z(D,e.cssClasses.marker),y.style[e.style]=g+"%",D>_.NoValue&&(y=F(l,!1),y.className=z(D,e.cssClasses.value),y.setAttribute("data-value",String(C)),y.style[e.style]=g+"%",y.innerHTML=String(n.to(C)))}}return Object.keys(t).forEach(function(g){k(g,t[g][0],t[g][1])}),l}function ce(){V&&(Ne(V),V=null)}function fe(t){ce();var i=ot(t),n=t.filter,a=t.format||{to:function(s){return String(Math.round(s))}};return V=h.appendChild(st(i,n,a)),V}function Pe(){var t=S.getBoundingClientRect(),i="offset"+["Width","Height"][e.ort];return e.ort===0?t.width||S[i]:t.height||S[i]}function I(t,i,n,a){var s=function(d){var f=lt(d,a.pageOffset,a.target||i);if(!f||Ee()&&!a.doNotReject||Vt(h,e.cssClasses.tap)&&!a.doNotReject||t===c.start&&f.buttons!==void 0&&f.buttons>1||a.hover&&f.buttons)return!1;p||f.preventDefault(),f.calcPoint=f.points[e.ort],n(f,a)},l=[];return t.split(" ").forEach(function(d){i.addEventListener(d,s,p?{passive:!0}:!1),l.push([d,s])}),l}function lt(t,i,n){var a=t.type.indexOf("touch")===0,s=t.type.indexOf("mouse")===0,l=t.type.indexOf("pointer")===0,d=0,f=0;if(t.type.indexOf("MSPointer")===0&&(l=!0),t.type==="mousedown"&&!t.buttons&&!t.touches)return!1;if(a){var b=function(k){var g=k.target;return g===n||n.contains(g)||t.composed&&t.composedPath().shift()===n};if(t.type==="touchstart"){var x=Array.prototype.filter.call(t.touches,b);if(x.length>1)return!1;d=x[0].pageX,f=x[0].pageY}else{var z=Array.prototype.find.call(t.changedTouches,b);if(!z)return!1;d=z.pageX,f=z.pageY}}return i=i||Ke(Y),(s||l)&&(d=t.clientX+i.x,f=t.clientY+i.y),t.pageOffset=i,t.points=[d,f],t.cursor=s||l,t}function Ae(t){var i=t-Pt(S,e.ort),n=i*100/Pe();return n=Te(n),e.dir?100-n:n}function ut(t){var i=100,n=!1;return v.forEach(function(a,s){if(!le(s)){var l=w[s],d=Math.abs(l-t),f=d===100&&i===100,b=d<i,x=d<=i&&t>l;(b||x||f)&&(n=s,i=d)}}),n}function ct(t,i){t.type==="mouseout"&&t.target.nodeName==="HTML"&&t.relatedTarget===null&&de(t,i)}function ft(t,i){if(navigator.appVersion.indexOf("MSIE 9")===-1&&t.buttons===0&&i.buttonsProperty!==0)return de(t,i);var n=(e.dir?-1:1)*(t.calcPoint-i.startCalcPoint),a=n*100/i.baseSize;De(n>0,a,i.locations,i.handleNumbers,i.connect)}function de(t,i){i.handle&&(ie(i.handle,e.cssClasses.active),oe-=1),i.listeners.forEach(function(n){$.removeEventListener(n[0],n[1])}),oe===0&&(ie(h,e.cssClasses.drag),me(),t.cursor&&(Q.style.cursor="",Q.removeEventListener("selectstart",qe))),e.events.smoothSteps&&(i.handleNumbers.forEach(function(n){K(n,w[n],!0,!0,!1,!1)}),i.handleNumbers.forEach(function(n){E("update",n)})),i.handleNumbers.forEach(function(n){E("change",n),E("set",n),E("end",n)})}function he(t,i){if(!i.handleNumbers.some(le)){var n;if(i.handleNumbers.length===1){var a=v[i.handleNumbers[0]];n=a.children[0],oe+=1,M(n,e.cssClasses.active)}t.stopPropagation();var s=[],l=I(c.move,$,ft,{target:t.target,handle:n,connect:i.connect,listeners:s,startCalcPoint:t.calcPoint,baseSize:Pe(),pageOffset:t.pageOffset,handleNumbers:i.handleNumbers,buttonsProperty:t.buttons,locations:w.slice()}),d=I(c.end,$,de,{target:t.target,handle:n,listeners:s,doNotReject:!0,handleNumbers:i.handleNumbers}),f=I("mouseout",$,ct,{target:t.target,handle:n,listeners:s,doNotReject:!0,handleNumbers:i.handleNumbers});s.push.apply(s,l.concat(d,f)),t.cursor&&(Q.style.cursor=getComputedStyle(t.target).cursor,v.length>1&&M(h,e.cssClasses.drag),Q.addEventListener("selectstart",qe,!1)),i.handleNumbers.forEach(function(b){E("start",b)})}}function dt(t){t.stopPropagation();var i=Ae(t.calcPoint),n=ut(i);n!==!1&&(e.events.snap||Be(h,e.cssClasses.tap,e.animationDuration),K(n,i,!0,!0),me(),E("slide",n,!0),E("update",n,!0),e.events.snap?he(t,{handleNumbers:[n]}):(E("change",n,!0),E("set",n,!0)))}function ht(t){var i=Ae(t.calcPoint),n=m.getStep(i),a=m.fromStepping(n);Object.keys(j).forEach(function(s){s.split(".")[0]==="hover"&&j[s].forEach(function(l){l.call(re,a)})})}function pt(t,i){if(Ee()||le(i))return!1;var n=["Left","Right"],a=["Down","Up"],s=["PageDown","PageUp"],l=["Home","End"];e.dir&&!e.ort?n.reverse():e.ort&&!e.dir&&(a.reverse(),s.reverse());var d=t.key.replace("Arrow",""),f=d===s[0],b=d===s[1],x=d===a[0]||d===n[0]||f,z=d===a[1]||d===n[1]||b,k=d===l[0],g=d===l[1];if(!x&&!z&&!k&&!g)return!0;t.preventDefault();var C;if(z||x){var D=x?0:1,y=Le(i),A=y[D];if(A===null)return!1;A===!1&&(A=m.getDefaultStep(w[i],x,e.keyboardDefaultStep)),b||f?A*=e.keyboardPageMultiplier:A*=e.keyboardMultiplier,A=Math.max(A,1e-7),A=(x?-1:1)*A,C=R[i]+A}else g?C=e.spectrum.xVal[e.spectrum.xVal.length-1]:C=e.spectrum.xVal[0];return K(i,m.toStepping(C),!0,!0),E("slide",i),E("update",i),E("change",i),E("set",i),!1}function Ve(t){t.fixed||v.forEach(function(i,n){I(c.start,i.children[0],he,{handleNumbers:[n]})}),t.tap&&I(c.start,S,dt,{}),t.hover&&I(c.move,S,ht,{hover:!0}),t.drag&&P.forEach(function(i,n){if(!(i===!1||n===0||n===P.length-1)){var a=v[n-1],s=v[n],l=[i],d=[a,s],f=[n-1,n];M(i,e.cssClasses.draggable),t.fixed&&(l.push(a.children[0]),l.push(s.children[0])),t.dragAll&&(d=v,f=O),l.forEach(function(b){I(c.start,b,he,{handles:d,handleNumbers:f,connect:i})})}})}function pe(t,i){j[t]=j[t]||[],j[t].push(i),t.split(".")[0]==="update"&&v.forEach(function(n,a){E("update",a)})}function vt(t){return t===B.aria||t===B.tooltips}function G(t){var i=t&&t.split(".")[0],n=i?t.substring(i.length):t;Object.keys(j).forEach(function(a){var s=a.split(".")[0],l=a.substring(s.length);(!i||i===s)&&(!n||n===l)&&(!vt(l)||n===l)&&delete j[a]})}function E(t,i,n){Object.keys(j).forEach(function(a){var s=a.split(".")[0];t===s&&j[a].forEach(function(l){l.call(re,R.map(e.format.to),i,R.slice(),n||!1,w.slice(),re)})})}function ee(t,i,n,a,s,l,d){var f;return v.length>1&&!e.events.unconstrained&&(a&&i>0&&(f=m.getAbsoluteDistance(t[i-1],e.margin,!1),n=Math.max(n,f)),s&&i<v.length-1&&(f=m.getAbsoluteDistance(t[i+1],e.margin,!0),n=Math.min(n,f))),v.length>1&&e.limit&&(a&&i>0&&(f=m.getAbsoluteDistance(t[i-1],e.limit,!1),n=Math.min(n,f)),s&&i<v.length-1&&(f=m.getAbsoluteDistance(t[i+1],e.limit,!0),n=Math.max(n,f))),e.padding&&(i===0&&(f=m.getAbsoluteDistance(0,e.padding[0],!1),n=Math.max(n,f)),i===v.length-1&&(f=m.getAbsoluteDistance(100,e.padding[1],!0),n=Math.min(n,f))),d||(n=m.getStep(n)),n=Te(n),n===t[i]&&!l?!1:n}function ve(t,i){var n=e.ort;return(n?i:t)+", "+(n?t:i)}function De(t,i,n,a,s){var l=n.slice(),d=a[0],f=e.events.smoothSteps,b=[!t,t],x=[t,!t];a=a.slice(),t&&a.reverse(),a.length>1?a.forEach(function(k,g){var C=ee(l,k,l[k]+i,b[g],x[g],!1,f);C===!1?i=0:(i=C-l[k],l[k]=C)}):b=x=[!0];var z=!1;a.forEach(function(k,g){z=K(k,n[k]+i,b[g],x[g],!1,f)||z}),z&&(a.forEach(function(k){E("update",k),E("slide",k)}),s!=null&&E("drag",d))}function Me(t,i){return e.dir?100-t-i:t}function mt(t,i){w[t]=i,R[t]=m.fromStepping(i);var n=Me(i,0)-Ze,a="translate("+ve(n+"%","0")+")";if(v[t].style[e.transformRule]=a,e.events.invertConnects&&w.length>1){var s=w.every(function(l,d,f){return d===0||l>=f[d-1]});if(W!==!s){wt();return}}J(t),J(t+1),W&&(J(t-1),J(t+2))}function me(){O.forEach(function(t){var i=w[t]>50?-1:1,n=3+(v.length+i*t);v[t].style.zIndex=String(n)})}function K(t,i,n,a,s,l){return s||(i=ee(w,t,i,n,a,!1,l)),i===!1?!1:(mt(t,i),!0)}function J(t){if(P[t]){var i=w.slice();W&&i.sort(function(f,b){return f-b});var n=0,a=100;t!==0&&(n=i[t-1]),t!==P.length-1&&(a=i[t]);var s=a-n,l="translate("+ve(Me(n,s)+"%","0")+")",d="scale("+ve(s/100,"1")+")";P[t].style[e.transformRule]=l+" "+d}}function _e(t,i){return t===null||t===!1||t===void 0||(typeof t=="number"&&(t=String(t)),t=e.format.from(t),t!==!1&&(t=m.toStepping(t)),t===!1||isNaN(t))?w[i]:t}function te(t,i,n){var a=ae(t),s=w[0]===void 0;i=i===void 0?!0:i,e.animate&&!s&&Be(h,e.cssClasses.tap,e.animationDuration),O.forEach(function(f){K(f,_e(a[f],f),!0,!1,n)});var l=O.length===1?0:1;if(s&&m.hasNoSize()&&(n=!0,w[0]=0,O.length>1)){var d=100/(O.length-1);O.forEach(function(f){w[f]=f*d})}for(;l<O.length;++l)O.forEach(function(f){K(f,w[f],!0,!0,n)});me(),O.forEach(function(f){E("update",f),a[f]!==null&&i&&E("set",f)})}function gt(t){te(e.start,t)}function bt(t,i,n,a){if(t=Number(t),!(t>=0&&t<O.length))throw new Error("noUiSlider: invalid handle number, got: "+t);K(t,_e(i,t),!0,!0,a),E("update",t),n&&E("set",t)}function Oe(t){if(t===void 0&&(t=!1),t)return R.length===1?R[0]:R.slice(0);var i=R.map(e.format.to);return i.length===1?i[0]:i}function xt(){for(G(B.aria),G(B.tooltips),Object.keys(e.cssClasses).forEach(function(t){ie(h,e.cssClasses[t])});h.firstChild;)h.removeChild(h.firstChild);delete h.noUiSlider}function Le(t){var i=w[t],n=m.getNearbySteps(i),a=R[t],s=n.thisStep.step,l=null;if(e.snap)return[a-n.stepBefore.startValue||null,n.stepAfter.startValue-a||null];s!==!1&&a+s>n.stepAfter.startValue&&(s=n.stepAfter.startValue-a),a>n.thisStep.startValue?l=n.thisStep.step:n.stepBefore.step===!1?l=!1:l=a-n.stepBefore.highestStep,i===100?s=null:i===0&&(l=null);var d=m.countStepDecimals();return s!==null&&s!==!1&&(s=Number(s.toFixed(d))),l!==null&&l!==!1&&(l=Number(l.toFixed(d))),[l,s]}function St(){return O.map(Le)}function Ut(t,i){var n=Oe(),a=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips","connect"];a.forEach(function(l){t[l]!==void 0&&(o[l]=t[l])});var s=Je(o);a.forEach(function(l){t[l]!==void 0&&(e[l]=s[l])}),m=s.spectrum,e.margin=s.margin,e.limit=s.limit,e.padding=s.padding,e.pips?fe(e.pips):ce(),e.tooltips?Ce():ue(),w=[],te(Ue(t.start)?t.start:n,i),t.connect&&He()}function He(){for(;U.firstChild;)U.removeChild(U.firstChild);for(var t=0;t<=e.handles;t++)P[t]=se(U,e.connect[t]),J(t);Ve({drag:e.events.drag,fixed:!0})}function wt(){W=!W,We(e,e.connect.map(function(t){return!t})),He()}function zt(){S=et(h),Qe(e.connect,S),Ve(e.events),te(e.start),e.pips&&fe(e.pips),e.tooltips&&Ce(),nt()}zt();var re={destroy:xt,steps:St,on:pe,off:G,get:Oe,set:te,setHandle:bt,reset:gt,disable:rt,enable:it,__moveHandles:function(t,i,n){De(t,i,w,n)},options:o,updateOptions:Ut,target:h,removePips:ce,removeTooltips:ue,getPositions:function(){return w.slice()},getTooltips:function(){return q},getOrigins:function(){return v},pips:fe};return re}function lr(r,e){if(!r||!r.nodeName)throw new Error("noUiSlider: create requires a single element, got: "+r);if(r.noUiSlider)throw new Error("noUiSlider: Slider was already initialized.");var o=Je(e),c=sr(r,o,e);return r.noUiSlider=c,c}const ur={__spectrum:Ye,cssClasses:Xe,create:lr},cr='.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 fr=Object.defineProperty,X=(r,e,o,c)=>{for(var u=void 0,p=r.length-1,h;p>=0;p--)(h=r[p])&&(u=h(e,o,u)||u);return u&&fr(e,o,u),u};const ke=class ke extends kt.SizedMixin(N.LuzmoElement){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=ur.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",(e,o,[c])=>{this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.setValue(c)},this.debounce??200)})}updated(e){const o=e.get("value"),c=e.get("min"),u=e.get("max"),p=e.get("step"),h=e.get("disabled");this.value!==void 0&&this.value!==o&&this.noUiSlider.set(this.value),(this.min!==void 0&&(u!==void 0||this.max!==void 0)&&this.min!==c||this.max!==void 0&&(c!==void 0||this.min!==void 0)&&this.max!==u)&&this.noUiSlider.updateOptions({range:{min:this.min??c,max:this.max??u}},!0),this.step!==void 0&&this.step!==p&&this.noUiSlider.updateOptions({step:this.step},!0),this.disabled!==void 0&&this.disabled!==h&&(this.disabled?this.noUiSlider.disable():this.noUiSlider.enable())}setValue(e){this.disabled||this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}render(){return N.x`<div class="luzmo-slider-container"></div>`}};ke.styles=[N.r(cr)];let H=ke;X([N.n({type:Number,reflect:!0})],H.prototype,"value");X([N.n({type:Number,reflect:!0})],H.prototype,"min");X([N.n({type:Number,reflect:!0})],H.prototype,"max");X([N.n({type:Number,reflect:!0})],H.prototype,"step");X([N.n({type:Boolean,reflect:!0})],H.prototype,"disabled");X([N.n({type:Number,reflect:!0})],H.prototype,"debounce");customElements.get("luzmo-slider")||customElements.define("luzmo-slider",H);exports.LuzmoSlider=H;

package/components/slider/index.d.ts

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