@luzmo/lucero 0.0.4 → 0.0.8

package/components/progress-circle-NNbCMK2i.cjs

@@ -0,0 +1,33 @@
+/*! * 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 t=require("./base-B7Pfl2if.cjs"),c=require("./query-BL-TJj7K.cjs"),g=require("./if-defined-B56xGmAg.cjs"),d=require("./sized-mixin-D9LkrMjb.cjs"),f=(i,r)=>{if(i)return null;const o=r.assignedNodes().reduce((s,e)=>e.textContent?s+e.textContent:s,"");return o?o.trim():null},p="@media (forced-colors: active){:host{--highcontrast-progress-circle-fill-border-color: Highlight;--highcontrast-progress-circle-fill-border-color-over-background: Highlight}.track{--progress-circle-track-border-style: double}}:host{position:var(--luzmo-progress-circle-position, relative);direction:ltr;display:inline-block;position:relative;transform:translateZ(0)}:host,.track{inline-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));block-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px))}.track{box-sizing:border-box;border-style:var(--highcontrast-progress-circle-track-border-style, var(--luzmo-progress-circle-track-border-style, var(--progress-circle-track-border-style, solid)));border-width:var(--luzmo-progress-circle-thickness, var(--progress-circle-thickness, 3px));border-radius:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-color:var(--luzmo-progress-circle-track-border-color, var(--luzmo-border-color))}.fills{inline-size:100%;block-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.fill{box-sizing:border-box;inline-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));block-size:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-style:solid;border-width:var(--luzmo-progress-circle-thickness, var(--progress-circle-thickness, 3px));border-radius:var(--luzmo-progress-circle-size, var(--progress-circle-size, 32px));border-color:var(--highcontrast-progress-circle-fill-border-color, var(--luzmo-progress-circle-fill-border-color, var(--luzmo-primary)))}:host([static-color=black]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background, rgba(0, 0, 0, .25))}:host([static-color=black]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background, var(--luzmo-progress-circle-fill-border-color-over-background, rgb(0, 0, 0)))}:host([static-color=white]) .track{border-color:var(--luzmo-progress-circle-track-border-color-over-background, rgba(255, 255, 255, .15))}:host([static-color=white]) .fill{border-color:var(--highcontrast-progress-circle-fill-border-color-over-background, var(--luzmo-progress-circle-fill-border-color-over-background, rgb(255, 255, 255)))}.fill-mask1,.fill-mask2{inline-size:50%;block-size:100%;transform-origin:100%;position:absolute;overflow:hidden;transform:rotate(180deg)}.fill-sub-mask1,.fill-sub-mask2{inline-size:100%;block-size:100%;transform-origin:100%;overflow:hidden;transform:rotate(-180deg)}.fill-mask2{transform:rotate(0)}:host([indeterminate]) .fills{will-change:transform;transform-origin:center;animation:1s cubic-bezier(.25,.78,.48,.89) infinite luzmo-fills-rotate;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask1{will-change:transform;animation:1s linear infinite luzmo-fill-mask-1;transform:translateZ(0)}:host([indeterminate]) .fill-sub-mask2{will-change:transform;animation:1s linear infinite luzmo-fill-mask-2;transform:translateZ(0)}.fill-submask-2{animation:1s linear infinite luzmo-fill-mask-2}@keyframes luzmo-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0)}11.86%{transform:rotate(0)}13.56%{transform:rotate(0)}15.25%{transform:rotate(0)}16.95%{transform:rotate(0)}18.64%{transform:rotate(0)}20.34%{transform:rotate(0)}22.03%{transform:rotate(0)}23.73%{transform:rotate(0)}25.42%{transform:rotate(0)}27.12%{transform:rotate(0)}28.81%{transform:rotate(0)}30.51%{transform:rotate(0)}32.2%{transform:rotate(0)}33.9%{transform:rotate(0)}35.59%{transform:rotate(0)}37.29%{transform:rotate(0)}38.98%{transform:rotate(0)}40.68%{transform:rotate(0)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes luzmo-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes luzmo-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host([size=s]){--progress-circle-size: 16px;--progress-circle-thickness: 2px}:host([size=l]){--progress-circle-size: 48px;--progress-circle-thickness: 3px}:host([size=xl]){--progress-circle-size: 64px;--progress-circle-thickness: 4px}:host{block-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));--progress-circle-size: inherit;--parent-element-progress-circle-size: inherit;--parent-element-progress-circle-size: var(--progress-circle-size, 32px)}:host([size=s]){--parent-element-progress-circle-size: var(--progress-circle-size, 16px)}:host([size=l]){--parent-element-progress-circle-size: var(--progress-circle-size, 48px)}:host([size=xl]){--parent-element-progress-circle-size: var(--progress-circle-size, 64px)}slot{display:none}.track,.fill{block-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));border-radius:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size));inline-size:var(--luzmo-progress-circle-size, var(--parent-element-progress-circle-size))}:host([indeterminate]) .fills,:host([indeterminate]) .fill-sub-mask1,:host([indeterminate]) .fill-sub-mask2{animation-duration:var(--luzmo-progress-circle-animation-duration, 1s)}";var u=Object.defineProperty,l=(i,r,o,s)=>{for(var e=void 0,n=i.length-1,m;n>=0;n--)(m=i[n])&&(e=m(r,o,e)||e);return e&&u(r,o,e),e};class a extends d.SizedMixin(t.LuzmoElement,{validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.indeterminate=!1,this.label="",this.progress=0}static get styles(){return[t.r(p)]}makeRotation(r){return this.indeterminate?void 0:`transform: rotate(${r}deg);`}render(){const r=[this.makeRotation(-180+3.6*Math.min(this.progress,50)),this.makeRotation(-180+3.6*Math.max(this.progress-50,0))],o=["mask1","mask2"];return t.x`
+      <slot @slotchange=${this.handleSlotchange}></slot>
+      <div class="track"></div>
+      <div class="fills">
+        ${o.map((s,e)=>t.x`
+            <div class="fill-${s}">
+              <div
+                class="fill-sub-${s}"
+                style=${g.o(r[e])}
+              >
+                <div class="fill"></div>
+              </div>
+            </div>
+          `)}
+      </div>
+    `}handleSlotchange(){const r=f(this.label,this.slotEl);r&&(this.label=r)}firstUpdated(r){super.firstUpdated(r),this.hasAttribute("role")||this.setAttribute("role","progressbar")}updated(r){super.updated(r),!this.indeterminate&&r.has("progress")?this.setAttribute("aria-valuenow",""+this.progress):this.hasAttribute("aria-valuenow")&&this.removeAttribute("aria-valuenow"),r.has("label")&&(this.label.length>0?this.setAttribute("aria-label",this.label):r.get("label")===this.getAttribute("aria-label")&&this.removeAttribute("aria-label"))}}l([t.n({type:Boolean,reflect:!0})],a.prototype,"indeterminate");l([t.n({type:String})],a.prototype,"label");l([t.n({reflect:!0,attribute:"static-color"})],a.prototype,"staticColor");l([t.n({type:Number})],a.prototype,"progress");l([c.e("slot")],a.prototype,"slotEl");exports.LuzmoProgressCircle=a;

package/components/radio/index.cjs

@@ -0,0 +1,22 @@
+/*! * 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 e=require("../base-B7Pfl2if.cjs"),h=require("../focus-visible-B0P9aY_G.cjs"),b=require("../sized-mixin-D9LkrMjb.cjs"),v=require("../query-assigned-nodes-BcKWmGzy.cjs"),p=require("../roving-tabindex-By_fCy_e.cjs"),m=require("../field-group-DSY2HUoj.cjs"),f='@media (forced-colors: active){:host{--highcontrast-radio-neutral-content-color: CanvasText;--highcontrast-radio-neutral-content-color-hover: CanvasText;--highcontrast-radio-neutral-content-color-down: CanvasText;--highcontrast-radio-neutral-content-color-focus: CanvasText;--highcontrast-radio-button-border-color-default: ButtonText;--highcontrast-radio-button-border-color-hover: Highlight;--highcontrast-radio-button-border-color-down: ButtonText;--highcontrast-radio-button-border-color-focus: Highlight;--highcontrast-radio-emphasized-accent-color: ButtonText;--highcontrast-radio-emphasized-accent-color-hover: Highlight;--highcontrast-radio-emphasized-accent-color-down: ButtonText;--highcontrast-radio-emphasized-accent-color-focus: Highlight;--highcontrast-radio-button-checked-border-color-default: Highlight;--highcontrast-radio-button-checked-border-color-hover: Highlight;--highcontrast-radio-button-checked-border-color-down: Highlight;--highcontrast-radio-button-checked-border-color-focus: Highlight;--highcontrast-radio-disabled-content-color: GrayText;--highcontrast-radio-disabled-border-color: GrayText;--highcontrast-radio-focus-indicator-color: CanvasText}#button:after{forced-color-adjust:none}}:host{vertical-align:top;min-block-size:var(--luzmo-radio-height, var(--radio-height));max-inline-size:100%;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-radio-font-family, var(--luzmo-font-family))}:host(:active) #button:before{border-color:var(--highcontrast-radio-button-border-color-down, var(--luzmo-radio-button-border-color-down, var(--radio-button-border-color-down)))}:host(:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-down, var(--luzmo-radio-button-checked-border-color-down, var(--radio-button-checked-border-color-down)))}:host(:active) #label{color:var(--highcontrast-radio-neutral-content-color-down, var(--luzmo-radio-neutral-content-color-down, var(--radio-neutral-content-color-down)))}:host(:focus-visible) #button:before{border-color:var(--highcontrast-radio-button-border-color-focus, var(--luzmo-radio-button-border-color-focus, var(--radio-button-border-color-focus)))}:host(:focus-visible) #button:after{border-style:solid;border-color:var(--highcontrast-radio-focus-indicator-color, var(--luzmo-radio-focus-indicator-color, var(--radio-focus-indicator-color)));border-width:var(--luzmo-radio-focus-indicator-width, var(--radio-focus-indicator-width));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2)}:host(:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-focus, var(--luzmo-radio-button-checked-border-color-focus, var(--radio-button-checked-border-color-focus)))}:host(:focus-visible) #label{color:var(--highcontrast-radio-neutral-content-color-focus, var(--luzmo-radio-neutral-content-color-focus, var(--radio-neutral-content-color-focus)))}:host([readonly]) #input:read-only{cursor:auto}:host([readonly]) #button{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:fixed;inset-block-end:100%;inset-inline-end:100%}:host([readonly][checked][disabled]) #input~#label,:host([readonly][disabled]) #input~#label,:host([readonly]) #label{color:var(--highcontrast-radio-neutral-content-color, var(--luzmo-radio-neutral-content-color, var(--radio-neutral-content-color)));margin-inline-start:0}:host([emphasized][checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color, var(--luzmo-radio-emphasized-accent-color, var(--radio-emphasized-accent-color)))}@media (hover: hover){:host(:hover) #button:before{border-color:var(--highcontrast-radio-button-border-color-hover, var(--luzmo-radio-button-border-color-hover, var(--radio-button-border-color-hover)))}:host([checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-button-checked-border-color-hover, var(--luzmo-radio-button-checked-border-color-hover, var(--radio-button-checked-border-color-hover)))}:host(:hover) #label{color:var(--highcontrast-radio-neutral-content-color-hover, var(--luzmo-radio-neutral-content-color-hover, var(--radio-neutral-content-color-hover)))}:host([emphasized][checked]:hover) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-hover, var(--luzmo-radio-emphasized-accent-color-hover, var(--radio-emphasized-accent-color-hover)))}}:host([emphasized]:active[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-down, var(--luzmo-radio-emphasized-accent-color-down, var(--radio-emphasized-accent-color-down)))}:host([emphasized]:focus-visible[checked]) #input+#button:before{border-color:var(--highcontrast-radio-emphasized-accent-color-focus, var(--luzmo-radio-emphasized-accent-color-focus, var(--radio-emphasized-accent-color-focus)))}:host([checked][disabled]) #input+#button:before,:host([disabled]) #input+#button:before{border-color:var(--highcontrast-radio-disabled-border-color, var(--luzmo-radio-disabled-border-color, var(--radio-disabled-border-color)))}:host([checked][disabled]) #input~#label,:host([disabled]) #input~#label{color:var(--highcontrast-radio-disabled-content-color, var(--luzmo-radio-disabled-content-color, var(--radio-disabled-content-color)))}#input{font-family:inherit;font-size:100%;line-height:var(--luzmo-radio-line-height, var(--radio-line-height));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;overflow:visible}:host([disabled]) #input{cursor:default}:host([checked]) #input+#button:before{border-width:calc(var(--radio-button-control-size) / 2 - var(--radio-button-selection-indicator) / 2);border-color:var(--highcontrast-radio-button-checked-border-color-default, var(--luzmo-radio-button-checked-border-color-default, var(--radio-button-checked-border-color-default)))}#input:focus-visible+#button:after{border-width:var(--luzmo-radio-focus-indicator-width, var(--radio-focus-indicator-width));border-color:var(--highcontrast-radio-focus-indicator-color, var(--luzmo-radio-focus-indicator-color, var(--radio-focus-indicator-color)));inline-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);block-size:calc(var(--radio-button-control-size) + var(--radio-focus-indicator-gap) * 2);border-style:solid}#label{text-align:start;font-size:var(--luzmo-radio-font-size, var(--radio-font-size));color:var(--highcontrast-radio-neutral-content-color, var(--luzmo-radio-neutral-content-color, var(--radio-neutral-content-color)));line-height:var(--luzmo-radio-line-height, var(--radio-line-height));transition:color var(--luzmo-radio-animation-duration, var(--radio-animation-duration)) ease-in-out;margin-block-start:var(--radio-label-top-to-text);margin-block-end:var(--radio-label-bottom-to-text);margin-inline-start:var(--luzmo-radio-text-to-control, var(--radio-text-to-control))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-radio-line-height-cjk, var(--radio-line-height-cjk))}#button{box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size, var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size, var(--radio-button-control-size));flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-radio-button-top-to-control, var(--radio-button-top-to-control));position:relative}#button:before{z-index:0;content:"";box-sizing:border-box;inline-size:var(--luzmo-radio-button-control-size, var(--radio-button-control-size));block-size:var(--luzmo-radio-button-control-size, var(--radio-button-control-size));background-color:var(--highcontrast-radio-button-background-color, var(--luzmo-radio-button-background-color, var(--radio-button-background-color)));border-width:var(--luzmo-radio-border-width, var(--radio-border-width));border-color:var(--highcontrast-radio-button-border-color-default, var(--luzmo-radio-button-border-color-default, var(--radio-button-border-color-default)));transition:border var(--luzmo-radio-animation-duration, var(--radio-animation-duration)) ease-in-out,box-shadow var(--luzmo-radio-animation-duration, var(--radio-animation-duration)) ease-in-out;border-style:solid;border-radius:50%;display:block;position:absolute}#button:after{content:"";transition:opacity var(--luzmo-radio-animation-duration, var(--radio-animation-duration)) ease-out,margin var(--luzmo-radio-animation-duration, var(--radio-animation-duration)) ease-out;border-radius:50%;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%) translateY(-50%)}:host:dir(rtl) #button:after,:host([dir=rtl]) #button:after{transform:translate(50%) translateY(-50%)}:host{--radio-button-border-color-default: var(--luzmo-border-color-full);--radio-button-border-color-hover: var(--luzmo-border-color-full-hover);--radio-button-border-color-down: var(--luzmo-border-color-full-hover);--radio-button-border-color-focus: var(--luzmo-border-color-full-hover);--radio-neutral-content-color: var(--luzmo-color-selected-hard);--radio-neutral-content-color-hover: var(--luzmo-color-selected-hard-hover);--radio-neutral-content-color-down: var(--luzmo-color-selected-hard-down);--radio-neutral-content-color-focus: var(--luzmo-color-selected-hard-focus);--radio-button-selection-indicator: var(--luzmo-spacing-2);--radio-focus-indicator-width: var(--luzmo-indicator-width);--radio-focus-indicator-gap: var(--luzmo-indicator-gap);--radio-focus-indicator-color: var(--luzmo-primary);--radio-disabled-content-color: var(--luzmo-color-disabled);--radio-disabled-border-color: var(--luzmo-border-color-disabled);--radio-emphasized-accent-color: var(--luzmo-primary);--radio-emphasized-accent-color-hover: var(--luzmo-primary-hover);--radio-emphasized-accent-color-down: var(--luzmo-primary-down);--radio-emphasized-accent-color-focus: var(--luzmo-primary-focus);--radio-border-width: calc(var(--luzmo-border-width) * 2);--radio-button-background-color: var(--luzmo-background-color);--radio-button-checked-border-color-default: var(--luzmo-color-selected-hard);--radio-button-checked-border-color-hover: var( --luzmo-color-selected-hard-hover );--radio-button-checked-border-color-down: var( --luzmo-color-selected-hard-down );--radio-button-checked-border-color-focus: var( --luzmo-color-selected-hard-focus );--radio-line-height: 1.3;--radio-animation-duration: var(--luzmo-animation-duration);--radio-height: 32px;--radio-button-control-size: 14px;--radio-text-to-control: 10px;--radio-label-top-to-text: 6px;--radio-label-bottom-to-text: 9px;--radio-button-top-to-control: 9px;--radio-font-size: 14px}:host(:lang(ja)),:host(:lang(zh)),:host(:lang(ko)){--radio-line-height-cjk: 1.5}:host{--radio-height: var(--luzmo-component-height);--radio-button-control-size: 14px;--radio-text-to-control: 10px;--radio-label-top-to-text: 7px;--radio-label-bottom-to-text: 9px;--radio-button-top-to-control: 9px;--radio-font-size: 14px}:host([size=s]){--radio-height: var(--luzmo-component-height-s);--radio-button-control-size: var(--luzmo-spacing-4);--radio-text-to-control: 9px;--radio-label-top-to-text: var(--luzmo-spacing-2);--radio-label-bottom-to-text: 5px;--radio-button-top-to-control: 6px;--radio-font-size: var(--luzmo-spacing-4)}:host([size=l]){--radio-height: var(--luzmo-component-height-l);--radio-button-control-size: 16px;--radio-text-to-control: 11px;--radio-label-top-to-text: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--radio-label-bottom-to-text: 11px;--radio-button-top-to-control: var(--luzmo-spacing-4);--radio-font-size: 16px}:host([size=xl]){--radio-height: var(--luzmo-component-height-xl);--radio-button-control-size: 18px;--radio-text-to-control: 13px;--radio-label-top-to-text: var(--luzmo-spacing-4);--radio-label-bottom-to-text: 14px;--radio-button-top-to-control: 15px;--radio-font-size: 18px}:host([emphasized]){--radio-button-checked-border-color-default: var(--luzmo-primary);--radio-button-checked-border-color-hover: var(--luzmo-primary-hover);--radio-button-checked-border-color-down: var(--luzmo-primary-down);--radio-button-checked-border-color-focus: var(--luzmo-primary-focus)}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host([dir=rtl]) #button:after{transform:translate(50%) translateY(-50%)}';var z=Object.defineProperty,n=(d,o,t,l)=>{for(var r=void 0,i=d.length-1,c;i>=0;i--)(c=d[i])&&(r=c(o,t,r)||r);return r&&z(o,t,r),r};class a extends b.SizedMixin(h.FocusVisiblePolyfillMixin(e.LuzmoElement),{noDefaultSize:!0}){constructor(){super(...arguments),this.autofocus=!1,this.value="",this.checked=!1,this.disabled=!1,this.emphasized=!1,this.invalid=!1,this.readonly=!1}static get styles(){return[e.r(f)]}click(){this.disabled||this.activate()}manageAutoFocus(){this.autofocus&&(this.dispatchEvent(new KeyboardEvent("keydown",{code:"Tab"})),this.focus())}activate(){this.checked||(this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleKeyup(o){o.code==="Space"&&this.activate()}render(){return e.x`
+      <div id="input"></div>
+      <span id="button"></span>
+      <span id="label" role="presentation"><slot></slot></span>
+    `}firstUpdated(o){super.firstUpdated(o),this.setAttribute("role","radio"),this.hasAttribute("tabindex")||(this.tabIndex=0),this.manageAutoFocus(),this.addEventListener("click",this.activate),this.addEventListener("keyup",this.handleKeyup)}updated(o){super.updated(o),o.has("invalid")&&(this.invalid?this.setAttribute("aria-invalid","true"):this.removeAttribute("aria-invalid")),o.has("checked")&&(this.checked?this.setAttribute("aria-checked","true"):this.setAttribute("aria-checked","false")),o.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}n([e.n({type:Boolean})],a.prototype,"autofocus");n([e.n({type:String,reflect:!0})],a.prototype,"value");n([e.n({type:Boolean,reflect:!0})],a.prototype,"checked");n([e.n({type:Boolean,reflect:!0})],a.prototype,"disabled");n([e.n({type:Boolean,reflect:!0})],a.prototype,"emphasized");n([e.n({type:Boolean,reflect:!0})],a.prototype,"invalid");n([e.n({type:Boolean,reflect:!0})],a.prototype,"readonly");var g=Object.defineProperty,u=(d,o,t,l)=>{for(var r=void 0,i=d.length-1,c;i>=0;i--)(c=d[i])&&(r=c(o,t,r)||r);return r&&g(o,t,r),r};class s extends h.FocusVisiblePolyfillMixin(m.LuzmoFieldGroup){constructor(){super(...arguments),this.name="",this.rovingTabindexController=new p.RovingTabindexController(this,{focusInIndex:o=>o.findIndex(t=>this.selected?!t.disabled&&t.value===this.selected:!t.disabled),elementEnterAction:o=>{this._setSelected(o.value)},elements:()=>this.buttons,isFocusableElement:o=>!o.disabled}),this.selected=""}get buttons(){return this.defaultNodes.filter(o=>o instanceof a)}focus(){this.rovingTabindexController.focus()}_setSelected(o){if(o===this.selected)return;const t=this.selected,l=o?this.querySelector(`luzmo-radio[value="${o}"]`):void 0;if(this.selected=l?o:"",!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this.selected=t;return}this.validateRadios()}willUpdate(o){if(!this.hasUpdated){this.setAttribute("role","radiogroup");const t=this.querySelector("luzmo-radio[checked]"),l=t?t.value:"";if(this.selected=l||this.selected,this.selected&&this.selected!==l){const r=this.querySelector(`luzmo-radio[value="${this.selected}"]`);r&&(r.checked=!0)}this.shadowRoot.addEventListener("change",r=>{r.stopPropagation();const i=r.target;this._setSelected(i.value)})}o.has("selected")&&this.validateRadios()}async validateRadios(){let o=!1;this.hasUpdated||await this.updateComplete,this.buttons.map(t=>{t.checked=this.selected===t.value,o=o||t.checked}),o||(this.selected="")}handleSlotchange(){this.rovingTabindexController.clearElementCache()}}u([e.n({type:String})],s.prototype,"name");u([v.n()],s.prototype,"defaultNodes");u([e.n({reflect:!0})],s.prototype,"selected");customElements.get("luzmo-radio")||customElements.define("luzmo-radio",a);customElements.get("luzmo-radio-group")||customElements.define("luzmo-radio-group",s);exports.LuzmoRadio=a;exports.LuzmoRadioGroup=s;

package/components/radio/index.d.ts

@@ -0,0 +1,10 @@
+import { LuzmoRadio } from './radio';
+import { LuzmoRadioGroup } from './radio-group';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-radio': LuzmoRadio;
+        'luzmo-radio-group': LuzmoRadioGroup;
+    }
+}
+export { LuzmoRadio } from './radio';
+export { LuzmoRadioGroup } from './radio-group';

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

@@ -15,13 +15,12 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { unsafeCSS as m, html as z } from "lit";
-import { L as v, n as i } from "../base-nYalvNMy.js";
+import { a as m, r as z, x as v, n as i } from "../base-CawdqE7p.js";
 import { F as h } from "../focus-visible-DBlJGoEW.js";
-import { S as p } from "../sized-mixin-Dl0KoEcV.js";
-import { R as f } from "../roving-tabindex-DOg4z6ZU.js";
-import { n as g } from "../query-assigned-nodes-C76XVPWY.js";
-import { L as x } from "../field-group-CBWafIUV.js";
+import { S as p } from "../sized-mixin-BxMraZLS.js";
+import { n as f } from "../query-assigned-nodes-C76XVPWY.js";
+import { R as g } from "../roving-tabindex-DOg4z6ZU.js";
+import { L as x } from "../field-group-DAhrTCfl.js";
 const b = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const e = document.createElement("style");
@@ -36,14 +35,14 @@ var y = Object.defineProperty, d = (e, o, t, n) => {
   return r && y(o, t, r), r;
 };
 class l extends p(
-  h(v),
+  h(m),
   { noDefaultSize: !0 }
 ) {
   constructor() {
     super(...arguments), this.autofocus = !1, this.value = "", this.checked = !1, this.disabled = !1, this.emphasized = !1, this.invalid = !1, this.readonly = !1;
   }
   static get styles() {
-    return [m(k)];
+    return [z(k)];
   }
   click() {
     this.disabled || this.activate();
@@ -67,7 +66,7 @@ class l extends p(
     o.code === "Space" && this.activate();
   }
   render() {
-    return z`
+    return v`
       <div id="input"></div>
       <span id="button"></span>
       <span id="label" role="presentation"><slot></slot></span>
@@ -110,7 +109,7 @@ class s extends h(
   x
 ) {
   constructor() {
-    super(...arguments), this.name = "", this.rovingTabindexController = new f(this, {
+    super(...arguments), this.name = "", this.rovingTabindexController = new g(this, {
       focusInIndex: (o) => o.findIndex(
         (t) => this.selected ? !t.disabled && t.value === this.selected : !t.disabled
       ),
@@ -179,7 +178,7 @@ u([
   i({ type: String })
 ], s.prototype, "name");
 u([
-  g()
+  f()
 ], s.prototype, "defaultNodes");
 u([
   i({ reflect: !0 })

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

@@ -0,0 +1,27 @@
+import { PropertyValues } from 'lit';
+import { RovingTabindexController } from '../../utils/reactive-controllers/roving-tabindex';
+import { LuzmoFieldGroup } from './../field-group/field-group';
+import { LuzmoRadio } from './radio';
+declare const LuzmoRadioGroup_base: typeof LuzmoFieldGroup;
+/**
+ * @element luzmo-radio-group
+ *
+ * @slot - The `luzmo-radio` elements to display/manage in the group.
+ * @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 change - An alteration to the value of the element has been committed by the user.
+ */
+export declare class LuzmoRadioGroup extends LuzmoRadioGroup_base {
+    name: string;
+    defaultNodes: Node[];
+    get buttons(): LuzmoRadio[];
+    rovingTabindexController: RovingTabindexController<LuzmoRadio>;
+    focus(): void;
+    private _setSelected;
+    selected: string;
+    protected willUpdate(changes: PropertyValues<this>): void;
+    private validateRadios;
+    protected handleSlotchange(): void;
+}
+export {};

