@luzmo/lucero 0.0.4 → 0.0.6

package/{lib → components}/search/index.js

@@ -15,14 +15,13 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { unsafeCSS as h, nothing as m, html as u } from "lit";
-import { n as t } from "../base-nYalvNMy.js";
+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-CYpcjGCb.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 { a as p } from "../text-field-DPk332j9.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");

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/{lib/sized-mixin-BSYHt8nT.cjs → components/sized-mixin-BAI6NiE2.cjs}

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const u=require("./base-BCmA9Wxv.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;
+"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/{lib/sized-mixin-Dl0KoEcV.js → components/sized-mixin-DcJTTohI.js}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as p } from "./base-nYalvNMy.js";
+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);

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';

package/{lib → components}/slider/index.js

@@ -15,9 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { L as Ct, n as Y } from "../base-nYalvNMy.js";
-import { S as Et } from "../sized-mixin-Dl0KoEcV.js";
-import { unsafeCSS as yt, html as At } from "lit";
+import { L as Ct, r as Et, x as yt, n as Y } from "../base-CxUap9HL.js";
+import { S as At } from "../sized-mixin-DcJTTohI.js";
 const kt = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const r = document.createElement("style");
@@ -1087,7 +1086,7 @@ var pr = Object.defineProperty, X = (r, e, a, c) => {
     (h = r[m]) && (u = h(e, a, u) || u);
   return u && pr(e, a, u), u;
 };
-const ke = class ke extends Et(Ct) {
+const ke = class ke extends At(Ct) {
   constructor() {
     super(...arguments), this.value = 0, this.min = 0, this.max = 100, this.step = 100, this.disabled = !1, this.debounce = 200, this._doingUpdate = !1;
   }
@@ -1130,10 +1129,10 @@ const ke = class ke extends Et(Ct) {
     );
   }
   render() {
-    return At`<div class="luzmo-slider-container"></div>`;
+    return yt`<div class="luzmo-slider-container"></div>`;
   }
 };