package/components/radio/radio.d.ts

@@ -0,0 +1,39 @@
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import { LuzmoElement } from '../../utils/base';
+declare const LuzmoRadio_base: typeof LuzmoElement & {
+    new (...args: any[]): import("../..").SizedElementInterface;
+    prototype: import("../..").SizedElementInterface;
+};
+/**
+ * @element luzmo-radio
+ *
+ * @slot - text label of the Radio button
+ * @attr invalid - Uses the invalid style
+ * @attr disabled - Uses the disabled style
+ * @attr checked - Represents when the input is checked
+ * @attr value - Identifies this radio button within its radio group
+ *
+ * @fires change - When the input is interacted with and its state is changed
+ */
+export declare class LuzmoRadio extends LuzmoRadio_base {
+    static get styles(): CSSResultArray;
+    /**
+     * When this control is rendered, focus it automatically
+     * @private
+     */
+    autofocus: boolean;
+    value: string;
+    checked: boolean;
+    disabled: boolean;
+    emphasized: boolean;
+    invalid: boolean;
+    readonly: boolean;
+    click(): void;
+    protected manageAutoFocus(): void;
+    protected activate(): void;
+    protected handleKeyup(event: KeyboardEvent): void;
+    protected render(): TemplateResult;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected updated(changes: PropertyValues): void;
+}
+export {};

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-B7Pfl2if.cjs"),u=require("../query-BL-TJj7K.cjs"),h=require("../if-defined-B56xGmAg.cjs"),i=require("@luzmo/icons");require("../button/index.cjs");require("../icon/index.cjs");const d=require("../text-field-5_ev9way.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/{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-CawdqE7p.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-BSAr_4u4.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-CvKSS59x.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-Dl0KoEcV.js → components/sized-mixin-BxMraZLS.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-CawdqE7p.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/{lib/sized-mixin-BSYHt8nT.cjs → components/sized-mixin-D9LkrMjb.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-B7Pfl2if.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/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-B7Pfl2if.cjs"),kt=require("../sized-mixin-D9LkrMjb.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 { a as Ct, r as Et, x as yt, n as Y } from "../base-CawdqE7p.js";
+import { S as At } from "../sized-mixin-BxMraZLS.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("../..").SizedElementInterface;
+    prototype: import("../..").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-DReJ3hB6.cjs → components/state-C5I1gP3G.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-B7Pfl2if.cjs");/**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/{lib/state-BAO-13Bs.js → components/state-CYxk12SV.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-CawdqE7p.js";
 /**
  * @license
  * Copyright 2017 Google LLC