-ke.styles = [yt(mr)];
+ke.styles = [Et(mr)];
 let F = ke;
 X([
   Y({ type: Number, reflect: !0 })

package/components/slider/slider.d.ts

@@ -0,0 +1,24 @@
+import { API as NoUiSlider } from 'nouislider';
+import { LuzmoElement } from '../../utils/base';
+declare const LuzmoSlider_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/sized-mixin").SizedElementInterface;
+};
+export declare class LuzmoSlider extends LuzmoSlider_base {
+    static styles: import("lit").CSSResult[];
+    get _slider(): HTMLDivElement | null;
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+    disabled: boolean;
+    debounce: number;
+    noUiSlider: NoUiSlider;
+    debounceTimeout: any;
+    _doingUpdate: boolean;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, any>): void;
+    private setValue;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/{lib/state-BAO-13Bs.js → components/state-D8vot9IB.js}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { n as r } from "./base-nYalvNMy.js";
+import { n as r } from "./base-CxUap9HL.js";
 /**
  * @license
  * Copyright 2017 Google LLC

package/{lib/state-DReJ3hB6.cjs → components/state-WWHLNMRG.cjs}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const e=require("./base-BCmA9Wxv.cjs");/**
+"use strict";const e=require("./base-rtxi7uaR.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/{lib/streaming-listener-DLo0wkMc.js → components/streaming-listener-BbmNyKWO.js}

@@ -15,8 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { nothing as d } from "lit";
-import { f as l } from "./async-directive-FGzMycjH.js";
+import { E as d } from "./base-CxUap9HL.js";
+import { f as l } from "./async-directive-BhRGSTWB.js";
 import { e as o } from "./directive-oAbCiebi.js";
 const m = Symbol(
   "language resolver updated"

package/components/streaming-listener-C2A7ZJZP.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 l=require("./base-rtxi7uaR.cjs"),o=require("./async-directive-_65ULPLK.cjs"),m=require("./directive-C7oCP5Bh.cjs"),a=Symbol("language resolver updated");class u{constructor(e){this.language=document.documentElement.lang||navigator.language,this.host=e,this.host.addController(this)}hostConnected(){this.resolveLanguage()}hostDisconnected(){var e;(e=this.unsubscribe)==null||e.call(this)}resolveLanguage(){const e=new CustomEvent("luzmo-language-context",{bubbles:!0,composed:!0,detail:{callback:(t,s)=>{const n=this.language;this.language=t,this.unsubscribe=s,this.host.requestUpdate(a,n)}},cancelable:!0});this.host.dispatchEvent(e)}}const i=["",()=>{}];class c extends o.f{constructor(){super(...arguments),this.start=i,this.streamInside=i,this.end=i,this.streamOutside=i,this.state="off",this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))},this.handleInside=e=>{this.handleStream(this.streamInside[1],e)},this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners("off")},this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(e){return l.E}update(e,[{start:t,end:s,streamInside:n=i,streamOutside:d=i}]){var r;this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=((r=e.options)==null?void 0:r.host)||this.element,this.start=t,this.end=s,this.streamInside=n,this.streamOutside=d,this.addListeners()}addListeners(e){this.state=e||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||(this.callHandler(e,t),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(s=>{this.element.addEventListener(s,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(s=>{this.element.removeEventListener(s,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}}const L=m.e(c);exports.LanguageResolutionController=u;exports.languageResolverUpdatedSymbol=a;exports.streamingListener=L;

package/{lib/style-map-BqvQDFJt.js → components/style-map-CoBJRbvu.js}

@@ -15,7 +15,7 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { T as l } from "./lit-html-B3ugcwD9.js";
+import { T as l } from "./base-CxUap9HL.js";
 import { e as u, i as c, t as d } from "./directive-oAbCiebi.js";
 /**
  * @license

package/{lib/style-map-BjBGQ_u3.cjs → components/style-map-DH0jkl7s.cjs}

@@ -15,8 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const c=require("./lit-html-p4Oxv2-5.cjs"),o=require("./directive-C7oCP5Bh.cjs");/**
+"use strict";const u=require("./base-rtxi7uaR.cjs"),o=require("./directive-C7oCP5Bh.cjs");/**
  * @license
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */const l="important",u=" !"+l,d=o.e(class extends o.i{constructor(n){var t;if(super(n),n.type!==o.t.ATTRIBUTE||n.name!=="style"||((t=n.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(n){return Object.keys(n).reduce((t,s)=>{const e=n[s];return e==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(n,[t]){const{style:s}=n.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)t[e]==null&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const r=t[e];if(r!=null){this.ft.add(e);const i=typeof r=="string"&&r.endsWith(u);e.includes("-")||i?s.setProperty(e,i?r.slice(0,-11):r,i?l:""):s[e]=r}}return c.T}});exports.o=d;
+ */const c="important",l=" !"+c,d=o.e(class extends o.i{constructor(n){var t;if(super(n),n.type!==o.t.ATTRIBUTE||n.name!=="style"||((t=n.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(n){return Object.keys(n).reduce((t,s)=>{const e=n[s];return e==null?t:t+`${s=s.includes("-")?s:s.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${e};`},"")}update(n,[t]){const{style:s}=n.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const e of this.ft)t[e]==null&&(this.ft.delete(e),e.includes("-")?s.removeProperty(e):s[e]=null);for(const e in t){const r=t[e];if(r!=null){this.ft.add(e);const i=typeof r=="string"&&r.endsWith(l);e.includes("-")||i?s.setProperty(e,i?r.slice(0,-11):r,i?c:""):s[e]=r}}return u.T}});exports.o=d;

package/components/swatch/index.cjs

@@ -0,0 +1,49 @@
+/*! * 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 u=require("@luzmo/icons"),r=require("../base-rtxi7uaR.cjs"),w=require("../if-defined-C-8FyBSN.cjs"),b=require("../when-CDZyJPvd.cjs"),g=require("../focusable-DyyBr-J-.cjs"),p=require("../sized-mixin-BAI6NiE2.cjs"),v=require("../mutation-controller-DkOMCW-c.cjs"),m=require("../query-assigned-elements-DsKsfk7G.cjs"),z=require("../roving-tabindex-By_fCy_e.cjs"),x='@media (forced-colors: active){:host{--highcontrast-swatch-disabled-icon-color: GrayText;--highcontrast-swatch-focus-indicator-color: ButtonText;--highcontrast-swatch-background-color-selected: Background;--highcontrast-swatch-border-color-selected: Highlight;--highcontrast-swatch-border-color: ButtonText;--highcontrast-swatch-fill-foreground-color: ButtonText}.fill{forced-color-adjust:none}:host([disabled]){--highcontrast-swatch-border-color: GrayText}}:host{box-sizing:border-box;inline-size:var(--luzmo-swatch-size, var(--swatch-size));block-size:var(--luzmo-swatch-size, var(--swatch-size));-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.disabled-icon{inline-size:var(--luzmo-swatch-disabled-icon-size, var(--swatch-disabled-icon-size));block-size:var(--luzmo-swatch-disabled-icon-size, var(--swatch-disabled-icon-size))}:host,:host:before{border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius))}:host([selected]){background-color:var(--highcontrast-swatch-background-color-selected, var(--luzmo-swatch-inner-border-color-selected, var(--swatch-inner-border-color-selected)))}:host([selected]) .fill:before{box-shadow:none;border-radius:0}:host([selected]):before{opacity:1}:host .is-image .fill:before{background-color:initial}:host([mixed-value]) .fill{background:none;background:var(--picked-color, transparent)}:host([mixed-value]) .mixed-value-icon{color:var(--swatch-dash-icon-color);display:block}:host([nothing]) .fill{background-color:initial;background-color:var(--picked-color, transparent);background-image:none}:host([nothing]) .fill:after{inline-size:var(--luzmo-swatch-slash-thickness, var(--swatch-slash-thickness));content:"";block-size:200%;background:var(--highcontrast-swatch-fill-foreground-color, var(--luzmo-swatch-slash-icon-color, var(--swatch-slash-icon-color)));position:absolute;transform:rotate(-45deg)}:host([nothing][shape=rectangle]) .fill:after{transform:rotate(-25deg)}:host([disabled]) .disabled-icon{display:block}:host:before{content:"";border-width:var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected));border-style:solid;border-color:var(--highcontrast-swatch-border-color-selected, var(--luzmo-swatch-border-color-selected, var(--swatch-border-color-selected)));opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}:host:after{content:"";inset:calc(var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)) * -2);opacity:0;border-width:var(--luzmo-swatch-focus-indicator-width, var(--swatch-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color, var(--luzmo-swatch-focus-indicator-color, var(--swatch-focus-indicator-color)));border-radius:var(--luzmo-swatch-focus-indicator-border-radius, var(--swatch-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;position:absolute}:host(:focus-visible):after{opacity:1}.fill{inline-size:100%;block-size:100%;box-sizing:border-box;border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fill:before{content:"";z-index:0;box-sizing:border-box;box-shadow:inset 0 0 0 var(--luzmo-swatch-border-thickness, var(--swatch-border-thickness)) var(--highcontrast-swatch-border-color, var(--luzmo-swatch-border-color, var(--swatch-border-color)));border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius));position:absolute;top:0;right:0;bottom:0;left:0}:host([border=none]) .fill:before,.fill:before{background-color:initial;background-color:var(--picked-color, transparent)}:host([border=none]) .fill:before{box-shadow:none}.mixed-value-icon{pointer-events:none;color:#0000;color:var(--picked-color, transparent);display:none}.disabled-icon{z-index:1;pointer-events:none;color:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)));stroke:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)));display:none;position:relative}.disabled-icon path:first-child{fill:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)))}.disabled-icon path:last-child{fill:var(--luzmo-swatch-icon-border-color, var(--swatch-icon-border-color))}:host([shape=rectangle]){inline-size:calc(var(--luzmo-swatch-size, var(--swatch-size)) * 2)}:host([rounding=none]),:host([rounding=none]) .fill,:host([rounding=none]) .fill:before,:host([rounding=none][selected]) .fill,:host([rounding=none][selected]) .fill:before,:host([rounding=none]):after,:host([rounding=none]):before{border-radius:0}:host([rounding=full][selected]:not([shape=rectangle])) .fill,:host([rounding=full][selected]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])),:host([rounding=full]:not([shape=rectangle])) .fill,:host([rounding=full]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])):after,:host([rounding=full]:not([shape=rectangle])):before{border-radius:100%}:host([selected]) .fill{width:calc(var(--luzmo-swatch-size, var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)));height:calc(var(--luzmo-swatch-size, var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)))}:host([selected][shape=rectangle]) .fill{width:calc(var(--luzmo-swatch-size, var(--swatch-size)) * 2 - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)))}::slotted([slot=image]){object-fit:contain;inline-size:100%;block-size:100%;transition:width var(--luzmo-animation-duration) ease-in-out,height var(--luzmo-animation-duration) ease-in-out}:host([size=xl]){--swatch-size: var(--luzmo-component-height-xl);--swatch-disabled-icon-size: 24px;--swatch-slash-thickness: 6px}:host([size=l]){--swatch-size: var(--luzmo-component-height-l);--swatch-disabled-icon-size: 20px;--swatch-slash-thickness: 5px}:host([size=s]){--swatch-size: var(--luzmo-component-height-s);--swatch-disabled-icon-size: 16px;--swatch-slash-thickness: 3px}:host([size=xs]){--swatch-size: var(--luzmo-component-height-xs);--swatch-disabled-icon-size: 16px;--swatch-slash-thickness: 2px}:host([size=xxs]){--swatch-size: var(--luzmo-component-height-xxs);--swatch-disabled-icon-size: 14px;--swatch-slash-thickness: 2px}:host{--swatch-size: var(--luzmo-component-height);--swatch-disabled-icon-size: 18px;--swatch-slash-thickness: 4px}:host{--swatch-border-radius: var(--luzmo-border-radius-s);--swatch-focus-indicator-border-radius: var(--luzmo-border-radius-s);--swatch-border-thickness: var(--luzmo-border-width);--swatch-border-thickness-selected: var(--luzmo-border-width);--swatch-focus-indicator-width: var(--luzmo-indicator-width);--swatch-focus-indicator-gap: var(--luzmo-indicator-gap);--swatch-border-color: var(--luzmo-border-color-down);--swatch-icon-border-color: var(--luzmo-border-color);--swatch-border-color-selected: var(--luzmo-border-color-full-down);--swatch-inner-border-color-selected: var(--luzmo-background-color);--swatch-disabled-icon-color: rgb(255, 255, 255);--swatch-dash-icon-color: var(--luzmo-font-color);--swatch-slash-icon-color: var(--luzmo-color-negative);--swatch-focus-indicator-color: var(--luzmo-primary)}.fill:before{background:var(--picked-color, transparent)}:host([border=none]) .fill:before{background:var(--picked-color, transparent)}:host .is-image .fill:before{background:#0000}:host .opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-swatch-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-swatch-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-swatch-checkerboard-position, left top)/calc(var(--luzmo-swatch-checkerboard-size, 8px) * 2) calc(var(--luzmo-swatch-checkerboard-size, 8px) * 2)}';var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,c=(h,e,t,o)=>{for(var s=o>1?void 0:o?k(e,t):e,i=h.length-1,a;i>=0;i--)(a=h[i])&&(s=(o?a(e,t,s):a(s))||s);return o&&s&&y(e,t,s),s};class l extends p.SizedMixin(g.Focusable,{validSizes:["xxs","xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.color="",this.label="",this.mixedValue=!1,this.nothing=!1,this.role="button",this.selected=!1,this.readonly=!1,this.renderDisabled=()=>r.x`
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="disabled-icon"
+      viewBox="0 0 20 20"
+    >
+      <path
+        d="M9.889,1a8.889,8.889,0,1,0,8.889,8.889A8.889,8.889,0,0,0,9.889,1Zm6.667,8.889a6.635,6.635,0,0,1-1.233,3.863l-9.3-9.3A6.667,6.667,0,0,1,16.556,9.889Zm-13.333,0A6.636,6.636,0,0,1,4.455,6.026l9.3,9.3A6.667,6.667,0,0,1,3.222,9.889Z"
+        stroke="none"
+        fill="var(--swatch-disabled-icon-color)"
+      />
+      <path
+        d="M 9.888889312744141 1 C 4.979689598083496 1 1 4.979689598083496 1 9.888889312744141 C 1 14.7980899810791 4.979689598083496 18.77777862548828 9.888889312744141 18.77777862548828 C 14.7980899810791 18.77777862548828 18.77777862548828 14.7980899810791 18.77777862548828 9.888889312744141 C 18.77777862548828 4.979689598083496 14.7980899810791 1 9.888889312744141 1 M 15.32277870178223 13.75166893005371 L 6.02610969543457 4.454998970031738 C 8.059318542480469 3.009572982788086 10.72937774658203 2.820217132568359 12.9462194442749 3.964249610900879 C 15.16304969787598 5.10828971862793 16.55568885803223 7.394259452819824 16.5555591583252 9.888889312744141 C 16.55776977539062 11.27357959747314 16.126708984375 12.62425994873047 15.32277870178223 13.75166893005371 M 9.888258934020996 16.55648612976074 C 8.843273162841797 16.55648612976074 7.794573783874512 16.31111145019531 6.831318855285645 15.8139591217041 C 4.614439010620117 14.66977882385254 3.221879959106445 12.38361930847168 3.222219467163086 9.888889312744141 C 3.220088958740234 8.504219055175781 3.651140213012695 7.153559684753418 4.454998970031738 6.02610969543457 L 13.75166893005371 15.32333946228027 C 12.60186290740967 16.14075088500977 11.24825286865234 16.55648612976074 9.888258934020996 16.55648612976074 M 9.888889312744141 0 C 15.34163951873779 0 19.77777862548828 4.436139106750488 19.77777862548828 9.888889312744141 C 19.77777862548828 15.34163951873779 15.34163951873779 19.77777862548828 9.888889312744141 19.77777862548828 C 4.436139106750488 19.77777862548828 0 15.34163951873779 0 9.888889312744141 C 0 4.436139106750488 4.436139106750488 0 9.888889312744141 0 Z M 15.10232830047607 12.11699867248535 C 15.40205764770508 11.41858959197998 15.55679702758789 10.66494941711426 15.5555591583252 9.89048957824707 C 15.5556697845459 7.759209632873535 14.38009929656982 5.829549789428711 12.48761940002441 4.852889060974121 C 11.68764972686768 4.440059661865234 10.78924942016602 4.22184944152832 9.889529228210449 4.22184944152832 C 9.114802360534668 4.22184944152832 8.360831260681152 4.377038955688477 7.661839485168457 4.676509857177734 L 15.10232830047607 12.11699867248535 Z M 12.11597919464111 15.10181331634521 L 4.675475120544434 7.660861015319824 C 4.375750541687012 8.359296798706055 4.221027374267578 9.112875938415527 4.222219467163086 9.887349128723145 C 4.221929550170898 12.01874923706055 5.397418975830078 13.94855880737305 7.289958953857422 14.92533874511719 C 8.08997917175293 15.3382396697998 8.988459587097168 15.55648994445801 9.888258934020996 15.55648994445801 C 10.66298007965088 15.55648994445801 11.41698551177979 15.40128421783447 12.11597919464111 15.10181331634521 Z"
+        stroke="none"
+        fill="var(--swatch-disabled-icon-stroke-color)"
+      />
+    </svg>
+  `,this.renderMixedValue=()=>u.luzmoIcon(u.luzmoDash)}static get styles(){return[r.r(x)]}get value(){return this._value||this.color||this.label}set value(e){if(e===this._value)return;const t=this.value;this._value=e,this.requestUpdate("value",t)}get focusElement(){return this}toggle(e){this.readonly||(this.selected=e??!this.selected)}handleClick(){if(this.disabled||this.mixedValue)return;this.toggle(),this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||this.toggle()}handleKeydown(e){const{code:t}=e;switch(t){case"Space":{e.preventDefault(),this.addEventListener("keyup",this.handleKeyup);break}}}handleKeypress(e){const{code:t}=e;switch(t){case"Enter":case"NumpadEnter":{this.click();break}}}handleKeyup(e){const{code:t}=e;switch(t){case"Space":{this.removeEventListener("keyup",this.handleKeyup),this.click();break}}}render(){return r.x`
+      <div
+        class="opacity-checkerboard fill"
+        style=${w.o(this.color?`--picked-color: ${this.color}`:void 0)}
+      >
+        <slot name="image"></slot>
+        ${b.n(this.disabled,this.renderDisabled)}
+        ${b.n(this.mixedValue,this.renderMixedValue)}
+      </div>
+    `}willUpdate(e){var t;if(this.getAttribute("role")||this.setAttribute("role","button"),(e.has("selected")||e.has("role"))&&!this.readonly){const o=this.role==="button"?"aria-pressed":"aria-checked",s=this.role==="button"?"aria-checked":"aria-pressed";e.has("role")&&this.removeAttribute(s),this.setAttribute(o,this.selected?"true":"false")}(e.has("label")||e.has("color")||e.has("mixedValue"))&&(this.label!==this.color&&((t=this.label)!=null&&t.length)?this.setAttribute("aria-label",this.label):this.color?this.setAttribute("aria-label",this.color):this.mixedValue?this.setAttribute("aria-label","Mixed"):this.removeAttribute("aria-label"))}firstUpdated(e){super.firstUpdated(e),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}}c([r.n({reflect:!0})],l.prototype,"border",2);c([r.n()],l.prototype,"color",2);c([r.n()],l.prototype,"label",2);c([r.n({type:Boolean,reflect:!0,attribute:"mixed-value"})],l.prototype,"mixedValue",2);c([r.n({type:Boolean,reflect:!0})],l.prototype,"nothing",2);c([r.n({reflect:!0})],l.prototype,"role",2);c([r.n({reflect:!0})],l.prototype,"rounding",2);c([r.n({type:Boolean,reflect:!0})],l.prototype,"selected",2);c([r.n({type:Boolean,reflect:!0})],l.prototype,"readonly",2);c([r.n({reflect:!0})],l.prototype,"shape",2);c([r.n()],l.prototype,"value",1);const S=":host{justify-content:flex-start;align-items:flex-start;gap:var(--luzmo-swatch-group-spacing-regular, var(--swatch-group-spacing-regular));flex-flow:wrap;display:inline-flex}:host([density=compact]){gap:var(--luzmo-swatch-group-spacing-compact, var(--swatch-group-spacing-compact))}:host([density=spacious]){gap:var(--luzmo-swatch-group-spacing-spacious, var(--swatch-group-spacing-spacious))}:host{--swatch-group-spacing-compact: 2px;--swatch-group-spacing-regular: 4px;--swatch-group-spacing-spacious: 8px}";var C=Object.defineProperty,A=Object.getOwnPropertyDescriptor,d=(h,e,t,o)=>{for(var s=o>1?void 0:o?A(e,t):e,i=h.length-1,a;i>=0;i--)(a=h[i])&&(s=(o?a(e,t,s):a(s))||s);return o&&s&&C(e,t,s),s};class n extends p.SizedMixin(r.LuzmoElement,{validSizes:["xs","s","m","l"],noDefaultSize:!0}){constructor(){super(),this._selected=[],this.selectedSet=new Set,this.rovingTabindexController=new z.RovingTabindexController(this,{focusInIndex:e=>{let t=-1;const o=e.findIndex((s,i)=>(!e[t]&&!s.disabled&&(t=i),s.selected&&!s.disabled));return e[o]?o:t},elements:()=>this.swatches,isFocusableElement:e=>!e.disabled}),this.manageChange=async()=>{const e=new Set;this.selectedSet=new Set(this.selected),await Promise.all(this.swatches.map(t=>t.updateComplete)),this.swatches.forEach(t=>{e.add(t.value),t.selected&&this.selectedSet.add(t.value)}),this.selectedSet.forEach(t=>{e.has(t)||this.selectedSet.delete(t)}),this._selected=[...this.selectedSet],this.rovingTabindexController.clearElementCache()},new v.s(this,{config:{attributes:!0,childList:!0,subtree:!0},callback:()=>{this.manageChange()}})}static get styles(){return[r.r(S)]}get selected(){return this._selected}set selected(e){if(e===this.selected)return;const t=this.selected;this._selected=e,this.requestUpdate("selected",t)}focus(e){this.rovingTabindexController.focus(e)}handleChange(e){e.stopPropagation();const t=this.selected;if(!this.selects){e.preventDefault();return}if(this.selects==="single"){const{target:s}=e;if(s.tabIndex=0,s.selected=!0,this.selectedSet.has(s.value))return;this.selectedSet.clear(),this.selectedSet.add(s.value),this.rovingTabindexController.elements.forEach(i=>{i!==s&&(i.selected=!1)})}else if(this.selects==="multiple"){const{target:s}=e;s.selected?this.selectedSet.add(s.value):this.selectedSet.delete(s.value)}this._selected=[...this.selectedSet],this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||(this._selected=t,e.preventDefault())}getPassthroughSwatchActions(e){const t={};e.has("selects")&&(this.selects||e.get("selects")!==void 0)&&(t.selects=this.selects),e.has("border")&&(this.border||e.get("border")!==void 0)&&(t.border=this.border),e.has("rounding")&&(this.rounding||e.get("rounding")!==void 0)&&(t.rounding=this.rounding),e.has("size")&&(this.size!=="m"||e.get("size")!==void 0)&&(t.size=this.size),e.has("shape")&&(this.shape||e.get("shape")!==void 0)&&(t.shape=this.shape);const o=[];return Object.keys(t).length>0&&o.push(s=>{"border"in t&&(s.border=t.border),"rounding"in t&&(s.rounding=t.rounding),"shape"in t&&(s.shape=t.shape),"size"in t&&(s.size=t.size)}),o}getSelectionSwatchActions(e){const t=[];if(!e.has("selects"))return t;this.selects?this.setAttribute("role",this.selects==="single"?"radiogroup":"group"):this.removeAttribute("role");const o={single:"radio",multiple:"checkbox"},s=this.selects?o[this.selects]:"button";return t.push(i=>{i.setAttribute("role",s)}),t}render(){return r.x`
+      <slot
+        @change=${this.handleChange}
+        @slotchange=${this.manageChange}
+      ></slot>
+    `}willUpdate(e){const t=[...this.getPassthroughSwatchActions(e),...this.getSelectionSwatchActions(e)];let o=new Set(this.selected);const s=new Set;e.has("selected")&&t.push(a=>{s.add(a.value),a.selected=!!(o.has(a.value)||!this.hasUpdated&&a.selected)});const i=()=>{o=new Set(this.selected),this.swatches.forEach(a=>{t.forEach(f=>{f(a)})}),e.has("selected")&&(this._selected=[...o.values()].filter(a=>s.has(a)))};this.hasUpdated?i():this.renderRoot.addEventListener("slotchange",()=>{requestAnimationFrame(i)},{once:!0})}}d([r.n({reflect:!0})],n.prototype,"border",2);d([r.n({reflect:!0})],n.prototype,"density",2);d([r.n({reflect:!0})],n.prototype,"rounding",2);d([r.n({type:Array})],n.prototype,"selected",1);d([r.n()],n.prototype,"selects",2);d([r.n({reflect:!0})],n.prototype,"shape",2);d([m.o({flatten:!0})],n.prototype,"swatches",2);customElements.get("luzmo-swatch")||customElements.define("luzmo-swatch",l);customElements.get("luzmo-swatch-group")||customElements.define("luzmo-swatch-group",n);exports.LuzmoSwatch=l;exports.LuzmoSwatchGroup=n;

package/components/swatch/index.d.ts

@@ -0,0 +1,10 @@
+import { LuzmoSwatch } from './swatch';
+import { LuzmoSwatchGroup } from './swatch-group';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-swatch': LuzmoSwatch;
+        'luzmo-swatch-group': LuzmoSwatchGroup;
+    }
+}
+export { LuzmoSwatch } from './swatch';
+export { LuzmoSwatchGroup } from './swatch-group';

package/{lib → components}/swatch/index.js

@@ -16,12 +16,11 @@
  * SOFTWARE.
  * */
 import { luzmoIcon as z, luzmoDash as v } from "@luzmo/icons";
-import { F as w } from "../focusable-DbUg-3Vp.js";
-import { S as m } from "../sized-mixin-Dl0KoEcV.js";
-import { html as u, unsafeCSS as p } from "lit";
-import { n as l, L as x } from "../base-nYalvNMy.js";
-import { o as y } from "../if-defined-CYpcjGCb.js";
+import { x as u, r as m, n as l, L as w } from "../base-CxUap9HL.js";
+import { o as x } from "../if-defined-XzWkhMhg.js";
 import { n as b } from "../when-CDK1Tt5Y.js";
+import { F as y } from "../focusable-Bze9xE25.js";
+import { S as p } from "../sized-mixin-DcJTTohI.js";
 import { s as k } from "../mutation-controller-DH7YOCyj.js";
 import { o as S } from "../query-assigned-elements-DjfhL1cl.js";
 import { R as C } from "../roving-tabindex-DOg4z6ZU.js";
@@ -38,7 +37,7 @@ var E = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, n = (c, e, o
     (i = c[s]) && (t = (r ? i(e, o, t) : i(t)) || t);
   return r && t && E(e, o, t), t;
 };
-class a extends m(w, {
+class a extends p(y, {
   validSizes: ["xxs", "xs", "s", "m", "l", "xl"],
   noDefaultSize: !0
 }) {
@@ -63,7 +62,7 @@ class a extends m(w, {
   `, this.renderMixedValue = () => z(v);
   }
   static get styles() {
-    return [p(A)];
+    return [m(A)];
   }
   get value() {
     return this._value || this.color || this.label;
@@ -122,7 +121,7 @@ class a extends m(w, {
     return u`
       <div
         class="opacity-checkerboard fill"
-        style=${y(
+        style=${x(
       this.color ? `--picked-color: ${this.color}` : void 0
     )}
       >
@@ -183,7 +182,7 @@ var L = Object.defineProperty, M = Object.getOwnPropertyDescriptor, h = (c, e, o
     (i = c[s]) && (t = (r ? i(e, o, t) : i(t)) || t);
   return r && t && L(e, o, t), t;
 };
-class d extends m(x, {
+class d extends p(w, {
   validSizes: ["xs", "s", "m", "l"],
   noDefaultSize: !0
 }) {
@@ -215,7 +214,7 @@ class d extends m(x, {
     });
   }
   static get styles() {
-    return [p(D)];
+    return [m(D)];
   }
   get selected() {
     return this._selected;

package/components/swatch/swatch-group.d.ts

@@ -0,0 +1,41 @@
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+import { RovingTabindexController } from '../../utils/reactive-controllers/roving-tabindex';
+import { ElementSize } from '../../utils/sized-mixin';
+import type { LuzmoSwatch, SwatchBorder, SwatchRounding, SwatchShape } from './swatch';
+export type SwatchGroupSizes = Exclude<ElementSize, 'xxs' | 'xl' | 'xxl'>;
+export type SwatchSelects = 'single' | 'multiple' | undefined;
+declare const LuzmoSwatchGroup_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../../utils/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-swatch-group
+ *
+ * @slot - Swatch elements to manage as a group
+ */
+export declare class LuzmoSwatchGroup extends LuzmoSwatchGroup_base {
+    static get styles(): CSSResultArray;
+    border: SwatchBorder;
+    density: 'compact' | 'spacious' | undefined;
+    rounding: SwatchRounding;
+    get selected(): string[];
+    set selected(selected: string[]);
+    private _selected;
+    selects: SwatchSelects;
+    private selectedSet;
+    shape: SwatchShape;
+    swatches: LuzmoSwatch[];
+    constructor();
+    rovingTabindexController: RovingTabindexController<LuzmoSwatch>;
+    focus(options?: FocusOptions): void;
+    protected handleChange(event: Event & {
+        target: LuzmoSwatch;
+    }): void;
+    private manageChange;
+    private getPassthroughSwatchActions;
+    private getSelectionSwatchActions;
+    protected render(): TemplateResult;
+    protected willUpdate(changes: PropertyValues<this>): void;
+}
+export {};

package/components/swatch/swatch.d.ts

@@ -0,0 +1,40 @@
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { Focusable } from '../../utils/focusable';
+export type SwatchBorder = 'none' | 'light' | undefined;
+export type SwatchRounding = 'none' | 'full' | undefined;
+export type SwatchShape = 'rectangle' | undefined;
+declare const LuzmoSwatch_base: typeof Focusable & {
+    new (...args: any[]): import("../../utils/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-swatch
+ */
+export declare class LuzmoSwatch extends LuzmoSwatch_base {
+    static get styles(): CSSResultArray;
+    border: SwatchBorder;
+    color: string;
+    label: string;
+    mixedValue: boolean;
+    nothing: boolean;
+    role: string;
+    rounding: SwatchRounding;
+    selected: boolean;
+    readonly: boolean;
+    shape: SwatchShape;
+    get value(): string;
+    set value(value: string);
+    private _value?;
+    get focusElement(): HTMLElement;
+    toggle(force?: boolean): void;
+    private handleClick;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private handleKeypress;
+    protected handleKeyup(event: KeyboardEvent): void;
+    protected renderDisabled: () => TemplateResult;
+    protected renderMixedValue: () => TemplateResult;
+    protected render(): TemplateResult;
+    protected willUpdate(changes: PropertyValues): void;
+    protected firstUpdated(changes: PropertyValues): void;
+}
+export {};