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

package/lib/index.cjs

@@ -1,875 +0,0 @@
-/*! * A kit of modern Luzmo Web Components for analytics in your web application.
- * 
- * Copyright © 2024 Luzmo
- * All rights reserved.
- * Luzmo web components (“Luzmo Web Components”)
- * must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account
- * to use the Luzmo Web Components. This license terminates
- * automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-"use strict";var na=Object.getPrototypeOf;var la=Reflect.get;var So=(t,o,e)=>la(na(t),e,o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./if-defined-V7yEJWI3.cjs"),pt=require("./observe-slot-text-oJ0a2KY9.cjs"),Ht=require("./index-CrWoFMZ3.cjs"),C=require("./index-Bo1DpZ-1.cjs"),_o=require("./divider.module-DEy88Ieh.cjs"),sa=require("./index-jt6FL_uE.cjs"),$e=require("./button-base-B4PdJFVe.cjs"),lo=require("./index-CvX-HLY1.cjs"),ca=require("./popover-CQGN8nbX.cjs"),ua=require("./index-DGz6jCKo.cjs"),ho=require("./index-CfEm5P0J.cjs"),ot=require("./directive-helpers-BSB0tfc9.cjs"),yo=require("./index-kJR406YZ.cjs");require("./index-0314DjEl.cjs");const Se=require("./index-D5puKlcm.cjs"),ur=require("./async-directive-CPjMHOPu.cjs"),dt=require("./index-Dj7PF4Q9.cjs"),da=require("./index-v8ZTprPO.cjs"),ha=require("./en-BDBzmAXX.cjs"),ba=require("./index-C4ePDYEC.cjs"),pa=require("./index-BDXFsKUM.cjs"),$r=require("./index-CcF-9wyF.cjs"),va=require("./progress-circle/index.cjs"),ma=":host{--accordion-item-header-line-height: 1.25;--accordion-item-header-bottom-margin: 0px;--accordion-item-header-text-case: initial;--accordion-item-min-block-size: max( var(--luzmo-accordion-item-height, var(--accordion-item-height)), calc( var( --luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding) ) * 2 + var( --luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size) ) * var( --luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height) ) ) );margin:0;padding:0;list-style:none;display:block}:host:lang(ja),:host:lang(ko),:host:lang(zh){--luzmo-accordion-item-header-line-height: var( --luzmo-accordion-item-header-line-height-cjk );--luzmo-accordion-item-content-line-height: var( --luzmo-accordion-item-content-line-height-cjk )}:host:dir(rtl),:host([dir=rtl]){--luzmo-logical-rotation: matrix(-1, 0, 0, 1, 0, 0)}:host([size=s]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host{--accordion-item-height: 40px;--accordion-disclosure-indicator-height: var(--luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-2);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(--luzmo-font-size-xl);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xxl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=compact][size=s]){--accordion-item-height: 24px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-1)}:host([density=compact]){--accordion-item-height: 32px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-2)}:host([density=compact][size=l]){--accordion-item-height: 40px;--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([density=compact][size=xl]){--accordion-item-height: 48px;--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious][size=s]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-3)}:host([density=spacious]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([density=spacious][size=l]){--accordion-item-header-vertical-padding: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) )}:host([density=spacious][size=xl]){--accordion-item-header-vertical-padding: var(--luzmo-spacing-4)}:host([header-case=uppercase]){--accordion-item-header-text-case: uppercase}:host([header-case=uppercase][size=s]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([header-case=uppercase][size=l]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([header-case=uppercase][size=xl]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight]){--accordion-item-header-background-color: var( --luzmo-background-color-highlight );--accordion-item-disabled-background-color: var( --luzmo-background-color-highlight-disabled );--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius)}:host([variant=highlight][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-3);--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3)}:host([variant=highlight][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: var(--luzmo-spacing-4);--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([variant=highlight-child]){--accordion-item-header-background-color: var(--luzmo-background-color);--accordion-item-disabled-background-color: transparent;--accordion-item-accordion-divider-thickness: 0px;--accordion-item-accordion-header-border-radius: var(--luzmo-border-radius);--accordion-item-header-font-weight: normal;--accordion-item-content-border-left-width: var(--luzmo-border-width);--accordion-item-content-border-left-color: var(--luzmo-border-color);--accordion-item-content-border-left-style: solid;--accordion-edge-to-disclosure-indicator-space: 0px}:host([variant=highlight-child][size=s]){--accordion-item-height: 28px;--accordion-disclosure-indicator-height: var(luzmo-font-size-xs);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: var(--luzmo-spacing-2);--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size-s);--accordion-item-content-font-size: var(--luzmo-font-size-s);--accordion-item-content-margin-left: var(--luzmo-spacing-2);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-2)}:host([variant=highlight-child][size=s][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-xs)}:host([variant=highlight-child]){--accordion-item-height: 32px;--accordion-disclosure-indicator-height: var(luzmo-font-size-s);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-3);--accordion-item-header-font-size: var(--luzmo-font-size);--accordion-item-content-font-size: var(--luzmo-font-size);--accordion-item-header-bottom-margin: var(--luzmo-spacing-3);--accordion-item-content-margin-left: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-content-padding-left: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-s)}:host([variant=highlight-child][size=l]){--accordion-item-height: 48px;--accordion-disclosure-indicator-height: var(luzmo-font-size);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-l);--accordion-item-content-font-size: var(--luzmo-font-size-l);--accordion-item-header-bottom-margin: calc( var(--luzmo-spacing-1) + var(--luzmo-spacing-3) );--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-4);--accordion-item-content-margin-bottom: var(--luzmo-spacing-3)}:host([variant=highlight-child][size=l][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size)}:host([variant=highlight-child][size=xl]){--accordion-item-height: 56px;--accordion-disclosure-indicator-height: var(luzmo-font-size-l);--accordion-edge-to-disclosure-indicator-space: 0px;--accordion-disclosure-indicator-to-text-space: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--accordion-item-edge-to-text: var(--luzmo-spacing-4);--accordion-item-header-font-size: var(--luzmo-font-size-xl);--accordion-item-content-font-size: var(--luzmo-font-size-xl);--accordion-item-header-bottom-margin: var(--luzmo-spacing-4);--accordion-item-content-margin-left: var(--luzmo-spacing-3);--accordion-item-content-padding-left: var(--luzmo-spacing-5);--accordion-item-content-margin-bottom: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([variant=highlight-child][size=xl][header-case=uppercase]){--accordion-item-header-font-size: var(--luzmo-font-size-l)}:host([no-content-padding]),:host([no-content-padding][size=s]),:host([no-content-padding][size=l]),:host([no-content-padding][size=xl]){--accordion-item-edge-to-text: 0px}";var ga=Object.defineProperty,vt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&ga(o,e,r),r};class Ko extends i.SizedMixin(i.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.allowMultiple=!1,this.noContentPadding=!1,this.variant="default",this.focusGroupController=new Ht.FocusGroupController(this,{direction:"vertical",elements:()=>this.items,isFocusableElement:o=>!o.disabled})}static get styles(){return[i.r(ma)]}get items(){return[...this.defaultNodes||[]].filter(o=>o.tagName!==void 0)}focus(){this.focusGroupController.focus()}onToggle(o){const e=o.target,a=[...this.items];if(a.includes(e)){if(this.allowMultiple||o.defaultPrevented||a&&a.length===0)return;a.forEach(r=>{r!==e&&(r.open=!1)})}}handleSlotchange(){this.focusGroupController.clearElementCache(),this.items.forEach(o=>{o.size=this.size})}updated(o){super.updated(o),o.has("size")&&(o.get("size")||this.size!=="m")&&this.items.forEach(e=>{e.size=this.size})}render(){return i.x`
-      <slot
-        @slotchange=${this.handleSlotchange}
-        @luzmo-accordion-item-toggle=${this.onToggle}
-      ></slot>
-    `}}vt([i.n({type:Boolean,reflect:!0,attribute:"allow-multiple"})],Ko.prototype,"allowMultiple");vt([i.n({type:String,reflect:!0})],Ko.prototype,"density");vt([i.n({type:String,reflect:!0,attribute:"header-case"})],Ko.prototype,"headerCase");vt([i.n({type:Boolean,reflect:!0,attribute:"no-content-padding"})],Ko.prototype,"noContentPadding");vt([i.n({type:String,reflect:!0})],Ko.prototype,"variant");vt([pt.n()],Ko.prototype,"defaultNodes");/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */function xe(t,o,e){return t?o(t):e==null?void 0:e(t)}const fa=':host{z-index:inherit;min-block-size:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));min-inline-size:var(--luzmo-accordion-item-width, 200px);border-block-end:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)));margin:0;position:relative}:host(:first-child){border-block-start:1px solid rgba(0,0,0,0);border-color:var(--luzmo-accordion-divider-color, var(--luzmo-border-color));border-width:var(--luzmo-accordion-divider-thickness, var(--accordion-item-accordion-divider-thickness, var(--luzmo-border-width)))}#heading{box-sizing:border-box;min-height:var(--luzmo-accordion-item-height, var(--accordion-item-height));font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));margin:0;margin-block:0;position:relative;margin-bottom:var(--luzmo-accordion-item-header-bottom-margin, var(--accordion-item-header-bottom-margin, 0px))}.icon-container{z-index:1;pointer-events:none;inline-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));font-size:var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height));color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color-hard));justify-content:center;align-items:center;padding-inline-start:var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 0px));display:flex;position:absolute;height:100%}.icon-container:dir(rtl),:host([dir=rtl]) .icon-container{transform:scaleX(-1)}#content{padding-block:var(--luzmo-accordion-item-content-area-top-to-content, 8px) var(--luzmo-accordion-item-content-area-bottom-to-content, 16px);padding-left:calc(var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3))) + var(--luzmo-accordion-item-content-padding-left, var(--accordion-item-content-padding-left, 0px)));margin-bottom:var(--luzmo-accordion-item-content-margin-bottom, var(--accordion-item-content-margin-bottom, 0px));margin-left:var(--luzmo-accordion-item-content-margin-left, var(--accordion-item-content-margin-left, 0px));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, var(--luzmo-spacing-3)));border-left:var(--luzmo-accordion-item-content-border-left-width, var(--accordion-item-content-border-left-width, 0)) var(--luzmo-accordion-item-content-border-left-style, var(--accordion-item-content-border-left-style, solid)) var(--luzmo-accordion-item-content-border-left-color, var(--accordion-item-content-border-left-color, var(--luzmo-border-color)));color:var(--luzmo-accordion-item-content-color, var(--luzmo-font-color));font-weight:var(--luzmo-accordion-item-content-font-weight, var(--accordion-item-content-font-weight, var(--luzmo-font-weight)));font-style:var(--luzmo-accordion-item-content-font-style, var(--luzmo-font-style));font-size:var(--luzmo-accordion-item-content-font-size, var(--accordion-item-content-font-size, var(--luzmo-font-size)));font-family:var(--luzmo-accordion-item-content-font-family, var(--luzmo-font-family));line-height:var(--luzmo-accordion-item-content-line-height, 1.3);display:none}#header{box-sizing:border-box;min-height:var(--luzmo-accordion-item-min-block-size, var(--accordion-item-min-block-size));line-height:var(--luzmo-accordion-item-header-line-height, var(--accordion-item-header-line-height, 1.25));text-overflow:ellipsis;text-transform:var(--luzmo-accordion-item-header-text-case, var(--accordion-item-header-text-case));cursor:pointer;font-size:var(--luzmo-accordion-item-header-font-size, var(--accordion-item-header-font-size, 18px));font-weight:var(--luzmo-accordion-item-header-font-weight, var(--accordion-item-header-font-weight, 600));font-style:var(--luzmo-accordion-item-header-font-style, var(--luzmo-font-style));font-family:var(--luzmo-accordion-item-header-font-family, var(--luzmo-font-family));-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:start;width:100%;color:var(--luzmo-accordion-item-header-color-default, var(--luzmo-font-color));background-color:var(--luzmo-accordion-item-header-background-color, var(--accordion-item-header-background-color, var(--luzmo-background-color)));border:0;padding-top:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-left:calc(var(--luzmo-accordion-disclosure-indicator-to-text-space, var(--accordion-disclosure-indicator-to-text-space, 0px)) + var(--luzmo-accordion-disclosure-indicator-height, var(--accordion-disclosure-indicator-height, 32px)) + var(--luzmo-accordion-edge-to-disclosure-indicator-space, var(--accordion-edge-to-disclosure-indicator-space, 32px)));padding-bottom:var(--luzmo-accordion-item-header-vertical-padding, var(--accordion-item-header-vertical-padding, var(--luzmo-spacing-3)));padding-right:var(--luzmo-accordion-item-edge-to-text, var(--accordion-item-edge-to-text, 0px));position:relative;border-radius:var(--luzmo-accordion-item-accordion-header-border-radius, var(--accordion-item-accordion-header-border-radius))}#header:focus{outline:none}#header:focus:after{content:"";position:absolute;inset-inline-start:0}#header:focus-visible{border-radius:var(--luzmo-accordion-corner-radius, var(--accordion-item-accordion-header-border-radius, var(--luzmo-border-radius-s)));outline:var(--luzmo-accordion-focus-indicator-width, var(--luzmo-border-width)) solid var(--luzmo-accordion-focus-indicator-color, var(--luzmo-primary));background-color:var(--luzmo-accordion-background-color-key-focus, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)));color:var(--luzmo-accordion-item-header-color-key-focus, var(--luzmo-font-color-hard));outline-offset:calc(var(--luzmo-accordion-focus-indicator-gap, 2px) * -1)}#header:active{background-color:var(--luzmo-accordion-background-color-down, var(--accordion-item-header-background-color, var(--luzmo-background-hover)));color:var(--luzmo-accordion-item-header-color-down, var(--luzmo-font-color-hard))}:host([disabled]) #header,:host([disabled]) #header:focus-visible{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled));background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}@media (hover: hover){#header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color-hover)))}:host([disabled]) #header:hover{background-color:var(--luzmo-accordion-item-disabled-background-color, var(--accordion-item-disabled-background-color, initial))}#header:hover,#header:hover+.icon-container{color:var(--luzmo-accordion-item-header-color-hover, var(--luzmo-font-color-hard))}:host([open]) #header:hover{background-color:var(--luzmo-accordion-background-color-hover, var(--accordion-item-header-background-color, var(--luzmo-background-color)))}:host([disabled]) #header:hover{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}}:host([disabled]) #header+.icon-container{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}:host([disabled]) #content{color:var(--luzmo-accordion-item-content-disabled-color, var(--luzmo-color-disabled))}:host([open])>#heading>.icon-container>.indicator,:host([open])>.icon-container>.indicator{transform:var(--luzmo-logical-rotation) rotate(90deg);transform:rotate(90deg)}:host([open])>#content{display:block}:host([disabled]) #header{cursor:default}@media (forced-colors: active){#header:after{forced-color-adjust:none;content:"";position:absolute;inset-inline-start:0}}:host{display:block}#heading{height:auto;position:relative}:host([disabled]) #heading .indicator{color:var(--luzmo-accordion-item-header-disabled-color, var(--luzmo-color-disabled))}';var za=Object.defineProperty,Ee=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&za(o,e,r),r};const wa=()=>i.x`
-  <div class="icon-container">
-    ${C.O2(C.k,{className:"indicator"})}
-  </div>
-`;class Mt extends i.SizedMixin(_o.Focusable,{noDefaultSize:!0}){constructor(){super(...arguments),this.open=!1,this.label="",this.disabled=!1,this.renderAngleIcon=()=>wa()}static get styles(){return[i.r(fa)]}get focusElement(){return this.renderRoot.querySelector("#header")}onClick(){this.disabled||this.toggle()}toggle(){this.open=!this.open,this.dispatchEvent(new CustomEvent("luzmo-accordion-item-toggle",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!this.open)}render(){return i.x`
-      <h3 id="heading">
-        ${xe(this.size,this.renderAngleIcon)}
-        <button
-          id="header"
-          @click=${this.onClick}
-          aria-expanded=${this.open}
-          aria-controls="content"
-          ?disabled=${this.disabled}
-        >
-          ${this.label}
-        </button>
-      </h3>
-      <div id="content" role="region" aria-labelledby="header">
-        <slot></slot>
-      </div>
-    `}updated(o){super.updated(o),o.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}Ee([i.n({type:Boolean,reflect:!0})],Mt.prototype,"open");Ee([i.n({type:String,reflect:!0})],Mt.prototype,"label");Ee([i.n({type:Boolean,reflect:!0})],Mt.prototype,"disabled");customElements.get("luzmo-accordion-item")||customElements.define("luzmo-accordion-item",Mt);customElements.get("luzmo-accordion")||customElements.define("luzmo-accordion",Ko);const xa=':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-sans-font-family-stack, var(--luzmo-font-family)));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, var(--luzmo-line-height, 1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out;border-style:solid;margin:0;-webkit-text-decoration:none;text-decoration:none;overflow:visible}:host(:focus){outline:none}:host([disabled]){cursor:default}:host a{-webkit-user-select:none;user-select:none;-webkit-appearance:none}@media (forced-colors: active){:host{--highcontrast-close-button-icon-color-disabled: GrayText;--highcontrast-close-button-icon-color-down: Highlight;--highcontrast-close-button-icon-color-hover: Highlight;--highcontrast-close-button-icon-color-focus: Highlight;--highcontrast-close-button-background-color-default: ButtonFace;--highcontrast-close-button-focus-indicator-color: ButtonText}:host(:focus-visible):after{forced-color-adjust:none;margin:var(--luzmo-close-button-focus-indicator-gap, var(--close-button-focus-indicator-gap));transition:opacity var(--luzmo-close-button-animation-duration, var(--close-button-animation-duration)) ease-out,margin var(--luzmo-close-button-animation-duraction, var(--close-button-animation-duration)) ease-out}:host([static-color=black]){--highcontrast-close-button-static-background-color-default: ButtonFace;--highcontrast-close-button-icon-color-default: Highlight;--highcontrast-close-button-icon-color-disabled: GrayText}:host([static-color=white]){--highcontrast-close-button-static-background-color-default: ButtonFace;--highcontrast-close-button-icon-color-default: Highlight;--highcontrast-close-button-icon-color-disabled: Highlight}}:host{block-size:var(--luzmo-close-button-height, var(--close-button-size));inline-size:var(--luzmo-close-button-width, var(--close-button-size));font-size:var(--luzmo-close-button-icon-size, var(--close-button-icon-size));color:inherit;border-radius:var(--luzmo-close-button-border-radius, var(--close-button-size));transition:border-color var(--luzmo-close-button-animation-duration, var(--close-button-animation-duration)) ease-in-out;margin-inline:var(--luzmo-close-button-margin-inline);justify-content:center;align-items:center;align-self:var(--luzmo-close-button-align-self);border-width:0;border-color:#0000;flex-direction:row;margin-block-start:var(--luzmo-close-button-margin-top);padding:0;display:inline-flex;position:relative}:host:after{pointer-events:none;content:"";margin:calc(var(--luzmo-close-button-focus-indicator-gap, var(--close-button-focus-indicator-gap)) * -1);border-radius:calc(var(--luzmo-close-button-size, var(--close-button-size)) + var(--luzmo-close-button-focus-indicator-gap, var(--close-button-focus-indicator-gap)));transition:box-shadow var(--luzmo-close-button-animation-duration, var(--close-button-animation-duration)) ease-in-out;position:absolute;inset-block:0;inset-inline:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-close-button-focus-indicator-thickness, var(--close-button-focus-indicator-thickness)) var(--highcontrast-close-button-focus-indicator-color, var(--luzmo-close-button-focus-indicator-color, var(--close-button-focus-indicator-color)))}:host(:not([disabled])){background-color:var(--highcontrast-close-button-background-color-default, var(--luzmo-close-button-background-color-default, var(--close-button-background-color-default)))}:host(:not([disabled]):is(:active,[active])){background-color:var(--luzmo-close-button-background-color-down, var(--close-button-background-color-down))}:host(:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-down, var(--luzmo-close-button-icon-color-down, var(--close-button-icon-color-down)))}:host([focused]:not([disabled])),:host(:not([disabled]):focus-visible){background-color:var(--luzmo-close-button-background-color-focus, var(--close-button-background-color-focus))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-focus, var(--luzmo-close-button-icon-color-focus, var(--close-button-icon-color-focus)))}:host(:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default, var(--close-button-icon-color-default))}:host([focused]:not([disabled])) .icon,:host(:not([disabled]):focus) .icon{color:var(--highcontrast-close-button-icon-color-focus, var(--luzmo-close-button-icon-color-focus, var(--close-button-icon-color-focus)))}:host([disabled]){background-color:var(--luzmo-close-button-background-color-default, var(--close-button-background-color-default))}:host([disabled]) .icon{color:var(--highcontrast-close-button-icon-color-disabled, var(--luzmo-close-button-icon-color-disabled, var(--close-button-icon-color-disabled)))}:host([static-color=black]:not([disabled])),:host([static-color=white]:not([disabled])){background-color:var(--highcontrast-close-button-static-background-color-default, var(--luzmo-close-button-static-background-color-default, var(--close-button-static-background-color-default)))}@media (hover: hover){:host(:not([disabled]):hover){--luzmo-icon-color: var( --luzmo-close-button-icon-color-hover, var(--close-button-icon-color-hover) );background-color:var(--luzmo-close-button-background-color-hover, var(--close-button-background-color-hover))}:host(:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-hover, var(--luzmo-close-button-icon-color-hover, var(--close-button-icon-color-hover)))}:host([static-color=black]:not([disabled]):hover),:host([static-color=white]:not([disabled]):hover){background-color:var(--highcontrast-close-button-static-background-color-hover, var(--luzmo-close-button-static-background-color-hover, var(--close-button-static-background-color-hover)))}:host([static-color=black]:not([disabled]):hover) .icon,:host([static-color=white]:not([disabled]):hover) .icon{color:var(--highcontrast-close-button-icon-color-default, var(--luzmo-close-button-icon-color-default, var(--close-button-icon-color-default)))}}:host([static-color=black]:not([disabled]):is(:active,[active])),:host([static-color=white]:not([disabled]):is(:active,[active])){background-color:var(--highcontrast-close-button-static-background-color-down, var(--luzmo-close-button-static-background-color-down, var(--close-button-static-background-color-down)))}:host([static-color=black]:not([disabled]):is(:active,[active])) .icon,:host([static-color=white]:not([disabled]):is(:active,[active])) .icon{color:var(--highcontrast-close-button-icon-color-default, var(--luzmo-close-button-icon-color-default, var(--close-button-icon-color-default)))}:host([static-color=black][focused]:not([disabled])),:host([static-color=black]:not([disabled]):focus-visible),:host([static-color=white][focused]:not([disabled])),:host([static-color=white]:not([disabled]):focus-visible){background-color:var(--highcontrast-close-button-static-background-color-focus, var(--luzmo-close-button-static-background-color-focus, var(--close-button-static-background-color-focus)))}:host([static-color=black][focused]:not([disabled])) .icon,:host([static-color=black]:not([disabled]):focus) .icon,:host([static-color=black]:not([disabled]):focus-visible) .icon,:host([static-color=white][focused]:not([disabled])) .icon,:host([static-color=white]:not([disabled]):focus) .icon,:host([static-color=white]:not([disabled]):focus-visible) .icon{color:var(--highcontrast-close-button-icon-color-default, var(--luzmo-close-button-icon-color-default, var(--close-button-icon-color-default)))}:host([static-color=black]:not([disabled])) .icon,:host([static-color=white]:not([disabled])) .icon{color:var(--luzmo-close-button-icon-color-default, var(--close-button-icon-color-default))}:host([static-color=black][disabled]) .icon,:host([static-color=white][disabled]) .icon{color:var(--highcontrast-close-button-icon-disabled, var(--luzmo-close-button-icon-color-disabled, var(--close-button-icon-color-disabled)))}.icon{margin:0}:host{--close-button-background-color-default: transparent;--close-button-background-color-hover: var(--luzmo-background-color-hover);--close-button-background-color-down: var(--luzmo-background-color-down);--close-button-background-color-focus: var(--luzmo-background-color-focus);--close-button-icon-color-default: var(--luzmo-font-color);--close-button-icon-color-hover: var(--luzmo-font-color-hover);--close-button-icon-color-down: var(--luzmo-font-color-down);--close-button-icon-color-focus: var(--luzmo-font-color-focus);--close-button-icon-color-disabled: var(--luzmo-color-disabled);--close-button-focus-indicator-thickness: var(--luzmo-indicator-width);--close-button-focus-indicator-gap: var(--luzmo-indicator-gap);--close-button-focus-indicator-color: var(--luzmo-indicator-color);--close-button-animation-duration: var(--luzmo-animation-duration);--close-button-size: var(--luzmo-component-height)}:host([static-color=white]){--close-button-static-background-color-default: transparent;--close-button-static-background-color-hover: rgba(255, 255, 255, .2);--close-button-static-background-color-down: rgba(255, 255, 255, .4);--close-button-static-background-color-focus: rgba(255, 255, 255, .2);--close-button-icon-color-default: rgb(255, 255, 255);--close-button-icon-color-disabled: rgba(255, 255, 255, .2);--close-button-focus-indicator-color: rgb(255, 255, 255)}:host([static-color=black]){--close-button-static-background-color-default: transparent;--close-button-static-background-color-hover: rgba(0, 0, 0, .2);--close-button-static-background-color-down: rgba(0, 0, 0, .4);--close-button-static-background-color-focus: rgba(0, 0, 0, .2);--close-button-icon-color-default: rgb(0, 0, 0);--close-button-icon-color-disabled: rgba(0, 0, 0, .2);--close-button-focus-indicator-color: rgb(0, 0, 0)}:host([size=s]){--close-button-size: var(--luzmo-component-height-s);--close-button-icon-size: var(--luzmo-font-size-s)}:host{--close-button-size: var(--luzmo-component-height);--close-button-icon-size: var(--luzmo-font-size)}:host([size=l]){--close-button-size: var(--luzmo-component-height-l);--close-button-icon-size: var(--luzmo-font-size-l)}:host([size=xl]){--close-button-size: var(--luzmo-component-height-xl);--close-button-icon-size: var(--luzmo-font-size-xl)}';var ya=Object.defineProperty,Sr=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&ya(o,e,r),r};const ka=t=>{const o=t==="s"?C.w:t==="l"?C.B:C.x;return i.x` <div class="icon" slot="icon">${C.O2(o)}</div> `};class Wt extends i.SizedMixin($e.ButtonBase,{noDefaultSize:!0}){constructor(){super(...arguments),this.variant=""}static get styles(){return[...super.styles,i.r(xa)]}get buttonContent(){return[ka(this.size)]}}Sr([i.n({reflect:!0})],Wt.prototype,"variant");Sr([i.n({reflect:!0,attribute:"static-color"})],Wt.prototype,"staticColor");const Ca="@media (forced-colors: active){:host,:host([emphasized]) #popover{--highcontrast-action-bar-popover-border-color: CanvasText}}:host{padding:0 var(--luzmo-action-bar-spacing-outer-edge, var(--action-bar-spacing-outer-edge));z-index:1;box-sizing:border-box;pointer-events:none;block-size:0;opacity:0;inset-block-end:0}:host([open]){block-size:calc(var(--luzmo-action-bar-spacing-outer-edge, var(--action-bar-spacing-outer-edge)) + var(--luzmo-action-bar-height, var(--action-bar-height)));opacity:1}#popover{block-size:var(--luzmo-action-bar-height, var(--action-bar-height));box-sizing:border-box;inline-size:100%;border-radius:var(--luzmo-action-bar-corner-radius, var(--action-bar-corner-radius));border-color:var(--highcontrast-action-bar-popover-border-color, var(--luzmo-action-bar-popover-border-color, var(--action-bar-popover-border-color)));background-color:var(--luzmo-action-bar-popover-background-color, var(--action-bar-popover-background-color));filter:drop-shadow(var(--luzmo-action-bar-shadow-horizontal, var(--action-bar-shadow-horizontal)) var(--luzmo-action-bar-shadow-vertical, var(--action-bar-shadow-vertical)) var(--luzmo-action-bar-shadow-blur, var(--action-bar-shadow-blur)) var(--luzmo-action-bar-shadow-color, var(--action-bar-shadow-color)));pointer-events:auto;flex-direction:row;margin:auto;padding-block:0;display:flex;position:relative}.close-button{flex-shrink:0;margin-block-start:var(--luzmo-action-bar-spacing-close-button-top, var(--action-bar-spacing-close-button-top));margin-inline-start:var(--luzmo-action-bar-spacing-close-button-start, var(--action-bar-spacing-close-button-start));margin-inline-end:var(--luzmo-action-bar-spacing-close-button-end, var(--action-bar-spacing-close-button-end))}.field-label{font-size:var(--luzmo-action-bar-item-counter-font-size, var(--action-bar-item-counter-font-size));color:var(--luzmo-action-bar-item-counter-color, var(--action-bar-item-counter-color));line-height:var(--luzmo-action-bar-item-counter-line-height, var(--action-bar-item-counter-line-height));margin-block-start:var(--luzmo-action-bar-spacing-item-counter-top, var(--action-bar-spacing-item-counter-top));margin-inline-end:var(--luzmo-action-bar-spacing-item-counter-end, var(--action-bar-spacing-item-counter-end));padding:0}.field-label:lang(ja),.field-label:lang(ko),.field-label:lang(zh){line-height:var(--luzmo-action-bar-item-counter-line-height-cjk, var(--action-bar-item-counter-line-height-cjk))}.action-group{margin-block-start:var(--luzmo-action-bar-spacing-action-group-top, var(--action-bar-spacing-action-group-top));margin-inline-start:auto;margin-inline-end:var(--luzmo-action-bar-spacing-action-group-end, var(--action-bar-spacing-action-group-end))}:host([emphasized]) #popover{filter:none;background-color:var(--luzmo-action-bar-emphasized-background-color, var(--action-bar-emphasized-background-color));border-color:#0000}:host([emphasized]) .field-label{color:var(--luzmo-action-bar-emphasized-item-counter-color, var(--action-bar-emphasized-item-counter-color))}:host([variant=sticky]){position:sticky;inset-inline:0}:host([variant=fixed]){position:fixed}:host([flexible]) #popover{inline-size:auto}:host{--action-bar-height: var(--luzmo-component-height-xl);--action-bar-corner-radius: var(--luzmo-border-radius);--action-bar-item-counter-font-size: var(--luzmo-font-size);--action-bar-item-counter-line-height: var(--luzmo-line-height);--action-bar-item-counter-color: var(--luzmo-font-color);--action-bar-item-counter-line-height-cjk: 1.5;--action-bar-popover-background-color: var(--luzmo-background-color);--action-bar-popover-border-color: var(--luzmo-border-color);--action-bar-emphasized-background-color: var(--luzmo-primary);--action-bar-emphasized-item-counter-color: var( --luzmo-primary-inverse-color );--action-bar-spacing-outer-edge: var(-luzmo-spacing-5);--action-bar-spacing-close-button-top: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-spacing-close-button-start: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-spacing-close-button-end: var(--luzmo-spacing-3);--action-bar-spacing-item-counter-top: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--action-bar-spacing-item-counter-end: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-3) );--action-bar-spacing-action-group-top: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-spacing-action-group-end: calc( var(--luzmo-spacing-3) - var(--luzmo-border-width) );--action-bar-shadow-horizontal: 0;--action-bar-shadow-vertical: 1px;--action-bar-shadow-blur: 4px;--action-bar-shadow-color: var(--luzmo-border-color)}:host{display:block}:host([flexible]){display:inline-block}";var $a=Object.defineProperty,Sa=Object.getOwnPropertyDescriptor,Zt=(t,o,e,a)=>{for(var r=a>1?void 0:a?Sa(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&$a(o,e,r),r};const Ea=["sticky","fixed"];class mt extends _o.FocusVisiblePolyfillMixin(i.LuzmoElement){constructor(){super(...arguments),this.emphasized=!1,this.flexible=!1,this.open=!1,this._variant=""}static get styles(){return[i.r(Ca)]}set variant(o){if(o!==this.variant){if(Ea.includes(o)){this.setAttribute("variant",o),this._variant=o;return}this.removeAttribute("variant"),this._variant=""}}get variant(){return this._variant}handleClick(){this.open=!1,this.dispatchEvent(new Event("close",{bubbles:!0,composed:!0,cancelable:!0}))||(this.open=!0)}render(){return i.x`
-      <luzmo-popover ?open=${this.open} id="popover">
-        <slot name="override">
-          <luzmo-close-button
-            static-color=${i.o(this.emphasized?"white":void 0)}
-            class="close-button"
-            label="Clear selection"
-            @click=${this.handleClick}
-          ></luzmo-close-button>
-          <luzmo-field-label class="field-label">
-            <slot></slot>
-          </luzmo-field-label>
-          <luzmo-action-group
-            class="action-group"
-            quiet
-            static-color=${i.o(this.emphasized?"white":void 0)}
-          >
-            <slot name="buttons"></slot>
-          </luzmo-action-group>
-        </slot>
-      </luzmo-popover>
-    `}}Zt([i.n({type:Boolean,reflect:!0})],mt.prototype,"emphasized",2);Zt([i.n({type:Boolean,reflect:!0})],mt.prototype,"flexible",2);Zt([i.n({type:Boolean,reflect:!0})],mt.prototype,"open",2);Zt([i.n({type:String})],mt.prototype,"variant",1);customElements.get("luzmo-action-bar")||customElements.define("luzmo-action-bar",mt);const _a=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var Pa=Object.defineProperty,Aa=Object.getOwnPropertyDescriptor,_e=(t,o,e,a)=>{for(var r=a>1?void 0:a?Aa(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&Pa(o,e,r),r};class Bt extends ho.ObserveSlotPresence(pt.ObserveSlotText(ho.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=o=>{this.dispatchEvent(new yo.SlottableRequestEvent(o.name,o.data))}}static get styles(){return[i.r(_a)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[i.x`
-        ${this.labelOnly?i.x``:i.x`
-              <slot
-                name="icon"
-                slot="icon"
-                ?icon-only=${!this.hasLabel}
-                ?hidden=${this.labelOnly}
-              >
-                <luzmo-icon
-                  class="icon"
-                  .icon=${C.K}
-                  size=${this.size}
-                ></luzmo-icon>
-              </slot>
-            `}
-        <slot name="label" ?hidden=${!this.hasLabel}></slot>
-        <slot name="label-only"></slot>
-        <slot name="tooltip" @slotchange=${this.handleTooltipSlotchange}></slot>
-      `]}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),i.x`
-      <luzmo-action-button
-        aria-describedby=${ho.DESCRIPTION_ID}
-        ?quiet=${this.quiet}
-        static-color=${i.o(this.staticColor)}
-        aria-haspopup="true"
-        aria-controls=${i.o(this.open?"menu":void 0)}
-        aria-expanded=${this.open?"true":"false"}
-        aria-label=${i.o(this.label||void 0)}
-        id="button"
-        class="button"
-        size=${this.size}
-        @blur=${this.handleButtonBlur}
-        @focus=${this.handleButtonFocus}
-        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
-        ?disabled=${this.disabled}
-      >
-        ${this.buttonContent}
-      </luzmo-action-button>
-      ${this.renderMenu} ${this.renderDescriptionSlot}
-    `}update(o){o.has("invalid")&&(this.invalid=!1),super.update(o)}}_e([i.n({type:String})],Bt.prototype,"selects",2);_e([i.n({reflect:!0,attribute:"static-color"})],Bt.prototype,"staticColor",2);_e([ot.r()],Bt.prototype,"labelOnly",1);customElements.get("luzmo-action-menu")||customElements.define("luzmo-action-menu",Bt);const La='@media (forced-colors: active){:host{--highcontrast-avatar-focus-indicator-color: CanvasText}}:host{--avatar-border-radius: var( --luzmo-avatar-border-radius, var(--luzmo-avatar-size, var(--avatar-size)) );inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;opacity:var(--luzmo-avatar-color-opacity, var(--avatar-color-opacity));border-width:0;outline:none;display:inline-block;position:relative;overflow:visible}:host([disabled]){opacity:var(--highcontrast-avatar-color-opacity-disabled, var(--luzmo-avatar-color-opacity-disabled, var(--avatar-color-opacity-disabled)))}:host(:not([disabled])) .is-focused:after,:host(:not([disabled])) .link:focus-visible:after{pointer-events:none;content:"";inline-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);block-size:calc(var(--luzmo-avatar-custom-size, var(--luzmo-avatar-size, var(--avatar-size))) + var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) * 2);border-style:solid;border-width:var(--luzmo-avatar-focus-indicator-thickness, var(--avatar-focus-indicator-thickness));border-color:var(--highcontrast-avatar-focus-indicator-color, var(--luzmo-avatar-focus-indicator-color, var(--avatar-focus-indicator-color)));border-radius:var(--avatar-border-radius);position:absolute;inset-block-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-thickness, var(--avatar-focus-indicator-thickness))) * -1);inset-inline-start:calc((var(--luzmo-avatar-focus-indicator-gap, var(--avatar-focus-indicator-gap)) + var(--luzmo-avatar-focus-indicator-thickness, var(--avatar-focus-indicator-thickness))) * -1)}.link{outline:0}.image{inline-size:var(--luzmo-avatar-size, var(--avatar-size));block-size:var(--luzmo-avatar-size, var(--avatar-size));border-radius:var(--avatar-border-radius)}:host([rounding=none]){border-radius:0}:host([rounding=none]) img{border-radius:0}:host([rounding=full]){border-radius:100%}:host([rounding=full]) img{border-radius:100%}:host([border=light]){border:var(--luzmo-avatar-border-width, var(--avatar-border-width)) solid var(--luzmo-avatar-border-color, var(--avatar-border-color))}:host([border=none]){border:0}:host{--avatar-color-opacity: 1;--avatar-border-width: var(--luzmo-border-width);--avatar-border-color: var(--luzmo-border-color);--avatar-size: 32px;--avatar-focus-indicator-thickness: var(--luzmo-indicator-width);--avatar-focus-indicator-gap: var(--luzmo-indicator-gap);--avatar-focus-indicator-color: var(--luzmo-indicator-color);--avatar-color-opacity-disabled: .3}:host([size=xxs]){--avatar-size: var(--luzmo-component-height-xxs)}:host([size=xs]){--avatar-size: var(--luzmo-component-height-xs)}:host([size=s]){--avatar-size: var(--luzmo-component-height-s)}:host{--avatar-size: var(--luzmo-component-height)}:host([size=l]){--avatar-size: var(--luzmo-component-height-l)}:host([size=xl]){--avatar-size: var(--luzmo-component-height-xl)}:host([size=xxl]){--avatar-size: var(--luzmo-component-height-xxl)}img{vertical-align:top}';var Oa=Object.defineProperty,Jt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Oa(o,e,r),r};class gt extends pt.LikeAnchor(i.SizedMixin(_o.Focusable,{validSizes:Object.values(i.ElementSizes)})){constructor(){super(...arguments),this.src=""}static get styles(){return[i.r(La)]}get focusElement(){return this.anchorElement||this}render(){const o=i.x`
-      <img
-        class="image"
-        alt=${i.o(this.label||void 0)}
-        src=${this.src}
-      />
-    `;return this.href?this.renderAnchor({id:"link",className:"link",anchorContent:o}):o}}Jt([i.n({type:String,reflect:!0})],gt.prototype,"border");Jt([i.n({type:String,reflect:!0})],gt.prototype,"rounding");Jt([i.e("#link")],gt.prototype,"anchorElement");Jt([i.n()],gt.prototype,"src");customElements.get("luzmo-avatar")||customElements.define("luzmo-avatar",gt);const Ta=':host{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;font-family:var(--luzmo-button-font-family, var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height, 1.3);text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,border-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out,box-shadow var(--luzmo-button-animation-duration, var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;overflow:visible}:host(:focus){outline:none}:host .is-disabled,:host([disabled]){cursor:default}:host:after{margin:calc(-1 * var(--luzmo-button-focus-indicator-gap, var(--luzmo-focus-indicator-gap, 2px)));transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out,margin var(--luzmo-button-animation-duration, var(--luzmo-button-animation-duration, var(--luzmo-animation-duration))) ease-out;display:block;inset-block:0;inset-inline:0}:host(:focus-visible):after{margin:calc(var(--luzmo-focus-indicator-gap, 2px) * -2)}#label{place-self:center}#label[hidden]{display:none}:host{--luzmo-progress-circle-position: absolute;border-radius:var(--luzmo-button-border-radius, var(--button-border-radius));border-width:var(--luzmo-button-border-width, var(--button-border-width));font-size:var(--luzmo-button-font-size, var(--button-font-size));font-weight:var(--luzmo-button-font-weight, 600);gap:var(--luzmo-button-padding-label-to-icon, var(--button-padding-label-to-icon));max-inline-size:none;max-inline-size:var(--luzmo-button-max-inline-size, none);min-inline-size:var(--luzmo-button-min-width, var(--button-min-width));min-block-size:var(--luzmo-button-height, var(--button-height));padding-block:0;padding-inline:var(--luzmo-button-edge-to-text, var(--button-edge-to-text));color:inherit;margin-block:0;margin-block:var(--luzmo-button-margin-block, 0);border-style:solid;margin-inline-start:var(--luzmo-button-margin-left, 0);margin-inline-end:var(--luzmo-button-margin-right, 0);position:relative}:host(:is(:active,[active])){box-shadow:none}::slotted([slot=icon]){--_icon-size-difference: max( 0px, var(--button-intended-icon-size) - var(--icon-size, var(--button-intended-icon-size)) );color:inherit;flex-shrink:0;align-self:flex-start;margin-block-start:var(--luzmo-button-icon-margin-block-start, max(0px, var(--luzmo-button-top-to-icon, var(--button-top-to-icon)) - var(--luzmo-button-border-width, var(--button-border-width)) + var(--_icon-size-difference, 0px) / 2));margin-inline-start:calc(var(--luzmo-button-edge-to-visual, var(--button-edge-to-visual)) - var(--luzmo-button-edge-to-text, var(--button-edge-to-text)))}:host([icon-only]){min-inline-size:unset;padding:calc(var(--luzmo-button-edge-to-visual-only, var(--button-edge-to-visual-only)) - var(--luzmo-button-border-width, var(--button-border-width)));border-radius:50%}:host([icon-only]) ::slotted([slot=icon]){align-self:center;margin-block-start:0;margin-inline-start:0}:host([icon-only]):after{border-radius:50%}#label{line-height:var(--luzmo-button-line-height, var(--button-line-height));text-align:center;text-align:var(--luzmo-button-text-align, center);align-self:start;padding-block-start:calc(var(--luzmo-button-top-to-text, var(--button-top-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)));padding-block-end:calc(var(--luzmo-button-bottom-to-text, var(--button-bottom-to-text)) - var(--luzmo-button-border-width, var(--button-border-width)))}[name=icon]+#label{text-align:start;text-align:var(--luzmo-button-text-align-with-icon, start)}:host([focused]):after,:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))}:host{transition:border-color var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out}:host:after{margin:calc((var(--luzmo-button-focus-ring-gap, var(--button-focus-ring-gap)) + var(--luzmo-button-border-width, var(--button-border-width))) * -1);border-radius:var(--luzmo-button-focus-ring-border-radius, calc(var(--luzmo-button-border-radius, var(--button-border-radius)) + var(--luzmo-focus-indicator-gap, 2px)));transition:box-shadow var(--luzmo-button-animation-duration, var(--button-animation-duration)) ease-in-out;pointer-events:none;content:"";position:absolute;top:0;right:0;bottom:0;left:0}:host(:focus-visible){box-shadow:none;outline:none}:host(:focus-visible):after{box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) var(--highcontrast-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--luzmo-button-focus-ring-color, var(--button-focus-indicator-color))))}:host{background-color:var(--highcontrast-button-background-color-default, var(--luzmo-button-background-color-default, var(--button-background-color-default)));border-color:var(--highcontrast-button-border-color-default, var(--luzmo-button-border-color-default, var(--button-border-color-default)));color:var(--highcontrast-button-content-color-default, var(--luzmo-button-content-color-default, var(--button-content-color-default)));transition:border .13s linear,color .13s linear,background-color .13s linear;transition:border var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear,background-color var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) linear}@media (hover: hover){:host(:hover){box-shadow:none;background-color:var(--highcontrast-button-background-color-hover, var(--luzmo-button-background-color-hover, var(--button-background-color-hover)));border-color:var(--highcontrast-button-border-color-hover, var(--luzmo-button-border-color-hover, var(--button-border-color-hover)));color:var(--highcontrast-button-content-color-hover, var(--luzmo-button-content-color-hover, var(--button-content-color-hover)))}}:host(:focus-visible){background-color:var(--highcontrast-button-background-color-focus, var(--luzmo-button-background-color-focus, var(--button-background-color-focus)));border-color:var(--highcontrast-button-border-color-focus, var(--luzmo-button-border-color-focus, var(--button-border-color-focus)));color:var(--highcontrast-button-content-color-focus, var(--luzmo-button-content-color-focus, var(--button-content-color-focus)))}:host(:is(:active,[active])){background-color:var(--highcontrast-button-background-color-down, var(--luzmo-button-background-color-down, var(--button-background-color-down)));border-color:var(--highcontrast-button-border-color-down, var(--luzmo-button-border-color-down, var(--button-border-color-down)));color:var(--highcontrast-button-content-color-down, var(--luzmo-button-content-color-down, var(--button-content-color-down)))}:host .is-disabled,:host([pending]),:host([disabled]){background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}#label,::slotted([slot=icon]){visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}.luzmo-progress-circle{visibility:hidden;opacity:0;transition:opacity .13s ease-in-out,visibility 0s linear .13s;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out,visibility 0s linear var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s))}:host([pending]){cursor:default}:host([pending]) .luzmo-progress-circle{visibility:visible;opacity:1;transition:opacity .13s ease-in-out;transition:opacity var(--luzmo-button-animation-duration, var(--luzmo-animation-duration, .15s)) ease-in-out}:host([no-wrap]) #label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host([static-color=white]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}:host([static-color=white][selected]){--button-content-color-default: var( --luzmo-button-static-content-color, rgba(255, 255, 255, .9) );--button-content-color-hover: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-down: var( --luzmo-button-static-content-color, rgb(255, 255, 255) );--button-content-color-focus: var( --luzmo-button-static-content-color, rgb(255, 255, 255) )}:host([static-color=black]){--button-focus-indicator-color: var( --luzmo-static-black-focus-indicator-color, rgb(0, 0, 0) )}@media (forced-colors: active){:host{--highcontrast-button-content-color-default: ButtonText;--highcontrast-button-content-color-hover: ButtonText;--highcontrast-button-content-color-focus: ButtonText;--highcontrast-button-content-color-down: ButtonText;--highcontrast-button-border-color-default: ButtonBorder;--highcontrast-button-border-color-hover: ButtonBorder;--highcontrast-button-border-color-focus: ButtonBorder;--highcontrast-button-border-color-down: ButtonBorder;--highcontrast-button-background-color-default: ButtonFace;--highcontrast-button-background-color-hover: ButtonFace;--highcontrast-button-background-color-down: ButtonFace;--highcontrast-button-background-color-focus: ButtonFace;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-content-color-disabled: GrayText;--highcontrast-button-border-color-disabled: GrayText;--luzmo-progress-circle-track-border-color: ButtonText;--luzmo-progress-circle-track-border-color-over-background: ButtonText;--luzmo-progress-circle-thickness: 3px;--luzmo-button-animation-duration: 0s}#label{forced-color-adjust:none}:host(:focus-visible):after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-button-focus-ring-thickness, var(--button-focus-ring-thickness)) ButtonText}:host([variant=accent][treatment=fill]){--highcontrast-button-background-color-default: ButtonText;--highcontrast-button-content-color-default: ButtonFace;--highcontrast-button-content-color-hover: HighlightText;--highcontrast-button-content-color-down: HighlightText;--highcontrast-button-content-color-focus: HighlightText;--highcontrast-button-background-color-disabled: ButtonFace;--highcontrast-button-background-color-hover: Highlight;--highcontrast-button-background-color-down: Highlight;--highcontrast-button-background-color-focus: Highlight;--highcontrast-button-border-color-default: ButtonText;--highcontrast-button-border-color-hover: Highlight;--highcontrast-button-border-color-focus: Highlight;--highcontrast-button-border-color-down: Highlight}}:host{--button-animation-duration: var(--luzmo-animation-duration);--button-border-radius: var(--luzmo-border-radius);--button-border-width: var(--luzmo-border-width);--button-line-height: 1.2;--button-focus-ring-gap: 2px;--button-focus-ring-thickness: 2px;--button-focus-indicator-color: var(--luzmo-primary);--button-intended-icon-size: 18px;--button-background-color-default: var(--luzmo-background-color);--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-active);--button-background-color-focus: var(--luzmo-primary);--button-border-color-default: var(--luzmlo-border-color-full);--button-border-color-hover: var(--luzmo-border-color-full-hover);--button-border-color-down: var(--luzmo-border-color-full-down);--button-border-color-focus: var(--luzmo-border-color-full-focus);--button-content-color-default: var(--luzmo-font-color);--button-content-color-hover: var(--luzmo-font-color-hard);--button-content-color-down: var(--luzmo-font-color-hard);--button-content-color-focus: var(--luzmo-font-color-hard);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-color-disabled);--button-content-color-disabled: var(--luzmo-color-disabled)}:host([variant=accent]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-color-disabled)}:host([variant=accent][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=negative]){--button-background-color-default: var(--luzmo-color-negative);--button-background-color-hover: var(--luzmo-color-negative-hover);--button-background-color-down: var(--luzmo-color-negative-down);--button-background-color-focus: var(--luzmo-color-negative-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-color-disabled)}:host([variant=negative][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-color-negative);--button-border-color-hover: var(--luzmo-color-negative-hover);--button-border-color-down: var(--luzmo-color-negative-down);--button-border-color-focus: var(--luzmo-color-negative-focus);--button-content-color-default: var(--luzmo-color-negative);--button-content-color-hover: var(--luzmo-color-negative-down);--button-content-color-down: var(--luzmo-color-negative-down);--button-content-color-focus: var(--luzmo-color-negative-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=primary]){--button-background-color-default: var(--luzmo-primary);--button-background-color-hover: var(--luzmo-primary-hover);--button-background-color-down: var(--luzmo-primary-down);--button-background-color-focus: var(--luzmo-primary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-color-disabled)}:host([variant=primary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-primary);--button-border-color-hover: var(--luzmo-primary-hover);--button-border-color-down: var(--luzmo-primary-down);--button-border-color-focus: var(--luzmo-primary-focus);--button-content-color-default: var(--luzmo-primary);--button-content-color-hover: var(--luzmo-primary-down);--button-content-color-down: var(--luzmo-primary-down);--button-content-color-focus: var(--luzmo-primary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([variant=secondary]){--button-background-color-default: var(--luzmo-secondary);--button-background-color-hover: var(--luzmo-secondary-hover);--button-background-color-down: var(--luzmo-secondary-down);--button-background-color-focus: var(--luzmo-secondary-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent;--button-content-color-disabled: var(--luzmo-color-disabled)}:host([variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: var(--luzmo-secondary);--button-border-color-hover: var(--luzmo-secondary-hover);--button-border-color-down: var(--luzmo-secondary-down);--button-border-color-focus: var(--luzmo-secondary-focus);--button-content-color-default: var(--luzmo-secondary);--button-content-color-hover: var(--luzmo-secondary-down);--button-content-color-down: var(--luzmo-secondary-down);--button-content-color-focus: var(--luzmo-secondary-focus);--button-background-color-disabled: transparent;--button-border-color-disabled: var(--luzmo-border-color-disabled);--button-content-color-disabled: var(--luzmo-font-color-disabled)}:host([quiet]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-background-color-disabled: transparent;--button-border-color-disabled: transparent}:host([selected]){--button-background-color-default: var(--luzmo-color-selected);--button-background-color-hover: var(--luzmo-color-selected-hover);--button-background-color-down: var(--luzmo-color-selected-down);--button-background-color-focus: var(--luzmo-color-selected-focus);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: white;--button-content-color-hover: white;--button-content-color-down: white;--button-content-color-focus: white;--button-background-color-disabled: var(--luzmo-background-color-disabled);--button-border-color-disabled: transparent}:host([selected][emphasized]){--button-background-color-default: transparent;--button-background-color-hover: var(--luzmo-background-color-hover);--button-background-color-down: var(--luzmo-background-color-down);--button-background-color-focus: var(--luzmo-background-color-focus)}:host([static-color=black][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white][quiet]){--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-border-color-disabled: transparent}:host([static-color=white]){--button-background-color-default: rgba(255, 255, 255 .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .9);--button-border-color-hover: rgb(255, 255, 255);--button-border-color-down: rgb(255, 255, 255);--button-border-color-focus: rgb(255, 255, 255);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][selected]){--button-background-color-default: rgba(255, 255, 255, .9);--button-background-color-hover: rgb(255, 255, 255);--button-background-color-down: rgb(255, 255, 255);--button-background-color-focus: rgb(255, 255, 255);--button-static-white-content-color-default: rgb(0, 0, 0);--button-static-white-content-color-hover: rgb(0, 0, 0);--button-static-white-content-color-down: rgb(0, 0, 0);--button-static-white-content-color-focus: rgb(0, 0, 0);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent}:host([static-color=white][variant=secondary]){--button-background-color-default: rgba(255, 255, 255, .1);--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: rgba(255, 255, 255, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=white][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(255, 255, 255, .25);--button-background-color-down: rgba(255, 255, 255, .4);--button-background-color-focus: rgba(255, 255, 255, .25);--button-border-color-default: rgba(255, 255, 255, .25);--button-border-color-hover: rgba(255, 255, 255, .4);--button-border-color-down: rgba(255, 255, 255, .55);--button-border-color-focus: rgba(255, 255, 255, .4);--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(255, 255, 255);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(255, 255, 255, .25);--button-content-color-disabled: rgba(255, 255, 255, .55)}:host([static-color=black]){--button-background-color-default: rgba(0, 0, 0, .9);--button-background-color-hover: rgb(0, 0, 0);--button-background-color-down: rgb(0, 0, 0);--button-background-color-focus: rgb(0, 0, 0);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(255, 255, 255);--button-content-color-hover: rgb(255, 255, 255);--button-content-color-down: rgb(255, 255, 255);--button-content-color-focus: rgb(255, 255, 255);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .4);--button-border-color-hover: rgba(0, 0, 0, .55);--button-border-color-down: rgba(0, 0, 0, .7);--button-border-color-focus: rgba(0, 0, 0, .55);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary]){--button-background-color-default: rgba(0, 0, 0, .1);--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: transparent;--button-border-color-hover: transparent;--button-border-color-down: transparent;--button-border-color-focus: transparent;--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: rgba(0, 0, 0, .1);--button-border-color-disabled: transparent;--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([static-color=black][variant=secondary][treatment=outline]){--button-background-color-default: transparent;--button-background-color-hover: rgba(0, 0, 0, .25);--button-background-color-down: rgba(0, 0, 0, .4);--button-background-color-focus: rgba(0, 0, 0, .25);--button-border-color-default: rgba(0, 0, 0, .25);--button-border-color-hover: rgba(0, 0, 0, .4);--button-border-color-down: rgba(0, 0, 0, .55);--button-border-color-focus: rgba(0, 0, 0, .4);--button-content-color-default: rgb(0, 0, 0);--button-content-color-hover: rgb(0, 0, 0);--button-content-color-down: rgb(0, 0, 0);--button-content-color-focus: rgb(0, 0, 0);--button-focus-indicator-color: rgb(0, 0, 0);--button-background-color-disabled: transparent;--button-border-color-disabled: rgba(0, 0, 0, .25);--button-content-color-disabled: rgba(0, 0, 0, .55)}:host([size=s]){--button-min-width: 54px;--button-border-radius: var(--luzmo-border-radius-s);--button-height: 24px;--button-font-size: 12px;--button-edge-to-visual: 8px;--button-edge-to-visual-only: 4px;--button-edge-to-text: 10px;--button-padding-label-to-icon: 7px;--button-top-to-text: 5px;--button-bottom-to-text: 4px;--button-top-to-icon: 4px;--button-intended-icon-size: 16px}:host{--button-min-width: 72px;--button-border-radius: var(--luzmo-border-radius);--button-height: 32px;--button-font-size: 14px;--button-edge-to-visual: 12px;--button-edge-to-visual-only: 7px;--button-edge-to-text: 14px;--button-padding-label-to-icon: 8px;--button-top-to-text: 7px;--button-bottom-to-text: 8px;--button-top-to-icon: 7px;--button-intended-icon-size: 18px}:host([size=l]){--button-min-width: 90px;--button-border-radius: var(--luzmo-border-radius);--button-height: 40px;--button-font-size: 16px;--button-edge-to-visual: 16px;--button-edge-to-visual-only: 10px;--button-edge-to-text: 18px;--button-padding-label-to-icon: 9px;--button-top-to-text: 10px;--button-bottom-to-text: 10px;--button-top-to-icon: 10px;--button-intended-icon-size: 20px}:host([size=xl]){--button-min-width: 108px;--button-border-radius: var(--luzmo-border-radius);--button-height: 48px;--button-font-size: 18px;--button-edge-to-visual: 19px;--button-edge-to-visual-only: 13px;--button-edge-to-text: 22px;--button-padding-label-to-icon: 10px;--button-top-to-text: 13px;--button-bottom-to-text: 13px;--button-top-to-icon: 13px;--button-intended-icon-size: 22px}@media (forced-colors: active){:host([treatment][disabled]){border-color:graytext}:host([treatment]:not([disabled]):hover){border-color:highlight}}@keyframes show-progress-circle{0%{visibility:hidden}to{visibility:visible}}@keyframes hide-icons-label{0%{visibility:visible}to{visibility:hidden}}@keyframes update-pending-button-styles{to{background-color:var(--highcontrast-button-background-color-disabled, var(--luzmo-button-background-color-disabled, var(--button-background-color-disabled)));border-color:var(--highcontrast-button-border-color-disabled, var(--luzmo-button-border-color-disabled, var(--button-border-color-disabled)));color:var(--highcontrast-button-content-color-disabled, var(--luzmo-button-content-color-disabled, var(--button-content-color-disabled)))}}:host([pending]:not([disabled])){cursor:default;pointer-events:none;animation:update-pending-button-styles 0s var(--pending-delay, 1s) forwards}::slotted([slot=icon]){visibility:revert-layer;--luzmo-progress-circle-position: relative;--icon-size: inherit}luzmo-progress-circle{display:block;visibility:hidden;position:absolute;left:50%;transform:translate(-50%)}:host([pending]:not([disabled])) luzmo-progress-circle{animation:show-progress-circle 0s var(--pending-delay, 1s) forwards}:host([pending]:not([disabled])) slot[name=icon],:host([pending]:not([disabled])) #label{animation:hide-icons-label 0s var(--pending-delay, 1s) forwards}';var Va=Object.defineProperty,Ua=Object.getOwnPropertyDescriptor,tt=(t,o,e,a)=>{for(var r=a>1?void 0:a?Ua(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&Va(o,e,r),r};const Ha=["primary","secondary","negative","white","black"];class Ho extends i.SizedMixin($e.ButtonBase,{noDefaultSize:!0}){constructor(){super(),this.pendingLabel="Pending",this.pending=!1,this._variant="accent",this.treatment="fill",this.noWrap=!1,this.pendingStateController=new ho.PendingStateController(this)}static get styles(){return[...super.styles,i.r(Ta)]}click(){this.pending||super.click()}get variant(){return this._variant}set variant(o){if(o!==this.variant){switch(this.requestUpdate("variant",this.variant),o){case"white":{this.staticColor=o,this.removeAttribute("variant");return}case"black":{this.staticColor=o,this.removeAttribute("variant");return}case null:return;default:{this._variant=Ha.includes(o)?o:"accent";break}}this.setAttribute("variant",this.variant)}}set quiet(o){this.treatment=o?"outline":"fill"}get quiet(){return this.treatment==="outline"}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("variant")||this.setAttribute("variant",this.variant),this.pending&&this.pendingStateController.hostUpdated()}renderButton(){return i.x`
-      ${this.buttonContent} ${this.pendingStateController.renderPendingState()}
-    `}}tt([i.n({type:String,attribute:"pending-label"})],Ho.prototype,"pendingLabel",2);tt([i.n({type:Boolean,reflect:!0,attribute:!0})],Ho.prototype,"pending",2);tt([i.n()],Ho.prototype,"variant",1);tt([i.n({reflect:!0,attribute:"static-color"})],Ho.prototype,"staticColor",2);tt([i.n({reflect:!0})],Ho.prototype,"treatment",2);tt([i.n({type:Boolean})],Ho.prototype,"quiet",1);tt([i.n({type:Boolean,attribute:"no-wrap",reflect:!0})],Ho.prototype,"noWrap",2);const Ma=":host{font-size:var(--luzmo-clear-button-icon-size, var(--clear-button-icon-size));cursor:pointer;background-color:initial;background-color:var(--luzmo-clear-button-background-color, transparent);padding:var(--luzmo-clear-button-padding, var(--clear-button-padding));color:var(--luzmo-clear-button-icon-color, var(--clear-button-icon-color));border:none;border-radius:100%;margin:0}.icon{margin-block:0;margin-inline:auto}@media (hover: hover){:host(:hover){color:var(--highcontrast-clear-button-icon-color-hover, var(--luzmo-clear-button-icon-color-hover, var(--clear-button-icon-color-hover)))}:host(:hover) .fill{background-color:var(--luzmo-clear-button-background-color-hover, var(--clear-button-background-color-hover))}}:host(:is(:active,[active])){color:var(--luzmo-clear-button-icon-color-down, var(--clear-button-icon-color-down))}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-clear-button-background-color-down, var(--clear-button-background-color-down))}:host([focus-within]) .js-focus-within,:host(:focus-visible),:host:focus-within{color:var(--luzmo-clear-button-icon-color-key-focus, var(--clear-button-icon-color-key-focus))}:host([focus-within]) .js-focus-within .fill,:host(:focus-visible) .fill,:host:focus-within .fill{background-color:var(--luzmo-clear-button-background-color-key-focus, var(--clear-button-background-color-key-focus))}:host([disabled]){--clear-button-icon-color: var( --luzmo-clear-button-icon-color-disabled, var(--disabled-content-color) );--clear-button-background-color: var( --luzmo-clear-button-background-color-disabled, transparent )}.fill{background-color:var(--luzmo-clear-button-background-color, var(--clear-button-background-color));inline-size:100%;block-size:100%;border-radius:100%;justify-content:center;align-items:center;display:flex}:host([variant=overBackground]:focus-visible){outline:none}@media (forced-colors: active){:host:not(:disabled){--highcontrast-clear-button-icon-color-hover: Highlight}}:host{--clear-button-background-color: transparent;--clear-button-background-color-hover: transparent;--clear-button-background-color-down: transparent;--clear-button-background-color-key-focus: transparent;--clear-button-icon-size: var(--luzmo-font-size);--clear-button-padding: 0px;--clear-button-icon-color: var(--luzmo-font-color);--clear-button-icon-color-hover: var(--luzmo-font-color-hover);--clear-button-icon-color-down: var(--luzmo-font-color-down);--clear-button-icon-color-key-focus: var(--luzmo-font-color-focus)}:host([size=s]){--clear-button-icon-size: var(--luzmo-font-size-s)}:host([size=l]){--clear-button-icon-size: var(--luzmo-font-size-l)}:host([size=xl]){--clear-button-icon-size: var(--luzmo-font-size-xl)}:host .luzmo-ClearButton--quiet{--clear-button-background-color: transparent;--clear-button-background-color-hover: transparent;--clear-button-background-color-down: transparent;--clear-button-background-color-key-focus: transparent}:host([variant=overBackground]){--clear-button-icon-color: rgb(255, 255, 255);--clear-button-icon-color-hover: rgb(255, 255, 255);--clear-button-icon-color-down: rgb(255, 255, 255);--clear-button-icon-color-key-focus: rgb(255, 255, 255);--clear-button-background-color: transparent;--clear-button-background-color-hover: rgba(255, 255, 255, .25);--clear-button-background-color-down: rgba(255, 255, 255, .4);--clear-button-background-color-key-focus: rgba(255, 255, 255, .25)}:host([disabled]){--clear-button-icon-color: var(--luzmo-disabled-color);--clear-button-icon-color-hover: var(--luzmo-disabled-color);--clear-button-icon-color-down: var(--luzmo-disabled-color);--clear-button-background-color: transparent}:host{box-sizing:border-box}";var Ba=Object.defineProperty,Da=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Ba(o,e,r),r};const ja=t=>{const o=t==="s"?C.f2:["xl","l"].includes(t)?C.w2:C.D2;return i.x` <div class="icon" slot="icon">${C.O2(o)}</div> `};class Pe extends i.SizedMixin($e.ButtonBase,{noDefaultSize:!0}){constructor(){super(...arguments),this.variant=""}static get styles(){return[...super.styles,i.r(Ma)]}get buttonContent(){return[ja(this.size)]}render(){return i.x` <div class="fill">${super.render()}</div> `}}Da([i.n({reflect:!0})],Pe.prototype,"variant");customElements.get("luzmo-button")||customElements.define("luzmo-button",Ho);customElements.get("luzmo-clear-button")||customElements.define("luzmo-clear-button",Pe);customElements.get("luzmo-close-button")||customElements.define("luzmo-close-button",Wt);const Fa=":host{gap:var(--luzmo-button-group-spacing-horizontal, var(--button-group-spacing-horizontal));justify-content:normal;justify-content:var(--luzmo-button-group-justify-content, normal);flex-wrap:wrap;display:flex}::slotted(*){flex-shrink:0}:host([vertical]){gap:var(--luzmo-button-group-spacing-vertical, var(--button-group-spacing-vertical));flex-direction:column;display:inline-flex}:host,:host([size=l]),:host([size=xl]){--button-group-spacing-horizontal: 16px;--button-group-spacing-vertical: 16px}:host([size=s]){--button-group-spacing-horizontal: 12px;--button-group-spacing-vertical: 12px}:host([vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-flex-grow: 1}:host([dir=ltr][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: left}:host([dir=rtl][vertical]) ::slotted(luzmo-action-button){--parent-element-action-button-label-text-align: right}";var Ra=Object.defineProperty,Ia=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Ra(o,e,r),r};class Ae extends i.SizedMixin(i.LuzmoElement,{noDefaultSize:!0}){constructor(){super(...arguments),this.vertical=!1}static get styles(){return[i.r(Fa)]}handleSlotchange({target:o}){o.assignedElements().forEach(a=>{a.size=this.size})}render(){return i.x` <slot @slotchange=${this.handleSlotchange}></slot> `}}Ia([i.n({type:Boolean,reflect:!0})],Ae.prototype,"vertical");customElements.get("luzmo-button-group")||customElements.define("luzmo-button-group",Ae);const qa=':host{inline-size:var(--luzmo-color-loupe-width, 48px);block-size:var(--luzmo-color-loupe-height, 64px);transform:translateY(var(--luzmo-color-loupe-animation-distance, 8px));opacity:0;transform-origin:bottom;pointer-events:none;filter:drop-shadow(var(--luzmo-color-loupe-drop-shadow-x, 0) var(--luzmo-color-loupe-drop-shadow-y, 2px) var(--luzmo-color-loupe-drop-shadow-blur, 8px) var(--luzmo-color-loupe-drop-shadow-color, rgba(0, 0, 0, .25)));transition:transform .1s ease-in-out,opacity .125s ease-in-out;position:absolute;inset-block-end:calc(var(--luzmo-color-handle-size, 16px) - var(--luzmo-color-handle-outer-border-width, 1px) + var(--luzmo-color-loupe-offset, 12px));inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2)}:host:dir(rtl),:host([dir=rtl]){inset-inline-end:calc(50% - var(--luzmo-color-loupe-width, 48px) / 2 - 1px)}:host([open]){opacity:1;transform:translate(0)}.luzmo-color-loupe-inner-border{fill:var(--luzmo-picked-color);stroke:var(--luzmo-color-loupe-inner-border-color, rgba(0, 0, 0, .1));stroke-width:var(--luzmo-color-loupe-inner-border-width, 1px)}.luzmo-color-loupe-outer-border{fill:none;stroke:var(--luzmo-color-loupe-outer-border-color, white);stroke-width:calc(var(--luzmo-color-loupe-outer-border-width, 2px) + 2px);transform:translate(calc((var(--luzmo-color-loupe-outer-border-width, 2px) + 2px) / 2))}.luzmo-color-loupe-checkerboard-pattern{fill:var(--luzmo-color-loupe-checkerboard-dark-color, rgb(230, 230, 230))}.luzmo-color-loupe-checkerboard-background{fill:var(--luzmo-color-loupe-checkerboard-light-color, rgb(255, 255, 255))}.luzmo-color-loupe-checkerboard-fill{fill:var(--luzmo-color-loupe-checkerboard-fill, url(#checkerboard-primary))}@media (forced-colors: active){:host{--highcontrast-colorloupe-outer-border-color: CanvasText}}svg{width:inherit;height:inherit}.loupe-clipped{clip-path:path("M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ")}.opacity-checkerboard{position:absolute;top:2px;left:2px;block-size:100%;inline-size:100%}.opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}';var Na=Object.defineProperty,Er=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Na(o,e,r),r};const Me=class Me extends i.LuzmoElement{constructor(){super(...arguments),this.open=!1,this.color="rgba(255, 0, 0, 0.5)"}render(){return i.x`
-      <div class="opacity-checkerboard loupe-clipped"></div>
-      <div class="luzmo-color-loupe-inner-border loupe-clipped"></div>
-      <div class="luzmo-color-loupe-outer-border loupe-clipped"></div>
-      <svg
-        aria-hidden="true"
-        class="luzmo-color-loupe is-open"
-        overflow="visible"
-        style="--luzmo-picked-color: ${this.color}; position: absolute;"
-      >
-        <defs>
-          <path
-            id="loupe-path"
-            d="M23 61.575C19.0044 57.435 15.2591 53.0606 11.784 48.475C8.68949 44.4532 5.96348 40.1608 3.639 35.65C1.224 30.8 0 26.549 0 23C0.00319993 17.6937 1.84059 12.5516 5.20091 8.44488C8.56122 4.33815 13.2378 1.51928 18.4385 0.465803C23.6392 -0.587678 29.0442 0.189006 33.7378 2.66428C38.4314 5.13955 42.125 9.16122 44.193 14.048C45.3915 16.88 46.0061 19.9248 46 23C46 26.551 44.774 30.811 42.355 35.661C40.0274 40.1747 37.298 44.4698 34.2 48.494C30.7297 53.0728 26.9898 57.4409 23 61.575ZZ"
-            transform="translate(2, 2)"
-          />
-          <mask id="loupe-mask">
-            <rect x="0" y="0" height="100" width="100" fill="white" />
-            <use xlink:href="#path" fill="black" />
-          </mask>
-        </defs>
-
-        <g class="luzmo-color-loupe-loupe">
-          <g>
-            <use
-              xlink:href="#loupe-path"
-              mask="url(#loupe-mask)"
-              transform="translate(2, 2)"
-              class="luzmo-color-loupe-inner-border"
-            />
-            <use
-              xlink:href="#loupe-path"
-              mask="url(#loupe-mask)"
-              class="luzmo-color-loupe-outer-border"
-            />
-          </g>
-        </g>
-      </svg>
-    `}};Me.styles=i.r(qa);let ht=Me;Er([i.n({type:Boolean,reflect:!0})],ht.prototype,"open");Er([i.n({type:String})],ht.prototype,"color");const Ka=':host{touch-action:none;transition:inline-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),block-size var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),border-width var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-inline var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out),margin-block var(--luzmo-color-handle-animation-duration, .13s) var(--luzmo-color-handle-animation-easing, ease-in-out)}:host{background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2);background-position:50%}:host(:focus){outline:none}:host{z-index:1;box-sizing:border-box;inline-size:var(--luzmo-color-handle-size, 16px);block-size:var(--luzmo-color-handle-size, 16px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) / 2 * -1);border-width:var(--luzmo-color-handle-border-width, 2px);border-color:var(--luzmo-color-handle-border-color, rgb(255, 255, 255));box-shadow:0 0 0 var(--luzmo-color-handle-outer-border-width, 1px) var(--luzmo-color-handle-outer-border-color, rgba(0, 0, 0, .42));transition:all var(--luzmo-color-handle-animation-duration, 0) var(--luzmo-color-handle-animation-easing, ease-in-out);border-style:solid}:host,:host:after{border-radius:100%;display:block;position:absolute}:host:after{content:"";inset-inline:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inset-block:calc(50% - var(--luzmo-color-handle-hitarea-size, 24px) / 2);inline-size:var(--luzmo-color-handle-hitarea-size, 24px);block-size:var(--luzmo-color-handle-hitarea-size, 24px);border-radius:var(--luzmo-color-handle-hitarea-border-radius, 100%)}:host([focused]),:host(:focus-visible){inline-size:var(--luzmo-color-handle-focused-size, 32px);block-size:var(--luzmo-color-handle-focused-size, 32px);margin-inline:calc(var(--luzmo-color-handle-size, 16px) * -1);margin-block:calc(var(--luzmo-color-handle-size, 16px) * -1);outline:none}:host([disabled]){pointer-events:none;border-color:var(--highcontrast-color-handle-border-color-disabled, var(--luzmo-color-handle-border-color-disabled, var(--luzmo-font-color-disabled)));background:var(--highcontrast-color-handle-fill-color-disabled, var(--luzmo-color-handle-fill-color-disabled, var(--luzmo-font-color-disabled)));box-shadow:none}:host([disabled]) .inner{display:none}.inner{inline-size:100%;block-size:100%;box-shadow:inset 0 0 0 var(--luzmo-color-handle-inner-border-width, var(--luzmo-border-width)) var(--luzmo-color-handle-inner-border-color, rgba(0, 0, 0, .42));background-color:var(--luzmo-picked-color);border-radius:100%}@media (forced-colors: active){:host{forced-color-adjust:none}:host([disabled]){--highcontrast-color-handle-border-color-disabled: GrayText;--highcontrast-color-handle-fill-color-disabled: Canvas}}';var Ga=Object.defineProperty,Qt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Ga(o,e,r),r};const Be=class Be extends i.LuzmoElement{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.open=!1,this.color="rgba(255, 0, 0, 0.5)"}handlePointerdown(o){o.pointerType==="touch"&&(this.open=!0),this.setPointerCapture(o.pointerId)}handlePointerup(o){this.open=!1,this.releasePointerCapture(o.pointerId)}render(){return i.x`
-      <div class="inner" style="background-color: ${this.color}"></div>
-      <luzmo-color-loupe
-        color=${this.color}
-        ?open=${this.open&&!this.disabled}
-      ></luzmo-color-loupe>
-    `}firstUpdated(o){super.firstUpdated(o),this.addEventListener("pointerdown",this.handlePointerdown),this.addEventListener("pointerup",this.handlePointerup),this.addEventListener("pointercancel",this.handlePointerup)}};Be.styles=i.r(Ka);let Vo=Be;Qt([i.n({type:Boolean,reflect:!0})],Vo.prototype,"disabled");Qt([i.n({type:Boolean,reflect:!0})],Vo.prototype,"focused");Qt([i.n({type:Boolean,reflect:!0})],Vo.prototype,"open");Qt([i.n({type:String})],Vo.prototype,"color");customElements.get("luzmo-color-handle")||customElements.define("luzmo-color-handle",Vo);const Ya=Object.freeze(Object.defineProperty({__proto__:null,LuzmoColorHandle:Vo},Symbol.toStringTag,{value:"Module"}));function q(t,o){Xa(t)&&(t="100%");const e=Wa(t);return t=o===360?t:Math.min(o,Math.max(0,parseFloat(t))),e&&(t=parseInt(String(t*o),10)/100),Math.abs(t-o)<1e-6?1:(o===360?t=(t<0?t%o+o:t%o)/parseFloat(String(o)):t=t%o/parseFloat(String(o)),t)}function qt(t){return Math.min(1,Math.max(0,t))}function Xa(t){return typeof t=="string"&&t.indexOf(".")!==-1&&parseFloat(t)===1}function Wa(t){return typeof t=="string"&&t.indexOf("%")!==-1}function _r(t){return t=parseFloat(t),(isNaN(t)||t<0||t>1)&&(t=1),t}function Nt(t){return Number(t)<=1?`${Number(t)*100}%`:t}function Jo(t){return t.length===1?"0"+t:String(t)}function Za(t,o,e){return{r:q(t,255)*255,g:q(o,255)*255,b:q(e,255)*255}}function dr(t,o,e){t=q(t,255),o=q(o,255),e=q(e,255);const a=Math.max(t,o,e),r=Math.min(t,o,e);let n=0,l=0;const d=(a+r)/2;if(a===r)l=0,n=0;else{const h=a-r;switch(l=d>.5?h/(2-a-r):h/(a+r),a){case t:n=(o-e)/h+(o<e?6:0);break;case o:n=(e-t)/h+2;break;case e:n=(t-o)/h+4;break}n/=6}return{h:n,s:l,l:d}}function ze(t,o,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?t+(o-t)*(6*e):e<1/2?o:e<2/3?t+(o-t)*(2/3-e)*6:t}function Ja(t,o,e){let a,r,n;if(t=q(t,360),o=q(o,100),e=q(e,100),o===0)r=e,n=e,a=e;else{const l=e<.5?e*(1+o):e+o-e*o,d=2*e-l;a=ze(d,l,t+1/3),r=ze(d,l,t),n=ze(d,l,t-1/3)}return{r:a*255,g:r*255,b:n*255}}function hr(t,o,e){t=q(t,255),o=q(o,255),e=q(e,255);const a=Math.max(t,o,e),r=Math.min(t,o,e);let n=0;const l=a,d=a-r,h=a===0?0:d/a;if(a===r)n=0;else{switch(a){case t:n=(o-e)/d+(o<e?6:0);break;case o:n=(e-t)/d+2;break;case e:n=(t-o)/d+4;break}n/=6}return{h:n,s:h,v:l}}function Qa(t,o,e){t=q(t,360)*6,o=q(o,100),e=q(e,100);const a=Math.floor(t),r=t-a,n=e*(1-o),l=e*(1-r*o),d=e*(1-(1-r)*o),h=a%6,p=[e,l,n,n,d,e][h],g=[d,e,e,l,n,n][h],w=[n,n,d,e,e,l][h];return{r:p*255,g:g*255,b:w*255}}function br(t,o,e,a){const r=[Jo(Math.round(t).toString(16)),Jo(Math.round(o).toString(16)),Jo(Math.round(e).toString(16))];return a&&r[0].startsWith(r[0].charAt(1))&&r[1].startsWith(r[1].charAt(1))&&r[2].startsWith(r[2].charAt(1))?r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0):r.join("")}function oi(t,o,e,a,r){const n=[Jo(Math.round(t).toString(16)),Jo(Math.round(o).toString(16)),Jo(Math.round(e).toString(16)),Jo(ei(a))];return r&&n[0].startsWith(n[0].charAt(1))&&n[1].startsWith(n[1].charAt(1))&&n[2].startsWith(n[2].charAt(1))&&n[3].startsWith(n[3].charAt(1))?n[0].charAt(0)+n[1].charAt(0)+n[2].charAt(0)+n[3].charAt(0):n.join("")}function ti(t,o,e,a){const r=t/100,n=o/100,l=e/100,d=a/100,h=255*(1-r)*(1-d),p=255*(1-n)*(1-d),g=255*(1-l)*(1-d);return{r:h,g:p,b:g}}function pr(t,o,e){let a=1-t/255,r=1-o/255,n=1-e/255,l=Math.min(a,r,n);return l===1?(a=0,r=0,n=0):(a=(a-l)/(1-l)*100,r=(r-l)/(1-l)*100,n=(n-l)/(1-l)*100),l*=100,{c:Math.round(a),m:Math.round(r),y:Math.round(n),k:Math.round(l)}}function ei(t){return Math.round(parseFloat(t)*255).toString(16)}function vr(t){return ao(t)/255}function ao(t){return parseInt(t,16)}function ri(t){return{r:t>>16,g:(t&65280)>>8,b:t&255}}const ye={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function ai(t){let o={r:0,g:0,b:0},e=1,a=null,r=null,n=null,l=!1,d=!1;return typeof t=="string"&&(t=li(t)),typeof t=="object"&&(ro(t.r)&&ro(t.g)&&ro(t.b)?(o=Za(t.r,t.g,t.b),l=!0,d=String(t.r).substr(-1)==="%"?"prgb":"rgb"):ro(t.h)&&ro(t.s)&&ro(t.v)?(a=Nt(t.s),r=Nt(t.v),o=Qa(t.h,a,r),l=!0,d="hsv"):ro(t.h)&&ro(t.s)&&ro(t.l)?(a=Nt(t.s),n=Nt(t.l),o=Ja(t.h,a,n),l=!0,d="hsl"):ro(t.c)&&ro(t.m)&&ro(t.y)&&ro(t.k)&&(o=ti(t.c,t.m,t.y,t.k),l=!0,d="cmyk"),Object.prototype.hasOwnProperty.call(t,"a")&&(e=t.a)),e=_r(e),{ok:l,format:t.format||d,r:Math.min(255,Math.max(o.r,0)),g:Math.min(255,Math.max(o.g,0)),b:Math.min(255,Math.max(o.b,0)),a:e}}const ii="[-\\+]?\\d+%?",ni="[-\\+]?\\d*\\.\\d+%?",No="(?:"+ni+")|(?:"+ii+")",we="[\\s|\\(]+("+No+")[,|\\s]+("+No+")[,|\\s]+("+No+")\\s*\\)?",Kt="[\\s|\\(]+("+No+")[,|\\s]+("+No+")[,|\\s]+("+No+")[,|\\s]+("+No+")\\s*\\)?",uo={CSS_UNIT:new RegExp(No),rgb:new RegExp("rgb"+we),rgba:new RegExp("rgba"+Kt),hsl:new RegExp("hsl"+we),hsla:new RegExp("hsla"+Kt),hsv:new RegExp("hsv"+we),hsva:new RegExp("hsva"+Kt),cmyk:new RegExp("cmyk"+Kt),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function li(t){if(t=t.trim().toLowerCase(),t.length===0)return!1;let o=!1;if(ye[t])t=ye[t],o=!0;else if(t==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};let e=uo.rgb.exec(t);return e?{r:e[1],g:e[2],b:e[3]}:(e=uo.rgba.exec(t),e?{r:e[1],g:e[2],b:e[3],a:e[4]}:(e=uo.hsl.exec(t),e?{h:e[1],s:e[2],l:e[3]}:(e=uo.hsla.exec(t),e?{h:e[1],s:e[2],l:e[3],a:e[4]}:(e=uo.hsv.exec(t),e?{h:e[1],s:e[2],v:e[3]}:(e=uo.hsva.exec(t),e?{h:e[1],s:e[2],v:e[3],a:e[4]}:(e=uo.cmyk.exec(t),e?{c:e[1],m:e[2],y:e[3],k:e[4]}:(e=uo.hex8.exec(t),e?{r:ao(e[1]),g:ao(e[2]),b:ao(e[3]),a:vr(e[4]),format:o?"name":"hex8"}:(e=uo.hex6.exec(t),e?{r:ao(e[1]),g:ao(e[2]),b:ao(e[3]),format:o?"name":"hex"}:(e=uo.hex4.exec(t),e?{r:ao(e[1]+e[1]),g:ao(e[2]+e[2]),b:ao(e[3]+e[3]),a:vr(e[4]+e[4]),format:o?"name":"hex8"}:(e=uo.hex3.exec(t),e?{r:ao(e[1]+e[1]),g:ao(e[2]+e[2]),b:ao(e[3]+e[3]),format:o?"name":"hex"}:!1))))))))))}function ro(t){return typeof t=="number"?!Number.isNaN(t):uo.CSS_UNIT.test(t)}class S{constructor(o="",e={}){if(o instanceof S)return o;typeof o=="number"&&(o=ri(o)),this.originalInput=o;const a=ai(o);this.originalInput=o,this.r=a.r,this.g=a.g,this.b=a.b,this.a=a.a,this.roundA=Math.round(100*this.a)/100,this.format=e.format??a.format,this.gradientType=e.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=a.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){const o=this.toRgb();return(o.r*299+o.g*587+o.b*114)/1e3}getLuminance(){const o=this.toRgb();let e,a,r;const n=o.r/255,l=o.g/255,d=o.b/255;return n<=.03928?e=n/12.92:e=Math.pow((n+.055)/1.055,2.4),l<=.03928?a=l/12.92:a=Math.pow((l+.055)/1.055,2.4),d<=.03928?r=d/12.92:r=Math.pow((d+.055)/1.055,2.4),.2126*e+.7152*a+.0722*r}getAlpha(){return this.a}setAlpha(o){return this.a=_r(o),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){const{s:o}=this.toHsl();return o===0}toHsv(){const o=hr(this.r,this.g,this.b);return{h:o.h*360,s:o.s,v:o.v,a:this.a}}toHsvString(){const o=hr(this.r,this.g,this.b),e=Math.round(o.h*360),a=Math.round(o.s*100),r=Math.round(o.v*100);return this.a===1?`hsv(${e}, ${a}%, ${r}%)`:`hsva(${e}, ${a}%, ${r}%, ${this.roundA})`}toHsl(){const o=dr(this.r,this.g,this.b);return{h:o.h*360,s:o.s,l:o.l,a:this.a}}toHslString(){const o=dr(this.r,this.g,this.b),e=Math.round(o.h*360),a=Math.round(o.s*100),r=Math.round(o.l*100);return this.a===1?`hsl(${e}, ${a}%, ${r}%)`:`hsla(${e}, ${a}%, ${r}%, ${this.roundA})`}toHex(o=!1){return br(this.r,this.g,this.b,o)}toHexString(o=!1){return"#"+this.toHex(o)}toHex8(o=!1){return oi(this.r,this.g,this.b,this.a,o)}toHex8String(o=!1){return"#"+this.toHex8(o)}toHexShortString(o=!1){return this.a===1?this.toHexString(o):this.toHex8String(o)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){const o=Math.round(this.r),e=Math.round(this.g),a=Math.round(this.b);return this.a===1?`rgb(${o}, ${e}, ${a})`:`rgba(${o}, ${e}, ${a}, ${this.roundA})`}toPercentageRgb(){const o=e=>`${Math.round(q(e,255)*100)}%`;return{r:o(this.r),g:o(this.g),b:o(this.b),a:this.a}}toPercentageRgbString(){const o=e=>Math.round(q(e,255)*100);return this.a===1?`rgb(${o(this.r)}%, ${o(this.g)}%, ${o(this.b)}%)`:`rgba(${o(this.r)}%, ${o(this.g)}%, ${o(this.b)}%, ${this.roundA})`}toCmyk(){return{...pr(this.r,this.g,this.b)}}toCmykString(){const{c:o,m:e,y:a,k:r}=pr(this.r,this.g,this.b);return`cmyk(${o}, ${e}, ${a}, ${r})`}toName(){if(this.a===0)return"transparent";if(this.a<1)return!1;const o="#"+br(this.r,this.g,this.b,!1);for(const[e,a]of Object.entries(ye))if(o===a)return e;return!1}toString(o){const e=!!o;o=o??this.format;let a=!1;const r=this.a<1&&this.a>=0;return!e&&r&&(o.startsWith("hex")||o==="name")?o==="name"&&this.a===0?this.toName():this.toRgbString():(o==="rgb"&&(a=this.toRgbString()),o==="prgb"&&(a=this.toPercentageRgbString()),(o==="hex"||o==="hex6")&&(a=this.toHexString()),o==="hex3"&&(a=this.toHexString(!0)),o==="hex4"&&(a=this.toHex8String(!0)),o==="hex8"&&(a=this.toHex8String()),o==="name"&&(a=this.toName()),o==="hsl"&&(a=this.toHslString()),o==="hsv"&&(a=this.toHsvString()),o==="cmyk"&&(a=this.toCmykString()),a||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new S(this.toString())}lighten(o=10){const e=this.toHsl();return e.l+=o/100,e.l=qt(e.l),new S(e)}brighten(o=10){const e=this.toRgb();return e.r=Math.max(0,Math.min(255,e.r-Math.round(255*-(o/100)))),e.g=Math.max(0,Math.min(255,e.g-Math.round(255*-(o/100)))),e.b=Math.max(0,Math.min(255,e.b-Math.round(255*-(o/100)))),new S(e)}darken(o=10){const e=this.toHsl();return e.l-=o/100,e.l=qt(e.l),new S(e)}tint(o=10){return this.mix("white",o)}shade(o=10){return this.mix("black",o)}desaturate(o=10){const e=this.toHsl();return e.s-=o/100,e.s=qt(e.s),new S(e)}saturate(o=10){const e=this.toHsl();return e.s+=o/100,e.s=qt(e.s),new S(e)}greyscale(){return this.desaturate(100)}spin(o){const e=this.toHsl(),a=(e.h+o)%360;return e.h=a<0?360+a:a,new S(e)}mix(o,e=50){const a=this.toRgb(),r=new S(o).toRgb(),n=e/100,l={r:(r.r-a.r)*n+a.r,g:(r.g-a.g)*n+a.g,b:(r.b-a.b)*n+a.b,a:(r.a-a.a)*n+a.a};return new S(l)}analogous(o=6,e=30){const a=this.toHsl(),r=360/e,n=[this];for(a.h=(a.h-(r*o>>1)+720)%360;--o;)a.h=(a.h+r)%360,n.push(new S(a));return n}complement(){const o=this.toHsl();return o.h=(o.h+180)%360,new S(o)}monochromatic(o=6){const e=this.toHsv(),{h:a}=e,{s:r}=e;let{v:n}=e;const l=[],d=1/o;for(;o--;)l.push(new S({h:a,s:r,v:n})),n=(n+d)%1;return l}splitcomplement(){const o=this.toHsl(),{h:e}=o;return[this,new S({h:(e+72)%360,s:o.s,l:o.l}),new S({h:(e+216)%360,s:o.s,l:o.l})]}onBackground(o){const e=this.toRgb(),a=new S(o).toRgb(),r=e.a+a.a*(1-e.a);return new S({r:(e.r*e.a+a.r*a.a*(1-e.a))/r,g:(e.g*e.a+a.g*a.a*(1-e.a))/r,b:(e.b*e.a+a.b*a.a*(1-e.a))/r,a:r})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(o){const e=this.toHsl(),{h:a}=e,r=[this],n=360/o;for(let l=1;l<o;l++)r.push(new S({h:(a+l*n)%360,s:e.s,l:e.l}));return r}equals(o){const e=new S(o);return this.format==="cmyk"||e.format==="cmyk"?this.toCmykString()===e.toCmykString():this.toRgbString()===e.toRgbString()}}const mr=/^hs[v|l]a?\s?\((\d{1,3}\.?\d*?),?\s?(\d{1,3})/,gr=/(^hs[v|l]a?\s?\()\d{1,3}\.?\d*?(,?\s?)\d{1,3}/,fr=/(^hs[v|l]a?\()\d{1,3}/,Gt=(t,o)=>o?t.toHexString():t.toHex();class Pr{constructor(o,{applyColorToState:e,extractColorFromState:a,maintains:r}){this.maintains="hue",this._hue=0,this._opacity=1,this.getColorProcesses={rgb:(n,l)=>l?n.toRgbString():n.toRgb(),prgb:(n,l)=>l?n.toPercentageRgbString():n.toPercentageRgb(),hex8:(n,l)=>l?n.toHex8String():n.toHex8(),name:n=>n.toName()||n.toRgbString(),hsl:(n,l)=>{if(this.maintains==="hue"){if(l)return n.toHslString().replace(fr,`$1${this.hue}`);const{s:g,l:w,a:k}=n.toHsl();return{h:this.hue,s:g,l:w,a:k}}if(l)return n.toHslString().replace(gr,`$1${this.hue}$2${this.saturation}`);const{s:d,l:h,a:p}=n.toHsl();return{h:this.hue,s:d,l:h,a:p}},hsv:(n,l)=>{if(this.maintains==="hue"){if(l)return n.toHsvString().replace(fr,`$1${this.hue}`);const{s:g,v:w,a:k}=n.toHsv();return{h:this.hue,s:g,v:w,a:k}}if(l)return n.toHsvString().replace(gr,`$1${this.hue}$2${this.saturation}`);const{s:d,v:h,a:p}=n.toHsv();return{h:this.hue,s:d,v:h,a:p}},hex:Gt,hex3:Gt,hex4:Gt,hex6:Gt},this._color=new S({h:0,s:1,v:1}),this._previousColor=new S({h:0,s:1,v:1}),this._format={format:"",isString:!1},this.host=o,this.applyColorToState=e,this.extractColorFromState=a,this.maintains=r||this.maintains}setColorProcess(o,e,a,r){this.maintains==="hue"?this.setColorMaintainHue(o,e,a,r):this.maintains==="saturation"&&this.setColorMaintainSaturation(o,e,a,r)}setColorMaintainHue(o,e,a,r){const{h:n,s:l,v:d,a:h}=this._color.toHsv();let p;if(r&&a.startsWith("hs")){const g=mr.exec(e);if(g!==null){const[,w]=g;p=Number(w)}}else if(!r&&a.startsWith("hs")){const g=o.originalInput;p=Object.values(g)[0]}this.hue=p||n,this.opacity=h??1,this.applyColorToState({h:n,s:l,v:d,a:h})}setColorMaintainSaturation(o,e,a,r){const{a:n}=this._color.toHsv();if(r&&a.startsWith("hs")){const l=mr.exec(e);if(l!==null){const[,d,h]=l;this.hue=Number(d),this.saturation=Number(h)}}else if(!r&&a.startsWith("hs")){const l=o.originalInput,d=Object.values(l);this.hue=d[0],this.saturation=d[1]}else{const{h:l}=o.toHsv();this.hue=l}this.opacity=n??1,this.applyColorToState(o.toHsv())}applyColorFromState(){this._color=new S(this.extractColorFromState(this))}get hue(){return this._hue}set hue(o){const e=Math.min(360,Math.max(0,o));if(e===this.hue)return;const a=this.hue,{s:r,v:n,a:l}=this._color.toHsv();this._color=new S({h:e,s:r,v:n,a:l}),this._hue=e,this.host.requestUpdate("hue",a)}get opacity(){return this._opacity}set opacity(o){const e=Math.min(1,Math.max(0,o));if(e===this.opacity)return;const a=this.opacity,{h:r,s:n,v:l}=this._color.toHsv();this._color=new S({h:r,s:n,v:l,a:e}),this._opacity=e,this.host.requestUpdate("opacity",a)}get value(){return this.color}get color(){return this.getColorProcesses[this._format.format||"hex"](this._color,this._format.isString)}set color(o){if(o===this.color)return;const e=this._color;this._color=new S(o);const a=this._color.format;let r=typeof o=="string"||o instanceof String;a.startsWith("hex")&&(r=o.startsWith("#")),this._format={format:a,isString:r},this.setColorProcess(this._color,o,a,r),this.host.requestUpdate("color",e)}getColor(o){const e={hsl:"toHsl"};return this._color[e[o]]()}setColor(o){this._color=o;const e=typeof this._color.originalInput=="string"||this._color.originalInput instanceof String;this.setColorProcess(this._color,o,this._color.format,e)}getHslString(){return this._color.toHslString()}savePreviousColor(){this._previousColor=this._color.clone()}restorePreviousColor(){this.setColor(this._previousColor)}}const si="@media (forced-colors: active){:host{--highcontrast-color-area-border-color-disabled: GrayText;--highcontrast-color-area-border-color: Canvas;--highcontrast-color-area-fill-color-disabled: Canvas}.gradient,:host([disabled]){forced-color-adjust:none}}:host{cursor:default;-webkit-user-select:none;user-select:none;min-inline-size:var(--luzmo-color-area-min-width, 64px);min-block-size:var(--luzmo-color-area-min-height, 64px);inline-size:var(--luzmo-color-area-width, 192px);block-size:var(--luzmo-color-area-height, 192px);box-sizing:border-box;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color, var(--luzmo-color-area-border-color, var(--luzmo-border-color)));display:inline-block;position:relative}:host([focused]){z-index:1}:host([disabled]){pointer-events:none;background:var(--highcontrast-color-area-fill-color-disabled, var(--luzmo-color-area-disabled-background-color, var(--luzmo-dimmed-color)));border:var(--luzmo-color-area-border-width, var(--luzmo-border-width)) solid var(--highcontrast-color-area-border-color-disabled)}:host([disabled]) .gradient{display:none}.handle{transform:translate(calc(var(--luzmo-color-area-width, 192px) - var(--luzmo-border-width)));inset-block-start:0}.handle:dir(rtl),:host([dir=rtl]) .handle{inset-inline-end:0}.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-area-border-radius, var(--luzmo-border-radius-s))}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host{touch-action:none}:host:before{pointer-events:none}.gradient{overflow:hidden}.handle{transform:translate(var(--luzmo-color-area-default-width))}::slotted(*){width:100%;height:100%}:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider[orient=vertical]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}.slider:focus{z-index:1}.fieldset{border:0;margin:0;padding:0}";var ci=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,X=(t,o,e,a)=>{for(var r=a>1?void 0:a?ui(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&ci(o,e,r),r};class R extends i.LuzmoElement{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.labelX="saturation",this.labelY="luminosity",this.isLTR=!0,this.languageResolver=new dt.LanguageResolutionController(this),this.colorController=new Pr(this,{extractColorFromState:()=>({h:this.hue,s:this.x,v:this.y}),applyColorToState:({s:o,v:e})=>{this._x=o,this._y=e,this.requestUpdate()}}),this.activeAxis="x",this._x=1,this._y=1,this.step=.01,this.altered=0,this.activeKeys=new Set,this._valueChanged=!1,this._pointerDown=!1}static get styles(){return[i.r(si)]}get hue(){return this.colorController.hue}set hue(o){this.colorController.hue=o}get value(){return this.colorController.color}get color(){return this.colorController.color}set color(o){this.colorController.color=o}get x(){return this._x}set x(o){if(o===this.x)return;const e=this.x;this._x=o,this.inputX&&(this.inputX.value=o.toString(),this._x=this.inputX.valueAsNumber),this.requestUpdate("x",e),this.colorController.applyColorFromState()}get y(){return this._y}set y(o){if(o===this.y)return;const e=this.y;this._y=o,this.inputY&&(this.inputY.value=o.toString(),this._y=this.inputY.valueAsNumber),this.requestUpdate("y",e),this.colorController.applyColorFromState()}focus(o={}){super.focus(o),this.forwardFocus()}forwardFocus(){this.activeAxis==="x"?this.inputX.focus():this.inputY.focus()}handleFocus(){this.focused=!0,this._valueChanged=!1}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1,this._valueChanged=!1)}handleKeydown(o){const{code:e}=o;this.focused=!0,this.altered=[o.shiftKey,o.ctrlKey,o.altKey].filter(r=>!!r).length,(e.search("Arrow")===0||e.search("Page")===0||e.search("Home")===0||e.search("End")===0)&&(o.preventDefault(),this.activeKeys.add(e),this.handleKeypress())}handleKeypress(){let o=0,e=0;const a=Math.max(this.step,this.altered*5*this.step);this.activeKeys.forEach(r=>{switch(r){case"ArrowUp":{e=a;break}case"ArrowDown":{e=a*-1;break}case"ArrowLeft":{o=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{o=this.step*(this.isLTR?1:-1);break}case"PageUp":{e=a*10;break}case"PageDown":{e=a*-10;break}case"Home":{o=a*(this.isLTR?-10:10);break}case"End":{o=a*(this.isLTR?10:-10);break}}}),o!==0?(this.activeAxis="x",this.inputX.focus()):e!==0&&(this.activeAxis="y",this.inputY.focus()),this.x=Math.min(1,Math.max(this.x+o,0)),this.y=Math.min(1,Math.max(this.y+e,0)),this.colorController.savePreviousColor(),this.colorController.applyColorFromState(),(o!==0||e!==0)&&(this._valueChanged=!0,this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor())}handleKeyup(o){o.preventDefault();const{code:e}=o;this.activeKeys.delete(e)}handleInput(o){const{valueAsNumber:e,name:a}=o.target;this[a]=e,this.colorController.applyColorFromState()}handleChange(o){this.handleInput(o),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerdown(o){if(o.button!==0){o.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),o.target.setPointerCapture(o.pointerId),o.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(o){const[e,a]=this.calculateHandlePosition(o);this._valueChanged=!1,this.x=e,this.y=1-a,this.colorController.applyColorFromState(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(o){o.preventDefault(),this._pointerDown=!1,o.target.releasePointerCapture(o.pointerId);const e=this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}));this.inputX.focus(),o.pointerType==="mouse"&&(this.focused=!1),e||this.colorController.restorePreviousColor()}calculateHandlePosition(o){if(!this.boundingClientRect)return[this.x,this.y];const e=this.boundingClientRect,a=e.left,r=e.top,n=o.clientX,l=o.clientY,d=e.width,h=e.height,p=Math.max(0,Math.min(1,(n-a)/d)),g=Math.max(0,Math.min(1,(l-r)/h));return[this.isLTR?p:1-p,g]}handleAreaPointerdown(o){o.button===0&&(o.stopPropagation(),o.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",o)),this.handlePointermove(o))}render(){const{width:o=0,height:e=0}=this.boundingClientRect||{},a=ur.isAndroid()||ur.isIOS(),n="Color Picker",l=i.o(a?void 0:"2d slider"),d=this.labelX,h=this.labelY,p=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.x),g=new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.y),w=`linear-gradient(to top, black 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%),linear-gradient(to right, white 0%, hsla(${this.hue}, 100%, 0.01%, 0) 100%), hsl(${this.hue}, 100%, 50%);`;return i.x`
-      <div
-        @pointerdown=${this.handleAreaPointerdown}
-        class="gradient"
-        style="background: ${w}"
-      >
-        <slot name="gradient"></slot>
-      </div>
-
-      <luzmo-color-handle
-        tabindex=${i.o(this.focused?void 0:"0")}
-        @focus=${this.forwardFocus}
-        ?focused=${this.focused}
-        class="handle"
-        color=${this.colorController.getHslString()}
-        ?disabled=${this.disabled}
-        style=${`transform: translate(${(this.isLTR?this.x:1-this.x)*o}px, ${e-this.y*e}px);`}
-        ${dt.streamingListener({start:["pointerdown",this.handlePointerdown],streamInside:["pointermove",this.handlePointermove],end:[["pointerup","pointercancel","pointerleave"],this.handlePointerup]})}
-      ></luzmo-color-handle>
-
-      <fieldset
-        class="fieldset"
-        aria-label=${i.o(a?n:void 0)}
-      >
-        <div role="presentation">
-          <input
-            type="range"
-            class="slider"
-            name="x"
-            aria-label=${a?d:`${d} ${n}`}
-            aria-roledescription=${l}
-            aria-orientation="horizontal"
-            aria-valuetext=${a?p:`${p}, ${d}${this._valueChanged?"":`, ${g}, ${h}`}`}
-            min="0"
-            max="1"
-            step=${this.step}
-            tabindex="-1"
-            .value=${String(this.x)}
-            @input=${this.handleInput}
-            @change=${this.handleChange}
-          />
-        </div>
-        <div role="presentation">
-          <input
-            type="range"
-            class="slider"
-            name="y"
-            aria-label=${a?h:`${h} ${n}`}
-            aria-roledescription=${l}
-            aria-orientation="vertical"
-            aria-valuetext=${a?g:`${g}, ${h}${this._valueChanged?"":`, ${p}, ${d}`}`}
-            orient="vertical"
-            min="0"
-            max="1"
-            step=${this.step}
-            tabindex="-1"
-            .value=${String(this.y)}
-            @input=${this.handleInput}
-            @change=${this.handleChange}
-          />
-        </div>
-      </fieldset>
-    `}firstUpdated(o){super.firstUpdated(o),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur),this.addEventListener("keyup",this.handleKeyup),this.addEventListener("keydown",this.handleKeydown)}updated(o){if(super.updated(o),this.x!==this.inputX.valueAsNumber&&(this._x=this.inputX.valueAsNumber),this.y!==this.inputY.valueAsNumber&&(this._y=this.inputY.valueAsNumber),o.has("focused")&&this.focused){const e=this.inputX.parentElement,a=this.inputY.parentElement;if(!e.shadowRoot&&!a.shadowRoot){e.attachShadow({mode:"open"}),a.attachShadow({mode:"open"});const r='<div tabindex="-1"><slot></slot></div>';e.shadowRoot.innerHTML=r,a.shadowRoot.innerHTML=r}}}connectedCallback(){var o;super.connectedCallback(),!this.observer&&window.ResizeObserver&&(this.observer=new window.ResizeObserver(e=>{for(const a of e)this.boundingClientRect=a.contentRect;this.requestUpdate()})),(o=this.observer)==null||o.observe(this)}disconnectedCallback(){var o;(o=this.observer)==null||o.unobserve(this),super.disconnectedCallback()}}X([i.n({type:String,reflect:!0})],R.prototype,"dir",2);X([i.n({type:Boolean,reflect:!0})],R.prototype,"disabled",2);X([i.n({type:Boolean,reflect:!0})],R.prototype,"focused",2);X([i.n({type:String,attribute:"label-x"})],R.prototype,"labelX",2);X([i.n({type:String,attribute:"label-y"})],R.prototype,"labelY",2);X([i.n({type:Boolean,attribute:"is-ltr"})],R.prototype,"isLTR",2);X([i.e(".handle")],R.prototype,"handle",2);X([i.n({type:Number})],R.prototype,"hue",1);X([i.n({type:String})],R.prototype,"value",1);X([i.n({type:String})],R.prototype,"color",1);X([i.n({attribute:!1})],R.prototype,"activeAxis",2);X([i.n({type:Number})],R.prototype,"x",1);X([i.n({type:Number})],R.prototype,"y",1);X([i.n({type:Number})],R.prototype,"step",2);X([i.e('[name="x"]')],R.prototype,"inputX",2);X([i.e('[name="y"]')],R.prototype,"inputY",2);customElements.get("luzmo-color-area")||customElements.define("luzmo-color-area",R);var di=Object.defineProperty,hi=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&di(o,e,r),r};class Le extends lo.LuzmoTextFieldBase{constructor(){super(...arguments),this.viewColor=!1,this._value="",this.cachedColor=null,this.cachedTinyColor=null}static get styles(){return[...super.styles]}set value(o){if(o===this.value)return;const e=this._value;this._value=o,this.requestUpdate("value",e)}get value(){return this._value}getColorValue(){if(!this.value)return"";if(!this.cachedColor||this.cachedColor!==this.value){const o=new S(this.value);this.cachedColor=o.isValid?o.toRgbString():""}return this.cachedColor}renderColorHandle(){return this.viewColor?i.x`
-          <luzmo-color-handle
-            size="m"
-            color=${this.getColorValue()}
-          ></luzmo-color-handle>
-        `:i.x``}render(){return this.viewColor&&Promise.resolve().then(()=>Ya),i.x` ${super.render()} ${this.renderColorHandle()} `}checkValidity(){let o=super.checkValidity();return this.value&&((!this.cachedTinyColor||this.cachedTinyColor.originalInput!==this.value)&&(this.cachedTinyColor=new S(this.value)),this.valid=o=this.cachedTinyColor.isValid,this.invalid=!o),o}}hi([i.n({type:Boolean,attribute:"view-color"})],Le.prototype,"viewColor");customElements.get("luzmo-color-field")||customElements.define("luzmo-color-field",Le);customElements.get("luzmo-color-loupe")||customElements.define("luzmo-color-loupe",ht);const bi='@media (forced-colors: active){:host{--highcontrast-swatch-disabled-icon-color: GrayText;--highcontrast-swatch-focus-indicator-color: ButtonText;--highcontrast-swatch-background-color-selected: Background;--highcontrast-swatch-border-color-selected: Highlight;--highcontrast-swatch-border-color: ButtonText;--highcontrast-swatch-fill-foreground-color: ButtonText}.fill{forced-color-adjust:none}:host([disabled]){--highcontrast-swatch-border-color: GrayText}}:host{box-sizing:border-box;inline-size:var(--luzmo-swatch-size, var(--swatch-size));block-size:var(--luzmo-swatch-size, var(--swatch-size));-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;display:flex;position:relative}.disabled-icon{inline-size:var(--luzmo-swatch-disabled-icon-size, var(--swatch-disabled-icon-size));block-size:var(--luzmo-swatch-disabled-icon-size, var(--swatch-disabled-icon-size))}:host,:host:before{border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius))}:host([selected]){background-color:var(--highcontrast-swatch-background-color-selected, var(--luzmo-swatch-inner-border-color-selected, var(--swatch-inner-border-color-selected)))}:host([selected]) .fill:before{box-shadow:none;border-radius:0}:host([selected]):before{opacity:1}:host .is-image .fill:before{background-color:initial}:host([mixed-value]) .fill{background:none;background:var(--picked-color, transparent)}:host([mixed-value]) .mixed-value-icon{color:var(--swatch-dash-icon-color);display:block}:host([nothing]) .fill{background-color:initial;background-color:var(--picked-color, transparent);background-image:none}:host([nothing]) .fill:after{inline-size:var(--luzmo-swatch-slash-thickness, var(--swatch-slash-thickness));content:"";block-size:200%;background:var(--highcontrast-swatch-fill-foreground-color, var(--luzmo-swatch-slash-icon-color, var(--swatch-slash-icon-color)));position:absolute;transform:rotate(-45deg)}:host([nothing][shape=rectangle]) .fill:after{transform:rotate(-25deg)}:host([disabled]) .disabled-icon{display:block}:host:before{content:"";border-width:var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected));border-style:solid;border-color:var(--highcontrast-swatch-border-color-selected, var(--luzmo-swatch-border-color-selected, var(--swatch-border-color-selected)));opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}:host:after{content:"";inset:calc(var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)) * -2);opacity:0;border-width:var(--luzmo-swatch-focus-indicator-width, var(--swatch-focus-indicator-width));border-style:solid;border-color:var(--highcontrast-swatch-focus-indicator-color, var(--luzmo-swatch-focus-indicator-color, var(--swatch-focus-indicator-color)));border-radius:var(--luzmo-swatch-focus-indicator-border-radius, var(--swatch-focus-indicator-border-radius));transition:opacity var(--luzmo-animation-duration) ease-in-out;position:absolute}:host(:focus-visible):after{opacity:1}.fill{inline-size:100%;block-size:100%;box-sizing:border-box;border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.fill:before{content:"";z-index:0;box-sizing:border-box;box-shadow:inset 0 0 0 var(--luzmo-swatch-border-thickness, var(--swatch-border-thickness)) var(--highcontrast-swatch-border-color, var(--luzmo-swatch-border-color, var(--swatch-border-color)));border-radius:var(--luzmo-swatch-border-radius, var(--swatch-border-radius));position:absolute;top:0;right:0;bottom:0;left:0}:host([border=none]) .fill:before,.fill:before{background-color:initial;background-color:var(--picked-color, transparent)}:host([border=none]) .fill:before{box-shadow:none}.mixed-value-icon{pointer-events:none;color:#0000;color:var(--picked-color, transparent);display:none}.disabled-icon{z-index:1;pointer-events:none;color:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)));stroke:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)));display:none;position:relative}.disabled-icon path:first-child{fill:var(--highcontrast-swatch-disabled-icon-color, var(--luzmo-swatch-disabled-icon-color, var(--swatch-disabled-icon-color)))}.disabled-icon path:last-child{fill:var(--luzmo-swatch-icon-border-color, var(--swatch-icon-border-color))}:host([shape=rectangle]){inline-size:calc(var(--luzmo-swatch-size, var(--swatch-size)) * 2)}:host([rounding=none]),:host([rounding=none]) .fill,:host([rounding=none]) .fill:before,:host([rounding=none][selected]) .fill,:host([rounding=none][selected]) .fill:before,:host([rounding=none]):after,:host([rounding=none]):before{border-radius:0}:host([rounding=full][selected]:not([shape=rectangle])) .fill,:host([rounding=full][selected]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])),:host([rounding=full]:not([shape=rectangle])) .fill,:host([rounding=full]:not([shape=rectangle])) .fill:before,:host([rounding=full]:not([shape=rectangle])):after,:host([rounding=full]:not([shape=rectangle])):before{border-radius:100%}:host([selected]) .fill{width:calc(var(--luzmo-swatch-size, var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)));height:calc(var(--luzmo-swatch-size, var(--swatch-size)) - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)))}:host([selected][shape=rectangle]) .fill{width:calc(var(--luzmo-swatch-size, var(--swatch-size)) * 2 - 2 * var(--luzmo-swatch-border-thickness-selected, var(--swatch-border-thickness-selected)) + -2 * var(--luzmo-swatch-focus-indicator-gap, var(--swatch-focus-indicator-gap)))}::slotted([slot=image]){object-fit:contain;inline-size:100%;block-size:100%;transition:width var(--luzmo-animation-duration) ease-in-out,height var(--luzmo-animation-duration) ease-in-out}:host([size=xl]){--swatch-size: var(--luzmo-component-height-xl);--swatch-disabled-icon-size: 24px;--swatch-slash-thickness: 6px}:host([size=l]){--swatch-size: var(--luzmo-component-height-l);--swatch-disabled-icon-size: 20px;--swatch-slash-thickness: 5px}:host([size=s]){--swatch-size: var(--luzmo-component-height-s);--swatch-disabled-icon-size: 16px;--swatch-slash-thickness: 3px}:host([size=xs]){--swatch-size: var(--luzmo-component-height-xs);--swatch-disabled-icon-size: 16px;--swatch-slash-thickness: 2px}:host([size=xxs]){--swatch-size: var(--luzmo-component-height-xxs);--swatch-disabled-icon-size: 14px;--swatch-slash-thickness: 2px}:host{--swatch-size: var(--luzmo-component-height);--swatch-disabled-icon-size: 18px;--swatch-slash-thickness: 4px}:host{--swatch-border-radius: var(--luzmo-border-radius-s);--swatch-focus-indicator-border-radius: var(--luzmo-border-radius-s);--swatch-border-thickness: var(--luzmo-border-width);--swatch-border-thickness-selected: var(--luzmo-border-width);--swatch-focus-indicator-width: var(--luzmo-indicator-width);--swatch-focus-indicator-gap: var(--luzmo-indicator-gap);--swatch-border-color: var(--luzmo-border-color-down);--swatch-icon-border-color: var(--luzmo-border-color);--swatch-border-color-selected: var(--luzmo-border-color-full-down);--swatch-inner-border-color-selected: var(--luzmo-background-color);--swatch-disabled-icon-color: rgb(255, 255, 255);--swatch-dash-icon-color: var(--luzmo-font-color);--swatch-slash-icon-color: var(--luzmo-color-negative);--swatch-focus-indicator-color: var(--luzmo-primary)}.fill:before{background:var(--picked-color, transparent)}:host([border=none]) .fill:before{background:var(--picked-color, transparent)}:host .is-image .fill:before{background:#0000}:host .opacity-checkerboard{background:repeating-conic-gradient(var(--luzmo-swatch-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-swatch-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-swatch-checkerboard-position, left top)/calc(var(--luzmo-swatch-checkerboard-size, 8px) * 2) calc(var(--luzmo-swatch-checkerboard-size, 8px) * 2)}';var pi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,ko=(t,o,e,a)=>{for(var r=a>1?void 0:a?vi(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&pi(o,e,r),r};class so extends i.SizedMixin(_o.Focusable,{validSizes:["xxs","xs","s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.color="",this.label="",this.mixedValue=!1,this.nothing=!1,this.role="button",this.selected=!1,this.readonly=!1,this.renderDisabled=()=>i.x`
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      class="disabled-icon"
-      viewBox="0 0 20 20"
-    >
-      <path
-        d="M9.889,1a8.889,8.889,0,1,0,8.889,8.889A8.889,8.889,0,0,0,9.889,1Zm6.667,8.889a6.635,6.635,0,0,1-1.233,3.863l-9.3-9.3A6.667,6.667,0,0,1,16.556,9.889Zm-13.333,0A6.636,6.636,0,0,1,4.455,6.026l9.3,9.3A6.667,6.667,0,0,1,3.222,9.889Z"
-        stroke="none"
-        fill="var(--swatch-disabled-icon-color)"
-      />
-      <path
-        d="M 9.888889312744141 1 C 4.979689598083496 1 1 4.979689598083496 1 9.888889312744141 C 1 14.7980899810791 4.979689598083496 18.77777862548828 9.888889312744141 18.77777862548828 C 14.7980899810791 18.77777862548828 18.77777862548828 14.7980899810791 18.77777862548828 9.888889312744141 C 18.77777862548828 4.979689598083496 14.7980899810791 1 9.888889312744141 1 M 15.32277870178223 13.75166893005371 L 6.02610969543457 4.454998970031738 C 8.059318542480469 3.009572982788086 10.72937774658203 2.820217132568359 12.9462194442749 3.964249610900879 C 15.16304969787598 5.10828971862793 16.55568885803223 7.394259452819824 16.5555591583252 9.888889312744141 C 16.55776977539062 11.27357959747314 16.126708984375 12.62425994873047 15.32277870178223 13.75166893005371 M 9.888258934020996 16.55648612976074 C 8.843273162841797 16.55648612976074 7.794573783874512 16.31111145019531 6.831318855285645 15.8139591217041 C 4.614439010620117 14.66977882385254 3.221879959106445 12.38361930847168 3.222219467163086 9.888889312744141 C 3.220088958740234 8.504219055175781 3.651140213012695 7.153559684753418 4.454998970031738 6.02610969543457 L 13.75166893005371 15.32333946228027 C 12.60186290740967 16.14075088500977 11.24825286865234 16.55648612976074 9.888258934020996 16.55648612976074 M 9.888889312744141 0 C 15.34163951873779 0 19.77777862548828 4.436139106750488 19.77777862548828 9.888889312744141 C 19.77777862548828 15.34163951873779 15.34163951873779 19.77777862548828 9.888889312744141 19.77777862548828 C 4.436139106750488 19.77777862548828 0 15.34163951873779 0 9.888889312744141 C 0 4.436139106750488 4.436139106750488 0 9.888889312744141 0 Z M 15.10232830047607 12.11699867248535 C 15.40205764770508 11.41858959197998 15.55679702758789 10.66494941711426 15.5555591583252 9.89048957824707 C 15.5556697845459 7.759209632873535 14.38009929656982 5.829549789428711 12.48761940002441 4.852889060974121 C 11.68764972686768 4.440059661865234 10.78924942016602 4.22184944152832 9.889529228210449 4.22184944152832 C 9.114802360534668 4.22184944152832 8.360831260681152 4.377038955688477 7.661839485168457 4.676509857177734 L 15.10232830047607 12.11699867248535 Z M 12.11597919464111 15.10181331634521 L 4.675475120544434 7.660861015319824 C 4.375750541687012 8.359296798706055 4.221027374267578 9.112875938415527 4.222219467163086 9.887349128723145 C 4.221929550170898 12.01874923706055 5.397418975830078 13.94855880737305 7.289958953857422 14.92533874511719 C 8.08997917175293 15.3382396697998 8.988459587097168 15.55648994445801 9.888258934020996 15.55648994445801 C 10.66298007965088 15.55648994445801 11.41698551177979 15.40128421783447 12.11597919464111 15.10181331634521 Z"
-        stroke="none"
-        fill="var(--swatch-disabled-icon-stroke-color)"
-      />
-    </svg>
-  `,this.renderMixedValue=()=>C.O2(C.$)}static get styles(){return[i.r(bi)]}get value(){return this._value||this.color||this.label}set value(o){if(o===this._value)return;const e=this.value;this._value=o,this.requestUpdate("value",e)}get focusElement(){return this}toggle(o){this.readonly||(this.selected=o??!this.selected)}handleClick(){if(this.disabled||this.mixedValue)return;this.toggle(),this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||this.toggle()}handleKeydown(o){const{code:e}=o;switch(e){case"Space":{o.preventDefault(),this.addEventListener("keyup",this.handleKeyup);break}}}handleKeypress(o){const{code:e}=o;switch(e){case"Enter":case"NumpadEnter":{this.click();break}}}handleKeyup(o){const{code:e}=o;switch(e){case"Space":{this.removeEventListener("keyup",this.handleKeyup),this.click();break}}}render(){return i.x`
-      <div
-        class="opacity-checkerboard fill"
-        style=${i.o(this.color?`--picked-color: ${this.color}`:void 0)}
-      >
-        <slot name="image"></slot>
-        ${xe(this.disabled,this.renderDisabled)}
-        ${xe(this.mixedValue,this.renderMixedValue)}
-      </div>
-    `}willUpdate(o){var e;if(this.getAttribute("role")||this.setAttribute("role","button"),(o.has("selected")||o.has("role"))&&!this.readonly){const a=this.role==="button"?"aria-pressed":"aria-checked",r=this.role==="button"?"aria-checked":"aria-pressed";o.has("role")&&this.removeAttribute(r),this.setAttribute(a,this.selected?"true":"false")}(o.has("label")||o.has("color")||o.has("mixedValue"))&&(this.label!==this.color&&((e=this.label)!=null&&e.length)?this.setAttribute("aria-label",this.label):this.color?this.setAttribute("aria-label",this.color):this.mixedValue?this.setAttribute("aria-label","Mixed"):this.removeAttribute("aria-label"))}firstUpdated(o){super.firstUpdated(o),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("keypress",this.handleKeypress),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}}ko([i.n({reflect:!0})],so.prototype,"border",2);ko([i.n()],so.prototype,"color",2);ko([i.n()],so.prototype,"label",2);ko([i.n({type:Boolean,reflect:!0,attribute:"mixed-value"})],so.prototype,"mixedValue",2);ko([i.n({type:Boolean,reflect:!0})],so.prototype,"nothing",2);ko([i.n({reflect:!0})],so.prototype,"role",2);ko([i.n({reflect:!0})],so.prototype,"rounding",2);ko([i.n({type:Boolean,reflect:!0})],so.prototype,"selected",2);ko([i.n({type:Boolean,reflect:!0})],so.prototype,"readonly",2);ko([i.n({reflect:!0})],so.prototype,"shape",2);ko([i.n()],so.prototype,"value",1);const mi=":host{justify-content:flex-start;align-items:flex-start;gap:var(--luzmo-swatch-group-spacing-regular, var(--swatch-group-spacing-regular));flex-flow:wrap;display:inline-flex}:host([density=compact]){gap:var(--luzmo-swatch-group-spacing-compact, var(--swatch-group-spacing-compact))}:host([density=spacious]){gap:var(--luzmo-swatch-group-spacing-spacious, var(--swatch-group-spacing-spacious))}:host{--swatch-group-spacing-compact: 2px;--swatch-group-spacing-regular: 4px;--swatch-group-spacing-spacious: 8px}";var gi=Object.defineProperty,fi=Object.getOwnPropertyDescriptor,et=(t,o,e,a)=>{for(var r=a>1?void 0:a?fi(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&gi(o,e,r),r};class Mo extends i.SizedMixin(i.LuzmoElement,{validSizes:["xs","s","m","l"],noDefaultSize:!0}){constructor(){super(),this._selected=[],this.selectedSet=new Set,this.rovingTabindexController=new Ht.RovingTabindexController(this,{focusInIndex:o=>{let e=-1;const a=o.findIndex((r,n)=>(!o[e]&&!r.disabled&&(e=n),r.selected&&!r.disabled));return o[a]?a:e},elements:()=>this.swatches,isFocusableElement:o=>!o.disabled}),this.manageChange=async()=>{const o=new Set;this.selectedSet=new Set(this.selected),await Promise.all(this.swatches.map(e=>e.updateComplete)),this.swatches.forEach(e=>{o.add(e.value),e.selected&&this.selectedSet.add(e.value)}),this.selectedSet.forEach(e=>{o.has(e)||this.selectedSet.delete(e)}),this._selected=[...this.selectedSet],this.rovingTabindexController.clearElementCache()},new pt.s(this,{config:{attributes:!0,childList:!0,subtree:!0},callback:()=>{this.manageChange()}})}static get styles(){return[i.r(mi)]}get selected(){return this._selected}set selected(o){if(o===this.selected)return;const e=this.selected;this._selected=o,this.requestUpdate("selected",e)}focus(o){this.rovingTabindexController.focus(o)}handleChange(o){o.stopPropagation();const e=this.selected;if(!this.selects){o.preventDefault();return}if(this.selects==="single"){const{target:r}=o;if(r.tabIndex=0,r.selected=!0,this.selectedSet.has(r.value))return;this.selectedSet.clear(),this.selectedSet.add(r.value),this.rovingTabindexController.elements.forEach(n=>{n!==r&&(n.selected=!1)})}else if(this.selects==="multiple"){const{target:r}=o;r.selected?this.selectedSet.add(r.value):this.selectedSet.delete(r.value)}this._selected=[...this.selectedSet],this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0}))||(this._selected=e,o.preventDefault())}getPassthroughSwatchActions(o){const e={};o.has("selects")&&(this.selects||o.get("selects")!==void 0)&&(e.selects=this.selects),o.has("border")&&(this.border||o.get("border")!==void 0)&&(e.border=this.border),o.has("rounding")&&(this.rounding||o.get("rounding")!==void 0)&&(e.rounding=this.rounding),o.has("size")&&(this.size!=="m"||o.get("size")!==void 0)&&(e.size=this.size),o.has("shape")&&(this.shape||o.get("shape")!==void 0)&&(e.shape=this.shape);const a=[];return Object.keys(e).length>0&&a.push(r=>{"border"in e&&(r.border=e.border),"rounding"in e&&(r.rounding=e.rounding),"shape"in e&&(r.shape=e.shape),"size"in e&&(r.size=e.size)}),a}getSelectionSwatchActions(o){const e=[];if(!o.has("selects"))return e;this.selects?this.setAttribute("role",this.selects==="single"?"radiogroup":"group"):this.removeAttribute("role");const a={single:"radio",multiple:"checkbox"},r=this.selects?a[this.selects]:"button";return e.push(n=>{n.setAttribute("role",r)}),e}render(){return i.x`
-      <slot
-        @change=${this.handleChange}
-        @slotchange=${this.manageChange}
-      ></slot>
-    `}willUpdate(o){const e=[...this.getPassthroughSwatchActions(o),...this.getSelectionSwatchActions(o)];let a=new Set(this.selected);const r=new Set;o.has("selected")&&e.push(l=>{r.add(l.value),l.selected=!!(a.has(l.value)||!this.hasUpdated&&l.selected)});const n=()=>{a=new Set(this.selected),this.swatches.forEach(l=>{e.forEach(d=>{d(l)})}),o.has("selected")&&(this._selected=[...a.values()].filter(l=>r.has(l)))};this.hasUpdated?n():this.renderRoot.addEventListener("slotchange",()=>{requestAnimationFrame(n)},{once:!0})}}et([i.n({reflect:!0})],Mo.prototype,"border",2);et([i.n({reflect:!0})],Mo.prototype,"density",2);et([i.n({reflect:!0})],Mo.prototype,"rounding",2);et([i.n({type:Array})],Mo.prototype,"selected",1);et([i.n()],Mo.prototype,"selects",2);et([i.n({reflect:!0})],Mo.prototype,"shape",2);et([yo.o$1({flatten:!0})],Mo.prototype,"swatches",2);customElements.get("luzmo-swatch")||customElements.define("luzmo-swatch",so);customElements.get("luzmo-swatch-group")||customElements.define("luzmo-swatch-group",Mo);const zi='.opacity-checkerboard{position:absolute;block-size:100%;inline-size:100%;background:repeating-conic-gradient(var(--luzmo-color-loupe-checkerboard-light, rgb(255, 255, 255)) 0 25%,var(--luzmo-color-loupe-checkerboard-dark, rgb(230, 230, 230)) 0 50%) var(--luzmo-color-loupe-checkerboard-position, left top)/calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2) calc(var(--luzmo-color-loupe-checkerboard-size, 8px) * 2)}:host{--luzmo-color-slider-gradient-fallback: rgb(255 0 0) 0%, rgb(255 255 0) 17%, rgb(0 255 0) 33%, rgb(0 255 255) 50%, rgb(0 0 255) 67%, rgb(255 0 255) 83%, rgb(255 0 0) 100%;touch-action:none}:host([vertical]) .handle{inset-block-start:unset;inset-block-end:0}:host([vertical]) .slider{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}:host(:focus){outline:none}.gradient{overflow:hidden}::slotted(*){width:100%;height:100%}@media (forced-colors: active){:host{--highcontrast-color-slider-border-color: CanvasText;--highcontrast-color-slider-border-color-disabled: GrayText;--highcontrast-color-slider-background-color-disabled: Canvas;forced-color-adjust:none}}:host{--luzmo-color-handle-hitarea-border-radius: var( --luzmo-color-slider-handle-hitarea-border-radius, 0px );min-inline-size:var(--luzmo-color-slider-minimum-length, 80px);inline-size:var(--luzmo-color-slider-length, 192px);block-size:var(--luzmo-color-slider-control-track-width, 24px);-webkit-user-select:none;user-select:none;cursor:default;display:block;position:relative}:host([focused]){z-index:2}:host([disabled]){pointer-events:none}:host([disabled]) .gradient{display:none}:host([vertical]){min-block-size:var(--luzmo-color-slider-vertical-minimum-height, var(--luzmo-color-slider-minimum-length, 80px));block-size:var(--luzmo-color-slider-vertical-height, var(--luzmo-color-slider-length, 192px));min-inline-size:0;inline-size:var(--luzmo-color-slider-vertical-control-track-width, var(--luzmo-color-slider-control-track-height, 24px));display:inline-block}:host([vertical]) .handle{inset-inline-start:50%}.handle{inset-block-start:50%;inset-inline-start:0}.checkerboard{--luzmo-color-slider-border-color-local: var( --highcontrast-color-slider-border-color, var(--luzmo-color-slider-border-color, var(--luzmo-border-color)) )}.checkerboard:before{content:"";z-index:1;box-shadow:inset 0 0 0 var(--luzmo-color-slider-border-width, var(--luzmo-border-width)) var(--luzmo-color-slider-border-color-local);border-radius:var(--luzmo-color-slider-border-rounding, var(--luzmo-border-radius-s));position:absolute;top:0;right:0;bottom:0;left:0}:host([disabled]) .checkerboard{--luzmo-color-slider-border-color-local: var( --highcontrast-color-slider-border-color-disabled, var(--luzmo-color-slider-border-color-disabled, var(--luzmo-dimmed-color)) );background:var(--highcontrast-color-slider-background-color-disabled, var(--luzmo-color-slider-background-color-disabled, var(--luzmo-dimmed-color)))}.checkerboard,.gradient{inline-size:100%;block-size:100%;border-radius:var(--luzmo-color-slider-border-rounding, var(--luzmo-border-radius-s))}.gradient:dir(rtl),:host([dir=rtl]) .gradient{transform:scaleX(-1)}.slider{opacity:0;inline-size:100%;block-size:100%;z-index:0;pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:0}';var wi=Object.defineProperty,xi=Object.getOwnPropertyDescriptor,co=(t,o,e,a)=>{for(var r=a>1?void 0:a?xi(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&wi(o,e,r),r};class Q extends _o.Focusable{constructor(){super(...arguments),this.disabled=!1,this.focused=!1,this.label="hue",this.vertical=!1,this.languageResolver=new dt.LanguageResolutionController(this),this.colorController=new Pr(this,{applyColorToState:()=>{if(this.mode==="opacity"){const o=new S(this.colorController.color);this.sliderHandlePosition=100*o.getAlpha()}else this.sliderHandlePosition=100*(this.colorController.hue/360)},extractColorFromState:o=>this.mode==="opacity"?{...o.getColor("hsl"),a:this.value}:{...o.getColor("hsl"),h:this.value},maintains:"saturation"}),this.sliderHandlePosition=0,this.step=1,this.isLTR=!0,this._altered=0,this._pointerDown=!1}static get styles(){return[i.r(zi)]}get value(){return this.mode==="opacity"?this.colorController.opacity:this.colorController.hue}set value(o){this.mode==="opacity"?this.colorController.opacity=o:this.colorController.hue=o}get color(){return this.colorController.color}set color(o){this.colorController.color=o}get altered(){return this._altered}set altered(o){this._altered=o,this.step=Math.max(1,this.altered*10)}get focusElement(){return this.input}handleKeydown(o){const{key:e}=o;this.focused=!0,this.altered=[o.shiftKey,o.ctrlKey,o.altKey].filter(l=>!!l).length;let a=0;switch(e){case"ArrowUp":{a=this.step;break}case"ArrowDown":{a=-this.step;break}case"ArrowLeft":{a=this.step*(this.isLTR?-1:1);break}case"ArrowRight":{a=this.step*(this.isLTR?1:-1);break}default:return}o.preventDefault();const n=100/(this.mode==="opacity"?100:360);this.sliderHandlePosition=Math.min(100,Math.max(0,this.sliderHandlePosition+a*n)),this.value=this.mode==="opacity"?Math.min(1,Math.max(0,this.value+a/100)):Math.min(360,Math.max(0,this.value+a)),this.colorController.applyColorFromState(),a!==0&&(this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleInput(o){const{valueAsNumber:e}=o.target;this.value=e,this.sliderHandlePosition=100*(this.mode==="opacity"?this.value:this.value/360),this.colorController.applyColorFromState()}handleChange(o){this.handleInput(o),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}focus(o={}){super.focus(o),this.forwardFocus()}forwardFocus(){this.input.focus()}handleFocus(){this.focused=!0}handleBlur(){this._pointerDown||(this.altered=0,this.focused=!1)}handlePointerdown(o){if(o.button!==0){o.preventDefault();return}this._pointerDown=!0,this.colorController.savePreviousColor(),this.boundingClientRect=this.getBoundingClientRect(),o.target.setPointerCapture(o.pointerId),o.pointerType==="mouse"&&(this.focused=!0)}handlePointermove(o){this.sliderHandlePosition=this.calculateHandlePosition(o),this.value=(this.mode==="opacity"?1:360)*(this.sliderHandlePosition/100),this.colorController.applyColorFromState(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0,cancelable:!0}))}handlePointerup(o){this._pointerDown=!1,o.target.releasePointerCapture(o.pointerId),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0,cancelable:!0}))||this.colorController.restorePreviousColor(),this.focus(),o.pointerType==="mouse"&&(this.focused=!1)}calculateHandlePosition(o){if(!this.boundingClientRect)return this.sliderHandlePosition;const e=this.boundingClientRect,a=this.vertical?e.top:e.left,r=this.vertical?o.clientY:o.clientX,n=this.vertical?e.height:e.width,l=Math.max(0,Math.min(1,(r-a)/n));return this.vertical||!this.isLTR?100-100*l:100*l}handleGradientPointerdown(o){o.button===0&&(o.stopPropagation(),o.preventDefault(),this.handle.dispatchEvent(new PointerEvent("pointerdown",o)),this.handlePointermove(o))}get handlePositionStyles(){return`${this.vertical?"inset-block-end":"inset-inline-start"}: ${this.sliderHandlePosition}%`}get getColorSliderStyle(){const o=this.vertical?"top":"right";if(this.mode==="opacity"){const e=new S(this.colorController.color).setAlpha(1).toRgbString();return{background:`linear-gradient(to ${o}, transparent, ${e})`}}return{background:`linear-gradient(to ${o}, var(--luzmo-color-slider-gradient, var(--luzmo-color-slider-gradient-fallback)))`}}render(){return i.x`
-      <div
-        class="opacity-checkerboard checkerboard"
-        role="presentation"
-        @pointerdown=${this.handleGradientPointerdown}
-      >
-        <div
-          class="gradient"
-          role="presentation"
-          style=${yo.o(this.getColorSliderStyle)}
-        >
-          <slot name="gradient"></slot>
-        </div>
-      </div>
-      <luzmo-color-handle
-        tabindex=${i.o(this.focused?void 0:"0")}
-        @focus=${this.forwardFocus}
-        ?focused=${this.focused}
-        class="handle"
-        color=${this.mode==="opacity"?this.color:"hsl("+this.value+", 100%, 50%)"}
-        ?disabled=${this.disabled}
-        style=${this.handlePositionStyles}
-        ${dt.streamingListener({start:["pointerdown",this.handlePointerdown],streamInside:["pointermove",this.handlePointermove],end:[["pointerup","pointercancel","pointerleave"],this.handlePointerup]})}
-      ></luzmo-color-handle>
-      <input
-        type="range"
-        class="slider"
-        min="0"
-        max=${this.mode==="opacity"?"100":"360"}
-        aria-orientation=${i.o(this.vertical?"vertical":void 0)}
-        orient=${i.o(this.vertical?"vertical":void 0)}
-        step=${this.step}
-        aria-label=${this.label}
-        .value=${String(this.mode==="opacity"?this.value*100:this.value)}
-        aria-valuetext=${`${new Intl.NumberFormat(this.languageResolver.language,{maximumFractionDigits:0,minimumIntegerDigits:1,style:"unit",unit:this.mode==="opacity"?"percent":"degree",unitDisplay:"narrow"}).format(this.mode==="opacity"?this.value*100:this.value)}`}
-        @input=${this.handleInput}
-        @change=${this.handleChange}
-        @keydown=${this.handleKeydown}
-      />
-    `}firstUpdated(o){super.firstUpdated(o),this.boundingClientRect=this.getBoundingClientRect(),this.addEventListener("focus",this.handleFocus),this.addEventListener("blur",this.handleBlur)}updated(o){o.has("mode")&&(this.handle.style.insetInlineStart="",this.handle.style.insetBlockEnd="",this.mode==="opacity"&&(this.colorController.color=new S(this.colorController.color).toRgbString(),this.handle.style.insetInlineStart=100*this.colorController.opacity+"%"))}}co([i.n({type:String,reflect:!0})],Q.prototype,"dir",2);co([i.n({type:String,reflect:!0})],Q.prototype,"mode",2);co([i.n({type:Boolean,reflect:!0})],Q.prototype,"disabled",2);co([i.n({type:Boolean,reflect:!0})],Q.prototype,"focused",2);co([i.e(".handle")],Q.prototype,"handle",2);co([i.n({type:String})],Q.prototype,"label",2);co([i.n({type:Boolean,reflect:!0})],Q.prototype,"vertical",2);co([i.n({type:Number})],Q.prototype,"value",1);co([i.n({type:Number,reflect:!0})],Q.prototype,"sliderHandlePosition",2);co([i.n({type:String})],Q.prototype,"color",1);co([i.n({type:Number})],Q.prototype,"step",2);co([i.n({type:Boolean,attribute:"is-ltr"})],Q.prototype,"isLTR",2);co([i.e("input")],Q.prototype,"input",2);customElements.get("luzmo-color-slider")||customElements.define("luzmo-color-slider",Q);const yi='@charset "UTF-8";:host{width:var(--luzmo-color-menu-width, var(--color-menu-width))}.hue-opacity-text-swatches-container{display:flex;gap:var(--luzmo-color-menu-color-controls-vertical-gap, var(--color-menu-color-controls-vertical-gap));flex-direction:column;padding:var(--luzmo-color-menu-hue-opacity-text-swatches-vertical-padding, var(--color-menu-hue-opacity-text-swatches-vertical-padding)) var(--luzmo-color-menu-hue-opacity-text-swatches-horizontal-padding, var(--color-menu-hue-opacity-text-swatches-horizontal-padding))}.swatch-sliders-container{display:flex;gap:var(--luzmo-color-menu-swatch-to-sliders-space, var(--color-menu-swatch-to-sliders-space))}.swatch-example-container{display:flex;align-items:center}.field-container{display:flex;align-items:center;gap:var(--luzmo-color-menu-format-field-to-format-space, var(--color-menu-format-field-to-format-space))}.format-container{text-transform:uppercase;position:relative;background:none;border:none;outline:none;height:var(--luzmo-color-menu-format-height, var(--color-menu-format-height));cursor:pointer;font-size:var(--luzmo-color-menu-format-font-size, var(--color-menu-format-font-size));display:flex;align-items:center;color:var(--luzmo-color-menu-format-font-color, var(--color-menu-format-font-color));gap:var(--luzmo-color-menu-format-name-to-icon, var(--color-menu-format-name-to-icon-space));padding:0 var(--luzmo-color-menu-format-horizontal-padding, var(--color-menu-format-horizontal-padding))}.format-container:hover{color:var(--luzmo-color-menu-format-font-color-hover, var(--color-menu-format-font-color-hover))}.format-container:focus-visible{outline:none}.format-container:focus-visible:after{content:"";width:100%;height:100%;position:absolute;box-sizing:border-box;left:0;top:0;border:var(--luzmo-color-menu-format-indicator-width, var(--luzmo-indicator-width)) solid var(--luzmo-color-menu-format-indicator-color, var(--luzmo-indicator-color));border-radius:var(--luzmo-color-menu-format-label-indicator-border-radius, var(--luzmo-border-radius-s))}.format-container:focus-visible,.format-container:active{color:var(--luzmo-color-menu-format-font-color-down, var(--color-menu-format-font-color-down))}.format-container .format-label{-webkit-user-select:none;user-select:none}.format-container .angle-icon{display:flex;align-items:center;height:calc(var(--color-menu-format-font-size) / 1.5)}.slider-container{display:flex;flex-direction:column;justify-content:center;gap:var(--luzmo-color-menu-slider-gap, var(--color-menu-slider-gap))}luzmo-color-area{width:100%;height:var(--luzmo-color-menu-height, var(--color-menu-height))}luzmo-color-slider{width:100%}luzmo-divider{margin:var(--luzmo-spacing-5) à}.swatches-container{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--luzmo-color-menu-swatches-gap, var(--color-menu-swatches-gap))}.swatches-container luzmo-swatch{cursor:pointer}.swatches-container .swatch-choice{display:flex;align-items:center;justify-content:center}:host{--luzmo-text-field-icon-size-valid: 0px;--luzmo-text-field-icon-spacing-inline-end-valid: 1px;--luzmo-text-field-text-align: center}:host{--color-menu-width: 290px;--luzmo-text-field-width: 220px;--luzmo-color-slider-control-track-width: 8px;--color-menu-height: 140px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-5 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-5);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height);--color-menu-format-font-size: var(--luzmo-font-size-s);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-2);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-3);--color-menu-format-font-color: var(--luzmo-font-color);--color-menu-format-font-color-hover: var(--luzmo-font-color-hover);--color-menu-format-font-color-down: var(--luzmo-font-color-down);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host .swatches-container{--luzmo-swatch-size: 22px}:host([size=s]){--color-menu-width: 260px;--luzmo-text-field-width: 200px;--luzmo-color-slider-control-track-width: 8px;--color-menu-hue-opacity-text-swatches-horizontal-padding: var( --luzmo-spacing-5 );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-4 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-4);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-4);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height-s);--color-menu-format-font-size: var(--luzmo-font-size-xs);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-2);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-2);--color-menu-swatches-gap: var(--luzmo-spacing-3)}:host([size=s]) .swatches-container{--luzmo-swatch-size: 20px}:host([size=l]){--color-menu-width: 350px;--luzmo-text-field-width: 240px;--luzmo-color-slider-control-track-width: 16px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-hue-opacity-text-swatches-vertical-padding: var( --luzmo-spacing-5 );--color-menu-color-controls-vertical-gap: var(--luzmo-spacing-5);--color-menu-swatch-to-sliders-space: var(--luzmo-spacing-5);--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-format-height: var(--luzmo-component-height-l);--color-menu-format-font-size: var(--luzmo-font-size);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-3);--color-menu-format-field-to-format-space: var(--luzmo-spacing-2);--color-menu-format-horizontal-padding: var(--luzmo-spacing-4);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host([size=l]) .swatches-container{--luzmo-swatch-size: 24px}:host([size=l]) .swatch-example-container{--luzmo-swatch-size: 56px}:host([size=xl]){--color-menu-width: 380px;--luzmo-text-field-width: 280px;--luzmo-color-slider-control-track-width: 16px;--color-menu-hue-opacity-text-swatches-horizontal-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-2) );--color-menu-hue-opacity-text-swatches-vertical-padding: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-color-controls-vertical-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-swatch-to-sliders-space: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-slider-gap: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--color-menu-format-height: var(--luzmo-component-height-xl);--color-menu-format-font-size: var(--luzmo-font-size-l);--color-menu-format-name-to-icon-space: var(--luzmo-spacing-3);--color-menu-format-field-to-format-space: var(--luzmo-spacing-3);--color-menu-format-horizontal-padding: var(--luzmo-spacing-4);--color-menu-swatches-gap: var(--luzmo-spacing-4)}:host([size=xl]) .swatches-container{--luzmo-swatch-size: 26px}:host([size=xl]) .swatch-example-container{--luzmo-swatch-size: 64px}';var ki=Object.defineProperty,Bo=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&ki(o,e,r),r};const De=class De extends i.SizedMixin(i.LuzmoElement){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.noAlphaChannel=!1,this._alpha=1,this._rgbColor="rgb(255, 0, 0)",this._rgbaColor="rgb(255, 0, 0, 1)",this._previousColor="rgb(255, 0, 0)"}setColor(o){var a;const e=new S((a=o==null?void 0:o.target)==null?void 0:a.color);this._format=e.format==="name"?"rgb":e.format,this._rgbaColor=e.toRgbString(),this._alpha=this.noAlphaChannel?1:e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this.colorFieldElement.value=this.formatTextField(e),this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleAreaChange(o){o.stopPropagation(),o.preventDefault(),this._rgbColor=this.areaElement.color;const e=new S(this._rgbColor);this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(e),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleHueSliderChange(o){o.stopPropagation(),o.preventDefault();const e=new S(this._rgbColor).toHsl();e.h=this.hueSliderElement.value;const a=new S(e);this._rgbColor=a.toRgbString(),this._rgbaColor=a.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.colorFieldElement.value=this.formatTextField(a),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleOpacitySliderChange(o){o.stopPropagation(),o.preventDefault(),this._alpha=this.opacitySliderElement.sliderHandlePosition/100;const e=new S(this._rgbColor).setAlpha(this._alpha);this._rgbaColor=e.toRgbString(),this.colorFieldElement.value=this.formatTextField(e),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}handleFieldChange(o){if(o.stopPropagation(),o.preventDefault(),this.colorFieldElement.checkValidity()){const e=new S(this.colorFieldElement.value);this._format=e.format,this._rgbaColor=e.toRgbString(),this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this.noAlphaChannel&&(this._rgbaColor=this._rgbColor,this._alpha=1),this.hueSliderElement.color=this._rgbColor,this.areaElement.color=this._rgbColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._previousColor=this._rgbaColor,this.color=this._rgbaColor,this.dispatchEvent(new CustomEvent("change",{detail:this.color}))}}formatTextField(o){return this._format==="hsl"?o.toHslString():this._format==="hex"?this.noAlphaChannel?o.toHexString():o.toHex8String():(this._format==="name"&&(this._format="rgb"),o.toRgbString())}cycleFormat(){const o=["rgb","hsl","hex"];this._format=o[(o.indexOf(this._format)+1)%o.length];const e=new S(this.color),a=this.formatTextField(e);this.colorFieldElement.value=a}updated(o){if(o.has("color")&&this.color!==this._previousColor){this._previousColor=this.color;const e=new S(this.color);this._alpha=e.getAlpha(),this._rgbColor=e.setAlpha(1).toRgbString(),this._rgbaColor=e.setAlpha(this._alpha).toRgbString(),this.areaElement.color=this._rgbColor,this.hueSliderElement.color=this._rgbColor,this.colorFieldElement.value=this._rgbaColor,this.noAlphaChannel||(this.opacitySliderElement.color=this._rgbaColor),this.swatchElement.color=this._rgbaColor,this._format="rgb"}o.has("noAlphaChannel")&&!this.noAlphaChannel&&(this.opacitySliderElement.color=this._rgbaColor)}renderOpacitySlider(){return i.x`
-      <luzmo-color-slider
-        id="luzmo-opacity-slider"
-        mode="opacity"
-        @input=${this.handleOpacitySliderChange}
-      >
-      </luzmo-color-slider>
-    `}render(){var o;return i.x`
-      <div>
-        <luzmo-color-area
-          .size=${this.size}
-          @input=${this.handleAreaChange}
-        ></luzmo-color-area>
-        <div class="hue-opacity-text-swatches-container">
-          <div class="swatch-sliders-container">
-            <div class="swatch-example-container">
-              <luzmo-swatch
-                rounding="full"
-                .size=${this.noAlphaChannel&&["s","m"].includes(this.size)?"s":"l"}
-                readonly
-              ></luzmo-swatch>
-            </div>
-            <div class="slider-container" style="flex-grow: 1;">
-              <luzmo-color-slider
-                id="luzmo-hue-slider"
-                @input=${this.handleHueSliderChange}
-              >
-              </luzmo-color-slider>
-              ${this.noAlphaChannel?"":this.renderOpacitySlider()}
-            </div>
-          </div>
-          <div class="field-container">
-            <luzmo-color-field
-              .size=${this.size}
-              @input=${this.handleFieldChange}
-            >
-            </luzmo-color-field>
-            <button
-              class="format-container"
-              aria-label="Color format"
-              @click=${this.cycleFormat}
-              tabindex="0"
-            >
-              <div class="format-label">${this._format}</div>
-              <div class="change-format-icon">
-                <div class="angle-icon">${C.O2(C.b)}</div>
-                <div class="angle-icon">${C.O2(C.T)}</div>
-              </div>
-            </button>
-          </div>
-          ${((o=this.swatches)==null?void 0:o.length)>0?i.x`
-                <luzmo-divider></luzmo-divider>
-                <div class="swatches-container">
-                  ${this.swatches.map(e=>i.x`
-                      <div class="swatch-choice">
-                        <luzmo-swatch
-                          @click=${this.setColor}
-                          .color=${e}
-                          .size=${this.size}
-                          readonly
-                        >
-                        </luzmo-swatch>
-                      </div>
-                    `)}
-                </div>
-              `:""}
-        </div>
-      </div>
-    `}};De.styles=i.r(yi);let io=De;Bo([i.n({type:String,reflect:!0})],io.prototype,"color");Bo([i.n({type:Boolean,reflect:!0,attribute:"no-alpha-channel"})],io.prototype,"noAlphaChannel");Bo([i.n({type:Array,reflect:!0})],io.prototype,"swatches");Bo([i.e("luzmo-color-area")],io.prototype,"areaElement");Bo([i.e("#luzmo-hue-slider")],io.prototype,"hueSliderElement");Bo([i.e("#luzmo-opacity-slider")],io.prototype,"opacitySliderElement");Bo([i.e("luzmo-color-field")],io.prototype,"colorFieldElement");Bo([i.e("luzmo-swatch")],io.prototype,"swatchElement");Bo([ot.r()],io.prototype,"_format");customElements.get("luzmo-color-menu")||customElements.define("luzmo-color-menu",io);const Ci="luzmo-popover{margin-left:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap));margin-right:var(--luzmo-color-picker-popover-horizontal-gap, var(--color-picker-popover-horizontal-gap))}luzmo-swatch{cursor:pointer}:host{--luzmo-popover-content-area-spacing-vertical: 0;--color-picker-popover-horizontal-gap: var(--luzmo-spacing-4)}:host([size=s]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-3)}:host([size=l]),:host([size=xl]){--color-picker-popover-horizontal-gap: var(--luzmo-spacing-5)}";var $i=Object.defineProperty,Co=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&$i(o,e,r),r};const je=class je extends i.SizedMixin(i.LuzmoElement){constructor(){super(...arguments),this.color="rgb(255, 0, 0)",this.open=!1,this.disabled=!1,this.placement="left-start",this.rounding="full",this.swatches=[],this.noAlphaChannel=!1,this._renderMenu=!1}overlayCloseEvent(o){this.open=!1}overlayOpenEvent(o){this.open=!0}handleColorChange(o){this.color=this.menuElement.color,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}firstUpdated(o){this.overlayElement.addEventListener("slottable-request",e=>{this._renderMenu=e.data!==yo.removeSlottableRequest})}updated(o){o.has("open")&&this.open===!0&&(this._renderMenu=!0)}renderColorMenu(){return i.x`
-      <luzmo-color-menu
-        .size=${this.size}
-        .color=${this.color}
-        .noAlphaChannel=${this.noAlphaChannel}
-        .swatches=${this.swatches}
-        @change=${this.handleColorChange}
-      ></luzmo-color-menu>
-    `}render(){return i.x`
-      <luzmo-swatch
-        id="trigger"
-        .shape=${this.shape}
-        .rounding=${this.rounding}
-        .size=${this.size}
-        .color=${this.color}
-        .selected=${this.open&&!this.disabled}
-        ?disabled=${this.disabled}
-        @luzmo-closed=${this.overlayCloseEvent}
-        @luzmo-opened=${this.overlayOpenEvent}
-      ></luzmo-swatch>
-      <luzmo-overlay
-        trigger=${this.disabled?"":"trigger@click"}
-        type="auto"
-        .placement=${this.placement}
-        type="page"
-      >
-        <luzmo-popover style="position:relative">
-          ${this._renderMenu?this.renderColorMenu():i.x``}
-        </luzmo-popover>
-      </luzmo-overlay>
-    `}};je.styles=i.r(Ci);let J=je;Co([i.n({type:String,reflect:!0})],J.prototype,"color");Co([i.n({type:Boolean,reflect:!0})],J.prototype,"open");Co([i.n({type:Boolean,reflect:!0})],J.prototype,"disabled");Co([i.n({type:String,reflect:!0})],J.prototype,"placement");Co([i.n({type:String,reflect:!0})],J.prototype,"rounding");Co([i.n({type:String,reflect:!0})],J.prototype,"shape");Co([i.n({type:Array,reflect:!0})],J.prototype,"swatches");Co([i.n({type:Boolean,reflect:!0,attribute:"no-alpha-channel"})],J.prototype,"noAlphaChannel");Co([i.e("luzmo-color-menu")],J.prototype,"menuElement");Co([i.e("luzmo-overlay")],J.prototype,"overlayElement");Co([ot.r()],J.prototype,"_renderMenu");customElements.get("luzmo-color-picker")||customElements.define("luzmo-color-picker",J);const Si=":host{font-family:var(--luzmo-edit-option-font-family, var(--luzmo-font-family));font-size:var(--luzmo-edit-option-font-size, var(--luzmo-font-size))}:host([size=s]){font-size:var(--luzmo-edit-option-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-option-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-option-font-size-xl, var(--luzmo-font-size-xl))}",Po=t=>{var n,l,d,h,p,g,w,k,f,$,x,E,U,L,O;let o;typeof((n=t.controlInfo)==null?void 0:n.extraLabel)=="function"?o=t.controlInfo.extraLabel(t.options,t.slots,t.theme):typeof((l=t.controlInfo)==null?void 0:l.extraLabel)=="string"&&(o=t.controlInfo.extraLabel),typeof o=="string"&&(o=((g=(p=(h=(d=t.translations)==null?void 0:d.options)==null?void 0:h[t.optionKey])==null?void 0:p.extraLabel)==null?void 0:g[o])??o);let e;typeof((w=t.controlInfo)==null?void 0:w.extraLabelTooltip)=="function"?o=t.controlInfo.extraLabelTooltip(t.options,t.slots,t.theme):typeof((k=t.controlInfo)==null?void 0:k.extraLabelTooltip)=="string"&&(e=t.controlInfo.extraLabelTooltip),typeof e=="string"&&(o=((E=(x=($=(f=t.translations)==null?void 0:f.options)==null?void 0:$[t.optionKey])==null?void 0:x.extraLabelTooltip)==null?void 0:E[e])??e);let a;typeof((U=t.controlInfo)==null?void 0:U.extraLabelHasClickAction)=="function"?a=t.controlInfo.extraLabelHasClickAction(t.options,t.slots,t.theme):typeof((L=t.controlInfo)==null?void 0:L.extraLabelHasClickAction)=="boolean"&&(a=t.controlInfo.extraLabelHasClickAction);const r=typeof((O=t.controlInfo)==null?void 0:O.extraLabelClickAction)=="function"?()=>t.controlInfo.extraLabelClickAction(t.options,t.slots,t.theme):()=>{};return{extraLabel:o,extraLabelTooltip:e,extraLabelHasClickAction:a,extraLabelClickAction:r}},Ao=(t,o)=>{if(o.includes(".")){const e=o.split(".");let a=t;for(let n=0;n<e.length-1;n++)a=a[e[n]]??{};const r=e.length-1;return a[e[r]]}return t[o]},Lo=t=>o=>{const e={...t.options};if(t.optionKey.includes(".")){const a=t.optionKey.split(".");let r=e;for(let l=0;l<a.length-1;l++)r[a[l]]=r[a[l]]??{},r=r[a[l]];const n=a.length-1;r[a[n]]=o.detail.value}else e[t.optionKey]=o.detail.value;return t.changeCallback(e)},Ei=t=>{var p,g,w,k,f,$,x,E;const o=((w=(g=(p=t.translations)==null?void 0:p.options)==null?void 0:g[t.optionKey])==null?void 0:w.label)??t.optionKey??"",e=t.size,a=Ao(t.options,t.optionKey),{extraLabel:r,extraLabelTooltip:n,extraLabelHasClickAction:l,extraLabelClickAction:d}=Po(t),h=Lo(t);return i.x`
-    <luzmo-edit-option-action-button-group
-      .label=${o}
-      .value=${a}
-      .values=${(k=t.controlInfo)==null?void 0:k.values}
-      .default=${(f=t.controlInfo)==null?void 0:f.default}
-      .selects=${($=t.controlInfo)==null?void 0:$.selects}
-      .size=${e}
-      .extraLabel=${r}
-      .extraLabelTooltip=${n}
-      .extraLabelHasClickAction=${l}
-      @extraLabelClick=${d}
-      @option-changed=${h}
-      .fromOptionValue=${(x=t.controlInfo)==null?void 0:x.fromOptionValue}
-      .toOptionValue=${(E=t.controlInfo)==null?void 0:E.toOptionValue}
-    ></luzmo-edit-option-action-button-group>
-  `},_i=t=>{var w,k,f,$,x,E,U;const o=((f=(k=(w=t.translations)==null?void 0:w.options)==null?void 0:k[t.optionKey])==null?void 0:f.label)??t.optionKey??"",e=Ao(t.options,t.optionKey),a=t.size;let r;typeof(($=t.controlInfo)==null?void 0:$.default)=="function"?r=t.controlInfo.default(t.options,t.slots,t.theme):typeof((x=t.controlInfo)==null?void 0:x.default)=="string"&&(r=t.controlInfo.default);const{extraLabel:n,extraLabelTooltip:l,extraLabelHasClickAction:d,extraLabelClickAction:h}=Po(t),p=Lo(t),g=()=>{if(typeof h=="function"){const{value:L,options:O}=h(t.options,t.slots,t.theme);return t.changeCallback(O)}};return i.x`
-    <luzmo-edit-option-color-picker
-      .value=${e??r}
-      .label=${o}
-      .size=${a}
-      .extraLabel=${n}
-      .extraLabelTooltip=${l}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${g}
-      @option-changed=${p}
-      .fromOptionValue=${(E=t.controlInfo)==null?void 0:E.fromOptionValue}
-      .toOptionValue=${(U=t.controlInfo)==null?void 0:U.toOptionValue}
-    ></luzmo-edit-option-color-picker>
-  `},Pi=t=>{var w,k,f,$,x,E;const o=((f=(k=(w=t.translations)==null?void 0:w.options)==null?void 0:k[t.optionKey])==null?void 0:f.label)??t.optionKey??"",e=(($=t.controlInfo)==null?void 0:$.placeholder)??"placeholder",a=Ao(t.options,t.optionKey)??{},r=t.language??"en",n=t.size,{extraLabel:l,extraLabelTooltip:d,extraLabelHasClickAction:h,extraLabelClickAction:p}=Po(t),g=Lo(t);return i.x`
-    <luzmo-edit-option-multi-language-field
-      .label=${o}
-      .placeholder=${e}
-      .value=${a}
-      language=${i.o(r)}
-      .size=${n}
-      .extraLabel=${l}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${h}
-      @extraLabelClick=${p}
-      @option-changed=${g}
-      .fromOptionValue=${(x=t.controlInfo)==null?void 0:x.fromOptionValue}
-      .toOptionValue=${(E=t.controlInfo)==null?void 0:E.toOptionValue}
-    ></luzmo-edit-option-multi-language-field>
-  `},Ai=t=>{var f,$,x,E,U,L,O,j,N;const o=((x=($=(f=t.translations)==null?void 0:f.options)==null?void 0:$[t.optionKey])==null?void 0:x.label)??t.optionKey??"",e=(E=t.controlInfo)==null?void 0:E.min,a=(U=t.controlInfo)==null?void 0:U.max,r=(L=t.controlInfo)==null?void 0:L.step,n=Ao(t.options,t.optionKey),l=(O=t.controlInfo)==null?void 0:O.default,d=t.size,{extraLabel:h,extraLabelTooltip:p,extraLabelHasClickAction:g,extraLabelClickAction:w}=Po(t),k=Lo(t);return i.x`
-    <luzmo-edit-option-number-field
-      .value=${n}
-      .default=${l}
-      .min=${e}
-      .max=${a}
-      .step=${r}
-      .label=${o}
-      .size=${d}
-      .extraLabel=${h}
-      .extraLabelTooltip=${p}
-      .extraLabelHasClickAction=${g}
-      @extraLabelClick=${w}
-      @option-changed=${k}
-      .fromOptionValue=${(j=t.controlInfo)==null?void 0:j.fromOptionValue}
-      .toOptionValue=${(N=t.controlInfo)==null?void 0:N.toOptionValue}
-    ></luzmo-edit-option-number-field>
-  `},Li=t=>{var k,f,$,x,E,U,L,O,j,N;const o=(($=(f=(k=t.translations)==null?void 0:k.options)==null?void 0:f[t.optionKey])==null?void 0:$.label)??t.optionKey??"",e=Ao(t.options,t.optionKey),a=(x=t.controlInfo)==null?void 0:x.default,r=(L=(U=(E=t.translations)==null?void 0:E.options)==null?void 0:U[t.optionKey])==null?void 0:L.tooltip,n=(O=t.controlInfo)==null?void 0:O.enum.reduce((eo,Ro)=>{var W,Xo,To;return eo[Ro]=((To=(Xo=(W=t.translations)==null?void 0:W.options)==null?void 0:Xo[t.optionKey])==null?void 0:To.enum[Ro])??Ro,eo},{}),l=t.size,{extraLabel:d,extraLabelTooltip:h,extraLabelHasClickAction:p,extraLabelClickAction:g}=Po(t),w=Lo(t);return i.x`
-    <luzmo-edit-option-picker
-      .value=${e}
-      .default=${a}
-      .values=${n}
-      .label=${o}
-      .tooltip=${r}
-      .size=${l}
-      .extraLabel=${d}
-      .extraLabelTooltip=${h}
-      .extraLabelHasClickAction=${p}
-      @extraLabelClick=${g}
-      @option-changed=${w}
-      .fromOptionValue=${(j=t.controlInfo)==null?void 0:j.fromOptionValue}
-      .toOptionValue=${(N=t.controlInfo)==null?void 0:N.toOptionValue}
-    ></luzmo-edit-option-picker>
-  `},Oi=t=>{var p,g,w,k,f,$,x;const o=((w=(g=(p=t.translations)==null?void 0:p.options)==null?void 0:g[t.optionKey])==null?void 0:w.label)??t.optionKey??"",e=Ao(t.options,t.optionKey),a=t.size,{extraLabel:r,extraLabelTooltip:n,extraLabelHasClickAction:l,extraLabelClickAction:d}=Po(t),h=Lo(t);return i.x`
-    <luzmo-edit-option-positions-number-field
-      .values=${e}
-      .positions=${(k=t.controlInfo)==null?void 0:k.positions}
-      .positionConfiguration=${(f=t.controlInfo)==null?void 0:f.positionConfiguration}
-      .label=${o}
-      .size=${a}
-      .extraLabel=${r}
-      .extraLabelTooltip=${n}
-      .extraLabelHasClickAction=${l}
-      @extraLabelClick=${d}
-      @option-changed=${h}
-      .fromOptionValue=${($=t.controlInfo)==null?void 0:$.fromOptionValue}
-      .toOptionValue=${(x=t.controlInfo)==null?void 0:x.toOptionValue}
-    ></luzmo-edit-option-positions-number-field>
-  `},Ti=t=>{var w,k,f,$,x,E,U;const o=((f=(k=(w=t.translations)==null?void 0:w.options)==null?void 0:k[t.optionKey])==null?void 0:f.label)??t.optionKey??"",e=Ao(t.options,t.optionKey),a=($=t==null?void 0:t.controlInfo)==null?void 0:$.default,r=(x=t.controlInfo)==null?void 0:x.enum.reduce((L,O)=>{var j,N,eo;return L[O]=((eo=(N=(j=t.translations)==null?void 0:j.options)==null?void 0:N[t.optionKey])==null?void 0:eo.enum[O])??O,L},{}),n=t.size,{extraLabel:l,extraLabelTooltip:d,extraLabelHasClickAction:h,extraLabelClickAction:p}=Po(t),g=Lo(t);return i.x`
-    <luzmo-edit-option-radio-button-group
-      .value=${e??a}
-      .values=${r}
-      .label=${o}
-      .size=${n}
-      .extraLabel=${l}
-      .extraLabelTooltip=${d}
-      .extraLabelHasClickAction=${h}
-      @extraLabelClick=${p}
-      @option-changed=${g}
-      .fromOptionValue=${(E=t.controlInfo)==null?void 0:E.fromOptionValue}
-      .toOptionValue=${(U=t.controlInfo)==null?void 0:U.toOptionValue}
-    ></luzmo-edit-option-radio-button-group>
-  `},Vi=t=>{var x,E,U,L,O,j,N,eo,Ro,W,Xo,To,jt;const o=((U=(E=(x=t.translations)==null?void 0:x.options)==null?void 0:E[t.optionKey])==null?void 0:U.label)??t.optionKey??"",e=(j=(O=(L=t.translations)==null?void 0:L.options)==null?void 0:O[t.optionKey])==null?void 0:j.tooltip,a=(N=t.controlInfo)==null?void 0:N.min,r=(eo=t.controlInfo)==null?void 0:eo.max,n=(Ro=t.controlInfo)==null?void 0:Ro.step,l=Ao(t.options,t.optionKey),d=t.size;let h;typeof((W=t.controlInfo)==null?void 0:W.default)=="function"?h=t.controlInfo.default(t.options,t.slots,t.theme):typeof((Xo=t.controlInfo)==null?void 0:Xo.default)=="number"&&(h=t.controlInfo.default);const{extraLabel:p,extraLabelTooltip:g,extraLabelHasClickAction:w,extraLabelClickAction:k}=Po(t),f=Lo(t),$=()=>{if(typeof k=="function"){const{value:Ye,options:ie}=k(t.options,t.slots,t.theme);return t.changeCallback(ie)}};return i.x`
-    <luzmo-edit-option-slider
-      .value=${l}
-      .default=${h}
-      .min=${a}
-      .max=${r}
-      .step=${n}
-      .label=${o}
-      .tooltip=${e}
-      .size=${d}
-      .extraLabel=${p}
-      .extraLabelTooltip=${g}
-      .extraLabelHasClickAction=${w}
-      @extraLabelClick=${$}
-      @option-changed=${f}
-      .fromOptionValue=${(To=t.controlInfo)==null?void 0:To.fromOptionValue}
-      .toOptionValue=${(jt=t.controlInfo)==null?void 0:jt.toOptionValue}
-    ></luzmo-edit-option-slider>
-  `},Ui=t=>{var g,w,k,f,$,x;const o=((k=(w=(g=t.translations)==null?void 0:g.options)==null?void 0:w[t.optionKey])==null?void 0:k.label)??t.optionKey??"",e=Ao(t.options,t.optionKey),a=(f=t.controlInfo)==null?void 0:f.default,r=t.size,{extraLabel:n,extraLabelTooltip:l,extraLabelHasClickAction:d,extraLabelClickAction:h}=Po(t),p=Lo(t);return i.x`
-    <luzmo-edit-option-switch
-      .value=${e??a??!1}
-      .label=${o}
-      .size=${r}
-      .extraLabel=${n}
-      .extraLabelTooltip=${l}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${h}
-      @option-changed=${p}
-      .fromOptionValue=${($=t.controlInfo)==null?void 0:$.fromOptionValue}
-      .toOptionValue=${(x=t.controlInfo)==null?void 0:x.toOptionValue}
-    ></luzmo-edit-option-switch>
-  `},Hi=t=>{var g,w,k,f,$,x;const o=((k=(w=(g=t.translations)==null?void 0:g.options)==null?void 0:w[t.optionKey])==null?void 0:k.label)??t.optionKey??"",e=((f=t.controlInfo)==null?void 0:f.placeholder)??"placeholder",a=Ao(t.options,t.optionKey)??"",r=t.size,{extraLabel:n,extraLabelTooltip:l,extraLabelHasClickAction:d,extraLabelClickAction:h}=Po(t),p=Lo(t);return i.x`
-    <luzmo-edit-option-text-field
-      .label=${o}
-      .placeholder=${e}
-      .value=${a}
-      .size=${r}
-      .extraLabel=${n}
-      .extraLabelTooltip=${l}
-      .extraLabelHasClickAction=${d}
-      @extraLabelClick=${h}
-      @option-changed=${p}
-      .fromOptionValue=${($=t.controlInfo)==null?void 0:$.fromOptionValue}
-      .toOptionValue=${(x=t.controlInfo)==null?void 0:x.toOptionValue}
-    ></luzmo-edit-option-text-field>
-  `},Mi=t=>{switch(t.controlType){case"picker":return Li(t);case"slider":return Vi(t);case"switch":return Ui(t);case"multi-language-field":return Pi(t);case"text-field":return Hi(t);case"number-field":return Ai(t);case"positions-number-field":return Oi(t);case"radio-button-group":return Ti(t);case"color-picker":return _i(t);case"action-button-group":return Ei(t)}},Bi=(t,o)=>{const e=a=>{for(const r of a){if(r.key===t)return r.control;if(r.children){const n=e(r.children);if(n)return n}}return null};for(const a of o){const r=e(a.children);if(r)return r}return null};var Di=Object.defineProperty,rt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Di(o,e,r),r};const Fe=class Fe extends i.LuzmoElement{constructor(){super(...arguments),this._loadItemConfig=new lo.h(this,{task:async([o,e,a])=>{let r=!1;if(o!==this._itemTypeLoaded){const d=Object.assign({"./item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("./bar-chart.config-B57geUzJ.cjs")),"./item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("./column-chart.config-B57geUzJ.cjs")),"./item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("./donut-chart.config-DLWJUlHx.cjs")),"./item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("./imageobject.config-B7ld9bj3.cjs")),"./item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("./line-chart.config-BZcvfO2c.cjs")),"./item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("./textobject.config-DbAajFz8.cjs"))});if(d[`./item-configs/${o}.config.ts`]){const h=await d[`./item-configs/${o}.config.ts`]();this._optionsConfig=(h==null?void 0:h.default)??{}}r=!0}if(a!==this._languageLoaded||r){const d=Object.assign({"./item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("./bar-chart.en-BqYbiHO3.cjs")),"./item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("./bar-chart.fr-DGx9smEh.cjs")),"./item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("./bar-chart.nl-BYzVExsz.cjs")),"./item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("./donut-chart.en-Blb9oSdU.cjs")),"./item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("./donut-chart.fr-BeTVa2wh.cjs")),"./item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("./donut-chart.nl-D9YGbOce.cjs"))});if(d[`./item-translations/${o}.${a}.ts`]){const h=await d[`./item-translations/${o}.${a}.ts`]();this._translations=(h==null?void 0:h.default)??{}}}const n=Bi(e,this._optionsConfig),l=n==null?void 0:n.type;if(l!==this._controlTypeLoaded){const d=Object.assign({"../edit-option-components/edit-option-action-button-group/index.ts":()=>Promise.resolve().then(()=>Gi),"../edit-option-components/edit-option-color-picker/index.ts":()=>Promise.resolve().then(()=>Xi),"../edit-option-components/edit-option-multi-language-field/index.ts":()=>Promise.resolve().then(()=>Zi),"../edit-option-components/edit-option-number-field/index.ts":()=>Promise.resolve().then(()=>Qi),"../edit-option-components/edit-option-picker/index.ts":()=>Promise.resolve().then(()=>tn),"../edit-option-components/edit-option-positions-number-field/index.ts":()=>Promise.resolve().then(()=>an),"../edit-option-components/edit-option-radio-button-group/index.ts":()=>Promise.resolve().then(()=>ln),"../edit-option-components/edit-option-slider/index.ts":()=>Promise.resolve().then(()=>Wn),"../edit-option-components/edit-option-switch/index.ts":()=>Promise.resolve().then(()=>tl),"../edit-option-components/edit-option-text-field/index.ts":()=>Promise.resolve().then(()=>rl)});d[`../edit-option-components/edit-option-${l}/index.ts`]&&await d[`../edit-option-components/edit-option-${l}/index.ts`](),this._controlTypeLoaded=l}return n},args:()=>[this.itemType,this.optionKey,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.changedOptions=o=>{this.options=o,this.dispatchEvent(new CustomEvent("options-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{options:o}}))}}render(){return this._loadItemConfig.render({pending:()=>i.x`<p>Loading...</p>`,complete:o=>Mi({controlType:o==null?void 0:o.type,optionKey:this.optionKey,controlInfo:o,options:this.options,slots:this.slots,theme:this.theme,language:this.language,translations:this._translations,size:this.size,changeCallback:this.changedOptions}),error:o=>i.x`
-        <div>
-          Could not load control for option: '${this.optionKey}' of chart
-          '${this.itemType}': ${o}.
-        </div>
-      `})}};Fe.styles=i.r(Si);let zo=Fe;rt([i.n({type:String,reflect:!0})],zo.prototype,"language");rt([i.n({type:String,reflect:!0,attribute:"item-type"})],zo.prototype,"itemType");rt([i.n({type:String,reflect:!0,attribute:"option-key"})],zo.prototype,"optionKey");rt([i.n({type:Object})],zo.prototype,"options");rt([i.n({type:Object})],zo.prototype,"slots");rt([i.n({type:Object})],zo.prototype,"theme");rt([i.n({type:String,reflect:!0})],zo.prototype,"size");customElements.get("luzmo-edit-option")||customElements.define("luzmo-edit-option",zo);const ji=":host{font-size:var(--luzmo-edit-item-font-size, var(--luzmo-font-size))}:host luzmo-divider{display:block;margin:var(--luzmo-edit-item-divider-vertical-margin, calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))) 0}:host luzmo-edit-option{display:block;margin:var(--luzmo-edit-option-divider-vertical-margin, var(--luzmo-spacing-4)) 0}:host([size=s]){font-size:var(--luzmo-edit-item-font-size-s, var(--luzmo-font-size-s))}:host([size=l]){font-size:var(--luzmo-edit-item-font-size-l, var(--luzmo-font-size-l))}:host([size=xl]){font-size:var(--luzmo-edit-item-font-size-xl, var(--luzmo-font-size-xl))}";var Fi=Object.defineProperty,Go=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Fi(o,e,r),r};const Re=class Re extends i.LuzmoElement{constructor(){super(...arguments),this._loadItemConfig=new lo.h(this,{task:async([o,e])=>{let a=!1;if(o&&o!==this._itemTypeLoaded){const r=Object.assign({"../edit-option/item-configs/bar-chart.config.ts":()=>Promise.resolve().then(()=>require("./bar-chart.config-B57geUzJ.cjs")),"../edit-option/item-configs/column-chart.config.ts":()=>Promise.resolve().then(()=>require("./column-chart.config-B57geUzJ.cjs")),"../edit-option/item-configs/donut-chart.config.ts":()=>Promise.resolve().then(()=>require("./donut-chart.config-DLWJUlHx.cjs")),"../edit-option/item-configs/imageobject.config.ts":()=>Promise.resolve().then(()=>require("./imageobject.config-B7ld9bj3.cjs")),"../edit-option/item-configs/line-chart.config.ts":()=>Promise.resolve().then(()=>require("./line-chart.config-BZcvfO2c.cjs")),"../edit-option/item-configs/textobject.config.ts":()=>Promise.resolve().then(()=>require("./textobject.config-DbAajFz8.cjs"))});if(r[`../edit-option/item-configs/${o}.config.ts`]){const n=await r[`../edit-option/item-configs/${o}.config.ts`]();this.optionsConfiguration=(n==null?void 0:n.default)??{}}a=!0}if(e&&(e!==this._languageLoaded||a)){const r=Object.assign({"../edit-option/item-translations/bar-chart.en.ts":()=>Promise.resolve().then(()=>require("./bar-chart.en-BqYbiHO3.cjs")),"../edit-option/item-translations/bar-chart.fr.ts":()=>Promise.resolve().then(()=>require("./bar-chart.fr-DGx9smEh.cjs")),"../edit-option/item-translations/bar-chart.nl.ts":()=>Promise.resolve().then(()=>require("./bar-chart.nl-BYzVExsz.cjs")),"../edit-option/item-translations/donut-chart.en.ts":()=>Promise.resolve().then(()=>require("./donut-chart.en-Blb9oSdU.cjs")),"../edit-option/item-translations/donut-chart.fr.ts":()=>Promise.resolve().then(()=>require("./donut-chart.fr-BeTVa2wh.cjs")),"../edit-option/item-translations/donut-chart.nl.ts":()=>Promise.resolve().then(()=>require("./donut-chart.nl-D9YGbOce.cjs"))});if(r[`../edit-option/item-translations/${o}.${e}.ts`]){const n=await r[`../edit-option/item-translations/${o}.${e}.ts`]();this.translations=(n==null?void 0:n.default)??{}}}return{config:this.optionsConfiguration,translations:this.translations}},args:()=>[this.itemType,this.language]}),this.language="en",this.options={},this.slots={},this.theme={},this.size="m",this.renderAllGroups=o=>{const e=o.map(a=>{if(a!=null&&a.children)return this.renderGroup(a)});return i.x`<luzmo-accordion
-      variant="highlight"
-      .size=${this.size}
-      density="compact"
-      allow-multiple
-      no-content-padding
-      header-case="uppercase"
-      >${e}</luzmo-accordion
-    >`},this.renderGroup=o=>{const e=a=>a==null?void 0:a.map(r=>{if(typeof(r==null?void 0:r.visibleIf)=="function"&&!r.visibleIf(this.options,this.slots,this.theme))return i.x``;if(r!=null&&r.control)return this.renderOptionControl(r.key);if((r==null?void 0:r.type)==="divider")return this.renderDivider();if((r==null?void 0:r.type)==="group")return this.renderGroup(r)});return i.x`<luzmo-accordion-item label=${o.key} ?open=${o.open}>
-      ${e(o.children)}
-    </luzmo-accordion-item>`},this.renderOptionControl=o=>i.x`<luzmo-edit-option
-      class="control"
-      .itemType=${this.itemType}
-      .optionKey=${o}
-      .options=${this.options}
-      .slots=${this.slots}
-      .theme=${this.theme}
-      .size=${this.size}
-      .language=${this.language}
-    ></luzmo-edit-option>`,this.renderDivider=()=>i.x`<luzmo-divider></luzmo-divider>`}render(){return this._loadItemConfig.render({pending:()=>i.x`<p>Loading...</p>`,complete:o=>this.renderAllGroups(o.config),error:o=>i.x`
-        <div>
-          Could not load options configuration controls for chart
-          '${this.itemType}': ${o}.
-        </div>
-      `})}};Re.styles=i.r(ji);let bo=Re;Go([i.n({type:String,reflect:!0})],bo.prototype,"language");Go([i.n({type:String,reflect:!0,attribute:"item-type"})],bo.prototype,"itemType");Go([i.n({type:Object})],bo.prototype,"options");Go([i.n({type:Object})],bo.prototype,"slots");Go([i.n({type:Object})],bo.prototype,"theme");Go([i.n({type:String,reflect:!0})],bo.prototype,"size");Go([i.n({type:Object})],bo.prototype,"optionsConfiguration");Go([i.n({type:Object})],bo.prototype,"translations");customElements.get("luzmo-edit-item")||customElements.define("luzmo-edit-item",bo);const Ri=":host{font-family:var(--luzmo-edit-option-component-font-family, var(--luzmo-font-family))}.luzmo-edit-option{height:var(--luzmo-edit-option-component-height, var(--edit-option-component-height));width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--luzmo-spacing-3);color:var(--luzmo-font-color);font-size:var(--luzmo-font-size-s)}.control-container{display:flex;align-items:center;gap:var(--luzmo-edit-option-control-container-gap, var(--edit-option-control-container-gap));justify-content:end;flex:1}.extra-label{padding-left:var(--luzmo-edit-option-extra-label-padding-left, var(--edit-option-extra-label-padding-left));padding-right:var(--luzmo-edit-option-extra-label-padding-right, var(--edit-option-extra-label-padding-right));font-size:var(--luzmo-edit-option-extra-label-font-size, var(--edit-option-extra-label-font-size))}.extra-link{text-align:right;text-decoration:underline;cursor:pointer}.extra-link:hover{color:var(--luzmo-font-color-hover)}.extra-link.disabled{opacity:.65;cursor:not-allowed}.extra-link.disabled:hover{color:var(--luzmo-font-color-disabled)}:host{--edit-option-component-height: var(--luzmo-component-height);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-s)}:host([size=s]){--edit-option-component-height: var(--luzmo-component-height-s);--edit-option-extra-label-padding-right: var(--luzmo-spacing-3);--edit-option-extra-label-padding-left: var(--luzmo-spacing-4);--edit-option-control-container-gap: var(--luzmo-spacing-2);--edit-option-extra-label-font-size: var(--luzmo-font-size-xs)}:host([size=l]){--edit-option-component-height: var(--luzmo-component-height-l);--edit-option-extra-label-padding-right: var(--luzmo-spacing-4);--edit-option-extra-label-padding-left: var(--luzmo-spacing-5);--edit-option-control-container-gap: var(--luzmo-spacing-3);--edit-option-extra-label-font-size: var(--luzmo-font-size)}:host([size=xl]){--edit-option-component-height: var(--luzmo-component-height-xl);--edit-option-extra-label-padding-right: var(--luzmo-spacing-5);--edit-option-extra-label-padding-left: calc( var(--luzmo-spacing-5) + var(--luzmo-spacing-1) );--edit-option-control-container-gap: var(--luzmo-spacing-4);--edit-option-extra-label-font-size: var(--luzmo-font-size-l)}:host{display:block}";var Ii=Object.defineProperty,at=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Ii(o,e,r),r};const Ie=class Ie extends i.SizedMixin(i.LuzmoElement,{defaultSize:"s",validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.disabled=!1,this.label="",this.tooltip="",this.extraLabel="",this.extraLabelHasClickAction=!1,this.extraLabelTooltip=""}handleExtraLabelClick(o){if(this.extraLabelHasClickAction&&typeof this.extraLabelClickAction=="function"){const{value:e,options:a}=this.extraLabelClickAction();this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}}))}o.preventDefault(),this.dispatchEvent(new CustomEvent("extraLabelClick",{bubbles:!0,composed:!0}))}render(){return i.x`
-      <div class="luzmo-edit-option">
-        ${this.label?i.x`
-              <luzmo-field-label
-                .size=${this.size}
-                for="luzmo-edit-option-control"
-                side-aligned="start"
-              >
-                ${this.label}
-                ${this.tooltip?i.x`
-                      *<luzmo-tooltip
-                        self-managed
-                        placement="top"
-                        size=${this.size}
-                      >
-                        ${this.tooltip}
-                      </luzmo-tooltip>
-                    `:i.E}
-              </luzmo-field-label>
-            `:i.E}
-
-        <div class="control-container">
-          ${this.extraLabel?i.x`
-                <div
-                  class="extra-label ${this.extraLabelHasClickAction?"extra-link":""}"
-                  @click=${this.handleExtraLabelClick}
-                >
-                  <span class=""> ${this.extraLabel} </span>
-                </div>
-              `:i.E}
-          ${this.renderController()}
-        </div>
-      </div>
-    `}};Ie.styles=[i.r(Ri)];let B=Ie;at([i.n({type:Boolean,reflect:!0})],B.prototype,"disabled");at([i.n({type:String,reflect:!0})],B.prototype,"label");at([i.n({type:String,reflect:!0})],B.prototype,"tooltip");at([i.n({type:String,attribute:"extra-label"})],B.prototype,"extraLabel");at([i.n({type:Boolean,attribute:"extra-label-has-click-action"})],B.prototype,"extraLabelHasClickAction");at([i.n()],B.prototype,"extraLabelClickAction");at([i.n({type:String,attribute:"extra-label-tooltip"})],B.prototype,"extraLabelTooltip");const qi="luzmo-action-group{--luzmo-edit-option-action-button-group-button-background-hover: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-background-down: rgba( var(--luzmo-primary-rgb), .2 );--luzmo-edit-option-action-button-group-button-background-focus: rgba( var(--luzmo-primary-rgb), .1 );--luzmo-edit-option-action-button-group-button-content-color-default: var( --luzmo-font-color-disabled );--luzmo-edit-option-action-button-group-button-content-color-hover: var( --luzmo-font-color-hover );--luzmo-edit-option-action-button-group-button-content-color-down: var( --luzmo-font-color-down );--luzmo-edit-option-action-button-group-button-content-color-focus: var( --luzmo-font-color-focus )}luzmo-action-group[compact][quiet][emphasized]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=s]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-1)}luzmo-action-group[compact][quiet][emphasized][size=l]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-2)}luzmo-action-group[compact][quiet][emphasized][size=xl]{--luzmo-action-group-gap-size-compact: var(--luzmo-spacing-3)}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-hover );--luzmo-action-button-background-color-down: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-focus: var( --luzmo-edit-option-action-button-group-button-background-focus );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-default );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-hover );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-focus: var( --luzmo-edit-option-action-button-group-button-content-color-focus )}luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]:hover,luzmo-action-group[compact][quiet][emphasized] luzmo-action-button[selected]{--luzmo-action-button-background-color-hover: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-background-color-default: var( --luzmo-edit-option-action-button-group-button-background-down );--luzmo-action-button-content-color-default: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-hover: var( --luzmo-edit-option-action-button-group-button-content-color-down );--luzmo-action-button-content-color-down: var( --luzmo-edit-option-action-button-group-button-content-color-down )}";var Ni=Object.defineProperty,ft=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Ni(o,e,r),r};const Ki={alignBottom:C.U,alignMiddle:C.P,alignTop:C.E,alignLeft:C.G,alignCenter:C.q,alignRight:C.O,ban:C.a1,borderSolid:C.b2,borderDashed:C.k2,borderDotted:C.S2,compress:C.Y,expand:C._,arrowsExpand:C.c1,arrowsHorizontal:C.J,arrowsVertical:C.j,italic:C.w1,bold:C.D1,underline:C.x1,rows:C.E1,columns:C.P1,table:C.r1},St=class St extends B{constructor(){super(...arguments),this.values={},this.disabled=!1}_handleEvent(o){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.actionGroup.selected}}))}_generateButtonContents(o){return typeof o=="string"?i.x`${o}`:o.iconName||o.icon?i.x`
-        <luzmo-icon
-          slot="icon"
-          .icon=${o.icon??Ki[o.iconName]}
-          .label=${o.label??""}
-        ></luzmo-icon>
-        ${o.buttonText??""}
-      `:i.x`${o.buttonText??""}`}_generateActionButtons(){return Object.entries(this.values).map(([o,e])=>i.x`
-        <luzmo-action-button value=${o} ?disabled=${this.disabled}
-          >${this._generateButtonContents(e)}</luzmo-action-button
-        >
-      `)}renderController(){const o=this._generateActionButtons();return i.x`
-      <luzmo-action-group
-        compact
-        quiet
-        emphasized
-        .selects=${this.selects??"single"}
-        .size=${this.size}
-        .selected=${this.value||this.default||[]}
-        @change=${this._handleEvent}
-        .disabled=${this.disabled}
-      >
-        ${o}
-      </luzmo-action-group>
-    `}};St.styles=[...So(St,St,"styles"),i.r(qi)];let wo=St;ft([i.n({type:Array})],wo.prototype,"values");ft([i.n({type:Boolean,reflect:!0})],wo.prototype,"disabled");ft([i.n({type:String})],wo.prototype,"selects");ft([i.n({type:Array})],wo.prototype,"value");ft([i.n({type:Array})],wo.prototype,"default");ft([i.e("luzmo-action-group")],wo.prototype,"actionGroup");customElements.get("luzmo-edit-option-action-button-group")||customElements.define("luzmo-edit-option-action-button-group",wo);const Gi=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionActionButtonGroup:wo},Symbol.toStringTag,{value:"Module"}));var Yi=Object.defineProperty,Do=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Yi(o,e,r),r};const Et=class Et extends B{constructor(){super(...arguments),this.value="transparent",this.disabled=!1,this.noAlphaChannel=!1,this.swatches=[],this.rounding="full",this.shape="circle",this.placement="left-start",this.debounce=50}_handleEvent(o){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:this.colorPicker.color}}))},this.debounce??200)}renderController(){return i.x`
-      <luzmo-color-picker
-        .color=${this.value}
-        .size=${this.size}
-        .rounding=${this.rounding}
-        .shape=${this.shape}
-        .swatches=${this.swatches}
-        .placement=${this.placement}
-        .noAlphaChannel=${this.noAlphaChannel}
-        ?disabled=${this.disabled}
-        @change=${this._handleEvent}
-      >
-      </luzmo-color-picker>
-    `}};Et.styles=[So(Et,Et,"styles")];let to=Et;Do([i.n({type:String,reflect:!0})],to.prototype,"value");Do([i.n({type:Boolean,reflect:!0})],to.prototype,"disabled");Do([i.n({type:Boolean,reflect:!0})],to.prototype,"noAlphaChannel");Do([i.n({type:Array,reflect:!0})],to.prototype,"swatches");Do([i.n({type:String,reflect:!0})],to.prototype,"rounding");Do([i.n({type:String,reflect:!0})],to.prototype,"shape");Do([i.n()],to.prototype,"placement");Do([i.n({type:Number,reflect:!0})],to.prototype,"debounce");Do([i.e("luzmo-color-picker")],to.prototype,"colorPicker");customElements.get("luzmo-edit-option-color-picker")||customElements.define("luzmo-edit-option-color-picker",to);const Xi=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionColorPicker:to},Symbol.toStringTag,{value:"Module"}));var Wi=Object.defineProperty,it=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Wi(o,e,r),r};const _t=class _t extends B{constructor(){super(...arguments),this.value={},this.invalid=!1,this.readonly=!1,this.language="en",this.debounce=200}_handleEvent(o){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var e;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:((e=this.multiLangFieldElement)==null?void 0:e.value)??{}}}))},this.debounce??200)}renderController(){return i.x`
-      <luzmo-multi-language-field
-        .value=${this.value}
-        .language=${this.language??"en"}
-        .disabled=${this.disabled}
-        .size=${this.size}
-        .i18nPlaceholder=${this.placeholder??{}}
-        .invalid=${this.invalid}
-        @change=${this._handleEvent}
-      >
-      </luzmo-multi-language-field>
-    `}};_t.styles=[So(_t,_t,"styles")];let po=_t;it([i.n({type:Object,reflect:!0})],po.prototype,"value");it([i.n({type:Boolean,reflect:!0})],po.prototype,"invalid");it([i.n({type:Boolean,reflect:!0})],po.prototype,"readonly");it([i.n({type:String,reflect:!0})],po.prototype,"language");it([i.n({type:Object,reflect:!0})],po.prototype,"placeholder");it([i.n({type:Number,reflect:!0})],po.prototype,"debounce");it([i.e("luzmo-multi-language-field")],po.prototype,"multiLangFieldElement");customElements.get("luzmo-edit-option-multi-language-field")||customElements.define("luzmo-edit-option-multi-language-field",po);const Zi=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionMultiLangField:po},Symbol.toStringTag,{value:"Module"}));var Ji=Object.defineProperty,$o=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Ji(o,e,r),r};const Pt=class Pt extends B{constructor(){super(...arguments),this.disabled=!1,this.step=1,this.unit=!1,this.debounce=200}_handleEvent(o){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(this.numberField.value):this.numberField.value}}))},this.debounce??200)}renderController(){const o=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return i.x`
-      <luzmo-number-field
-        .value=${o??e??0}
-        .size=${this.size}
-        .step=${this.step}
-        .min=${this.min}
-        .max=${this.max}
-        .unit=${this.unit}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-      >
-      </luzmo-number-field>
-    `}};Pt.styles=[So(Pt,Pt,"styles")];let Y=Pt;$o([i.n({type:Boolean,reflect:!0})],Y.prototype,"disabled");$o([i.n({type:Number,reflect:!0})],Y.prototype,"min");$o([i.n({type:Number,reflect:!0})],Y.prototype,"max");$o([i.n({type:Number,reflect:!0})],Y.prototype,"default");$o([i.n({type:Number,reflect:!0})],Y.prototype,"value");$o([i.n({type:Number,reflect:!0})],Y.prototype,"step");$o([i.n({type:String,reflect:!0})],Y.prototype,"unit");$o([i.n({type:Number,reflect:!0})],Y.prototype,"debounce");$o([i.n()],Y.prototype,"fromOptionValue");$o([i.n()],Y.prototype,"toOptionValue");$o([i.e("luzmo-number-field")],Y.prototype,"numberField");customElements.get("luzmo-edit-option-number-field")||customElements.define("luzmo-edit-option-number-field",Y);const Qi=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionNumberField:Y},Symbol.toStringTag,{value:"Module"}));var on=Object.defineProperty,nt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&on(o,e,r),r};const At=class At extends B{constructor(){super(...arguments),this.values={},this.disabled=!1,this.placement="bottom-end"}_handleEvent(o){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(o.detail):o.detail}}))}generateMenuItems(){return i.x`
-      ${Object.entries(this.values).map(([o,e])=>i.x`
-          <luzmo-menu-item value=${o}> ${e} </luzmo-menu-item>
-        `)}
-    `}renderController(){const o=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return i.x`
-      <luzmo-picker
-        .value=${o!=null&&o.length?o:e??""}
-        .size=${this.size}
-        variant="highlight"
-        .placement=${this.placement}
-        @change=${this._handleEvent}
-        .disabled=${this.disabled}
-      >
-        ${this.generateMenuItems()}
-      </luzmo-picker>
-    `}};At.styles=[So(At,At,"styles")];let vo=At;nt([i.n({type:Object})],vo.prototype,"values");nt([i.n({type:Boolean,reflect:!0})],vo.prototype,"disabled");nt([i.n()],vo.prototype,"placement");nt([i.n({type:String,reflect:!0})],vo.prototype,"value");nt([i.n()],vo.prototype,"fromOptionValue");nt([i.n()],vo.prototype,"toOptionValue");nt([i.n({type:String})],vo.prototype,"default");customElements.get("luzmo-edit-option-picker")||customElements.define("luzmo-edit-option-picker",vo);const tn=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionPicker:vo},Symbol.toStringTag,{value:"Module"})),en=":host{--edit-option-positions-number-field-container-row-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-container-column-gap: var( --luzmo-spacing-2 );--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height) * 1.5 )}:host([size=s]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-s) * 1.5 )}:host([size=l]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-l) * 1.5 )}:host([size=xl]){--edit-option-positions-number-field-sync-height: calc( var(--luzmo-component-height-xl) * 1.5 )}:host{--var: test}.positions-container{max-width:var(--luzmo-edit-option-positions-number-field-container-max-width, var(--edit-option-positions-number-field-container-max-width));display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);row-gap:var(--luzmo-edit-option-positions-number-field-container-row-gap, var(--edit-option-positions-number-field-container-row-gap));column-gap:var(--luzmo-edit-option-positions-number-field-container-column-gap, var(--edit-option-positions-number-field-container-column-gap))}.position,.sync-button{display:flex;align-items:center;justify-content:center}.sync-button{cursor:pointer}.sync-button[position=center].sync{border:var(--luzmo-edit-option-positions-number-field-sync-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-sync-border-color, var(--luzmo-primary));border-radius:var(--luzmo-edit-option-positions-number-field-sync-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height))}.no-sync-center{border:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-width, var(--luzmo-border-width)) solid var(--luzmo-edit-option-positions-number-field-no-sync-center-border-color, var(--luzmo-border-color));border-radius:var(--luzmo-edit-option-positions-number-field-no-sync-center-border-radius, var(--luzmo-border-radius));height:var(--luzmo-edit-option-positions-number-field-sync-height, var(--edit-option-positions-number-field-sync-height));background-color:var(--luzmo-edit-option-positions-number-field-no-sync-center-background-color, var(--luzmo-background-color-highlight))}";var rn=Object.defineProperty,jo=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&rn(o,e,r),r};class go extends B{constructor(){super(...arguments),this.positions=["top","right","bottom","left"],this.invalid=!1,this.readonly=!1,this.debounce=200,this._positions=[["top-left","top","top-right"],["left","center","right"],["bottom-left","bottom","bottom-right"]]}static get styles(){return[i.r(en)]}_calculateSyncedValue(){var e;let o;return(e=this.positions)==null||e.forEach(a=>{var r,n,l;o=typeof o=="number"&&((r=this.values)!=null&&r[a])?Math.min(o,(n=this.values)==null?void 0:n[a]):(l=this.values)==null?void 0:l[a]}),o}toggleSync(){if(this.sync=!this.sync,this.sync&&(this.syncedValue=this._calculateSyncedValue(),typeof this.syncedValue=="number")){this.values={...this.values};for(const o of this.positions??[])this.values[o]=this.syncedValue}}_handleEvent(o){const e=o.target.getAttribute("position"),a=o.target.value;let r={};if(!(!e||typeof a!="number")){if(this.canSync&&this.sync&&e==="center"){this.syncedValue=a;for(const n of this.positions??[])r[n]=a}else r={...this.values,[e]:a};this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var h;const n=Object.keys(this.values??{}),l=Object.keys(r);let d=!0;n.length!==l.length&&(d=!1);for(const p of n)((h=this.values)==null?void 0:h[p])!==r[p]&&(d=!1);d||(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{values:{...r}}})),this.values=r)},this.debounce??200)}}_renderNumberField(o){var e,a,r,n,l,d,h,p,g,w,k;return(e=this.positions)!=null&&e.includes(o)||o==="center"?this.canSync&&(this.sync&&o!=="center"||!this.sync&&o==="center")?i.x`<div
-          class="sync-button ${this.sync?"":"sync"}"
-          position=${o}
-          @click=${this.toggleSync}
-        >
-          ${C.O2(C.$1)}
-        </div>`:!this.canSync&&!((a=this.positions)!=null&&a.includes("center"))&&o==="center"?i.x`<div class="no-sync-center"></div>`:i.x`<div class="position">
-        <luzmo-number-field
-          position=${o}
-          .value=${this.sync&&this.canSync?this.syncedValue??0:((r=this.values)==null?void 0:r[o])??((l=(n=this.positionConfiguration)==null?void 0:n[o])==null?void 0:l.default)??0}
-          .disabled=${this.disabled}
-          .size=${this.size}
-          .min=${((h=(d=this.positionConfiguration)==null?void 0:d[o])==null?void 0:h.min)??0}
-          .max=${((g=(p=this.positionConfiguration)==null?void 0:p[o])==null?void 0:g.max)??100}
-          .step=${((k=(w=this.positionConfiguration)==null?void 0:w[o])==null?void 0:k.step)??1}
-          .invalid=${this.invalid}
-          @change=${this._handleEvent}
-          @input=${this._handleEvent}
-        >
-        </luzmo-number-field>
-      </div>`:i.x`<div class="position"></div>`}willUpdate(){!this.canSync&&this.sync&&(this.sync=!1)}renderController(){this._calculateSyncedValue();const o=this._positions.map(e=>{const a=e.map(r=>this._renderNumberField(r));return i.x`${a}`});return i.x`<div class="positions-container-wrapper">
-      <div class="positions-container">${o}</div>
-    </div>`}}jo([i.n({type:Array,reflect:!0})],go.prototype,"positions");jo([i.n({type:Object,reflect:!0})],go.prototype,"values");jo([i.n({type:Boolean,reflect:!0,attribute:"can-sync"})],go.prototype,"canSync");jo([i.n({type:Boolean,reflect:!0})],go.prototype,"sync");jo([i.n({type:Object})],go.prototype,"positionConfiguration");jo([i.n({type:Boolean,reflect:!0})],go.prototype,"invalid");jo([i.n({type:Boolean,reflect:!0})],go.prototype,"readonly");jo([i.n({type:Number,reflect:!0})],go.prototype,"debounce");jo([ot.r()],go.prototype,"syncedValue");customElements.get("luzmo-edit-option-positions-number-field")||customElements.define("luzmo-edit-option-positions-number-field",go);const an=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionPositionsNumberField:go},Symbol.toStringTag,{value:"Module"}));var nn=Object.defineProperty,lt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&nn(o,e,r),r};const Lt=class Lt extends B{constructor(){super(...arguments),this.values={},this.disabled=!1}generateRadioButtons(){const o=Object.entries(this.values).map(([e,a])=>i.x`
-        <luzmo-action-button value=${e} ?disabled=${this.disabled}>
-          ${a}
-        </luzmo-action-button>
-      `);return i.x` ${o} `}_handleEvent(o){var e,a,r,n;this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue((a=(e=this.actionGroup)==null?void 0:e.selected)==null?void 0:a[0]):(n=(r=this.actionGroup)==null?void 0:r.selected)==null?void 0:n[0]}}))}renderController(){const o=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return i.x`
-      <luzmo-action-group
-        compact
-        selects="single"
-        emphasized
-        @change=${this._handleEvent}
-        .size=${this.size}
-        .selected=${o&&this.values[o]?[o]:e&&this.values[e]?[e]:[Object.keys(this.values)[0]]}
-        ?disabled=${this.disabled}
-      >
-        ${this.generateRadioButtons()}
-      </luzmo-action-group>
-    `}};Lt.styles=[So(Lt,Lt,"styles")];let mo=Lt;lt([i.n({type:Array})],mo.prototype,"values");lt([i.n({type:Boolean,reflect:!0})],mo.prototype,"disabled");lt([i.n({type:String})],mo.prototype,"value");lt([i.n({type:String})],mo.prototype,"default");lt([i.n()],mo.prototype,"fromOptionValue");lt([i.n()],mo.prototype,"toOptionValue");lt([i.e("luzmo-action-group")],mo.prototype,"actionGroup");customElements.get("luzmo-edit-option-radio-button-group")||customElements.define("luzmo-edit-option-radio-button-group",mo);const ln=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionRadioButtonGroup:mo},Symbol.toStringTag,{value:"Module"}));var qo;(function(t){t.Range="range",t.Steps="steps",t.Positions="positions",t.Count="count",t.Values="values"})(qo||(qo={}));var Z;(function(t){t[t.None=-1]="None",t[t.NoValue=0]="NoValue",t[t.LargeValue=1]="LargeValue",t[t.SmallValue=2]="SmallValue"})(Z||(Z={}));function sn(t){return Xt(t)&&typeof t.from=="function"}function Xt(t){return typeof t=="object"&&typeof t.to=="function"}function zr(t){t.parentElement.removeChild(t)}function ke(t){return t!=null}function wr(t){t.preventDefault()}function cn(t){return t.filter(function(o){return this[o]?!1:this[o]=!0},{})}function un(t,o){return Math.round(t/o)*o}function dn(t,o){var e=t.getBoundingClientRect(),a=t.ownerDocument,r=a.documentElement,n=Ar(a);return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(n.x=0),o?e.top+n.y-r.clientTop:e.left+n.x-r.clientLeft}function fo(t){return typeof t=="number"&&!isNaN(t)&&isFinite(t)}function xr(t,o,e){e>0&&(G(t,o),setTimeout(function(){Yt(t,o)},e))}function yr(t){return Math.max(Math.min(t,100),0)}function oe(t){return Array.isArray(t)?t:[t]}function hn(t){t=String(t);var o=t.split(".");return o.length>1?o[1].length:0}function G(t,o){t.classList&&!/\s/.test(o)?t.classList.add(o):t.className+=" "+o}function Yt(t,o){t.classList&&!/\s/.test(o)?t.classList.remove(o):t.className=t.className.replace(new RegExp("(^|\\b)"+o.split(" ").join("|")+"(\\b|$)","gi")," ")}function bn(t,o){return t.classList?t.classList.contains(o):new RegExp("\\b"+o+"\\b").test(t.className)}function Ar(t){var o=window.pageXOffset!==void 0,e=(t.compatMode||"")==="CSS1Compat",a=o?window.pageXOffset:e?t.documentElement.scrollLeft:t.body.scrollLeft,r=o?window.pageYOffset:e?t.documentElement.scrollTop:t.body.scrollTop;return{x:a,y:r}}function pn(){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 vn(){var t=!1;try{var o=Object.defineProperty({},"passive",{get:function(){t=!0}});window.addEventListener("test",null,o)}catch{}return t}function mn(){return window.CSS&&CSS.supports&&CSS.supports("touch-action","none")}function Oe(t,o){return 100/(o-t)}function Ce(t,o,e){return o*100/(t[e+1]-t[e])}function gn(t,o){return Ce(t,t[0]<0?o+Math.abs(t[0]):o-t[0],0)}function fn(t,o){return o*(t[1]-t[0])/100+t[0]}function Ut(t,o){for(var e=1;t>=o[e];)e+=1;return e}function zn(t,o,e){if(e>=t.slice(-1)[0])return 100;var a=Ut(e,t),r=t[a-1],n=t[a],l=o[a-1],d=o[a];return l+gn([r,n],e)/Oe(l,d)}function wn(t,o,e){if(e>=100)return t.slice(-1)[0];var a=Ut(e,o),r=t[a-1],n=t[a],l=o[a-1],d=o[a];return fn([r,n],(e-l)*Oe(l,d))}function xn(t,o,e,a){if(a===100)return a;var r=Ut(a,t),n=t[r-1],l=t[r];return e?a-n>(l-n)/2?l:n:o[r-1]?t[r-1]+un(a-t[r-1],o[r-1]):a}var Lr=function(){function t(o,e,a){this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[a||!1],this.xNumSteps=[!1],this.snap=e;var r,n=[];for(Object.keys(o).forEach(function(l){n.push([oe(o[l]),l])}),n.sort(function(l,d){return l[0][0]-d[0][0]}),r=0;r<n.length;r++)this.handleEntryPoint(n[r][1],n[r][0]);for(this.xNumSteps=this.xSteps.slice(0),r=0;r<this.xNumSteps.length;r++)this.handleStepPoint(r,this.xNumSteps[r])}return t.prototype.getDistance=function(o){for(var e=[],a=0;a<this.xNumSteps.length-1;a++)e[a]=Ce(this.xVal,o,a);return e},t.prototype.getAbsoluteDistance=function(o,e,a){var r=0;if(o<this.xPct[this.xPct.length-1])for(;o>this.xPct[r+1];)r++;else o===this.xPct[this.xPct.length-1]&&(r=this.xPct.length-2);!a&&o===this.xPct[r+1]&&r++,e===null&&(e=[]);var n,l=1,d=e[r],h=0,p=0,g=0,w=0;for(a?n=(o-this.xPct[r])/(this.xPct[r+1]-this.xPct[r]):n=(this.xPct[r+1]-o)/(this.xPct[r+1]-this.xPct[r]);d>0;)h=this.xPct[r+1+w]-this.xPct[r+w],e[r+w]*l+100-n*100>100?(p=h*n,l=(d-100*n)/e[r+w],n=1):(p=e[r+w]*h/100*l,l=0),a?(g=g-p,this.xPct.length+w>=1&&w--):(g=g+p,this.xPct.length-w>=1&&w++),d=e[r+w]*l;return o+g},t.prototype.toStepping=function(o){return o=zn(this.xVal,this.xPct,o),o},t.prototype.fromStepping=function(o){return wn(this.xVal,this.xPct,o)},t.prototype.getStep=function(o){return o=xn(this.xPct,this.xSteps,this.snap,o),o},t.prototype.getDefaultStep=function(o,e,a){var r=Ut(o,this.xPct);return(o===100||e&&o===this.xPct[r-1])&&(r=Math.max(r-1,1)),(this.xVal[r]-this.xVal[r-1])/a},t.prototype.getNearbySteps=function(o){var e=Ut(o,this.xPct);return{stepBefore:{startValue:this.xVal[e-2],step:this.xNumSteps[e-2],highestStep:this.xHighestCompleteStep[e-2]},thisStep:{startValue:this.xVal[e-1],step:this.xNumSteps[e-1],highestStep:this.xHighestCompleteStep[e-1]},stepAfter:{startValue:this.xVal[e],step:this.xNumSteps[e],highestStep:this.xHighestCompleteStep[e]}}},t.prototype.countStepDecimals=function(){var o=this.xNumSteps.map(hn);return Math.max.apply(null,o)},t.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},t.prototype.convert=function(o){return this.getStep(this.toStepping(o))},t.prototype.handleEntryPoint=function(o,e){var a;if(o==="min"?a=0:o==="max"?a=100:a=parseFloat(o),!fo(a)||!fo(e[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(a),this.xVal.push(e[0]);var r=Number(e[1]);a?this.xSteps.push(isNaN(r)?!1:r):isNaN(r)||(this.xSteps[0]=r),this.xHighestCompleteStep.push(0)},t.prototype.handleStepPoint=function(o,e){if(e){if(this.xVal[o]===this.xVal[o+1]){this.xSteps[o]=this.xHighestCompleteStep[o]=this.xVal[o];return}this.xSteps[o]=Ce([this.xVal[o],this.xVal[o+1]],e,0)/Oe(this.xPct[o],this.xPct[o+1]);var a=(this.xVal[o+1]-this.xVal[o])/this.xNumSteps[o],r=Math.ceil(Number(a.toFixed(3))-1),n=this.xVal[o]+this.xNumSteps[o]*r;this.xHighestCompleteStep[o]=n}},t}(),kr={to:function(t){return t===void 0?"":t.toFixed(2)},from:Number},Or={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"},Io={tooltips:".__tooltips",aria:".__aria"};function yn(t,o){if(!fo(o))throw new Error("noUiSlider: 'step' is not numeric.");t.singleStep=o}function kn(t,o){if(!fo(o))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");t.keyboardPageMultiplier=o}function Cn(t,o){if(!fo(o))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");t.keyboardMultiplier=o}function $n(t,o){if(!fo(o))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");t.keyboardDefaultStep=o}function Sn(t,o){if(typeof o!="object"||Array.isArray(o))throw new Error("noUiSlider: 'range' is not an object.");if(o.min===void 0||o.max===void 0)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");t.spectrum=new Lr(o,t.snap||!1,t.singleStep)}function En(t,o){if(o=oe(o),!Array.isArray(o)||!o.length)throw new Error("noUiSlider: 'start' option is incorrect.");t.handles=o.length,t.start=o}function _n(t,o){if(typeof o!="boolean")throw new Error("noUiSlider: 'snap' option must be a boolean.");t.snap=o}function Pn(t,o){if(typeof o!="boolean")throw new Error("noUiSlider: 'animate' option must be a boolean.");t.animate=o}function An(t,o){if(typeof o!="number")throw new Error("noUiSlider: 'animationDuration' option must be a number.");t.animationDuration=o}function Tr(t,o){var e=[!1],a;if(o==="lower"?o=[!0,!1]:o==="upper"&&(o=[!1,!0]),o===!0||o===!1){for(a=1;a<t.handles;a++)e.push(o);e.push(!1)}else{if(!Array.isArray(o)||!o.length||o.length!==t.handles+1)throw new Error("noUiSlider: 'connect' option doesn't match handle count.");e=o}t.connect=e}function Ln(t,o){switch(o){case"horizontal":t.ort=0;break;case"vertical":t.ort=1;break;default:throw new Error("noUiSlider: 'orientation' option is invalid.")}}function Vr(t,o){if(!fo(o))throw new Error("noUiSlider: 'margin' option must be numeric.");o!==0&&(t.margin=t.spectrum.getDistance(o))}function On(t,o){if(!fo(o))throw new Error("noUiSlider: 'limit' option must be numeric.");if(t.limit=t.spectrum.getDistance(o),!t.limit||t.handles<2)throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function Tn(t,o){var e;if(!fo(o)&&!Array.isArray(o))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(o)&&!(o.length===2||fo(o[0])||fo(o[1])))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(o!==0){for(Array.isArray(o)||(o=[o,o]),t.padding=[t.spectrum.getDistance(o[0]),t.spectrum.getDistance(o[1])],e=0;e<t.spectrum.xNumSteps.length-1;e++)if(t.padding[0][e]<0||t.padding[1][e]<0)throw new Error("noUiSlider: 'padding' option must be a positive number(s).");var a=o[0]+o[1],r=t.spectrum.xVal[0],n=t.spectrum.xVal[t.spectrum.xVal.length-1];if(a/(n-r)>1)throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function Vn(t,o){switch(o){case"ltr":t.dir=0;break;case"rtl":t.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function Un(t,o){if(typeof o!="string")throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var e=o.indexOf("tap")>=0,a=o.indexOf("drag")>=0,r=o.indexOf("fixed")>=0,n=o.indexOf("snap")>=0,l=o.indexOf("hover")>=0,d=o.indexOf("unconstrained")>=0,h=o.indexOf("invert-connects")>=0,p=o.indexOf("drag-all")>=0,g=o.indexOf("smooth-steps")>=0;if(r){if(t.handles!==2)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");Vr(t,t.start[1]-t.start[0])}if(h&&t.handles!==2)throw new Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");if(d&&(t.margin||t.limit))throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");t.events={tap:e||n,drag:a,dragAll:p,smoothSteps:g,fixed:r,snap:n,hover:l,unconstrained:d,invertConnects:h}}function Hn(t,o){if(o!==!1)if(o===!0||Xt(o)){t.tooltips=[];for(var e=0;e<t.handles;e++)t.tooltips.push(o)}else{if(o=oe(o),o.length!==t.handles)throw new Error("noUiSlider: must pass a formatter for all handles.");o.forEach(function(a){if(typeof a!="boolean"&&!Xt(a))throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")}),t.tooltips=o}}function Mn(t,o){if(o.length!==t.handles)throw new Error("noUiSlider: must pass a attributes for all handles.");t.handleAttributes=o}function Bn(t,o){if(!Xt(o))throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");t.ariaFormat=o}function Dn(t,o){if(!sn(o))throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");t.format=o}function jn(t,o){if(typeof o!="boolean")throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");t.keyboardSupport=o}function Fn(t,o){t.documentElement=o}function Rn(t,o){if(typeof o!="string"&&o!==!1)throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");t.cssPrefix=o}function In(t,o){if(typeof o!="object")throw new Error("noUiSlider: 'cssClasses' must be an object.");typeof t.cssPrefix=="string"?(t.cssClasses={},Object.keys(o).forEach(function(e){t.cssClasses[e]=t.cssPrefix+o[e]})):t.cssClasses=o}function Ur(t){var o={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:kr,format:kr},e={step:{r:!1,t:yn},keyboardPageMultiplier:{r:!1,t:kn},keyboardMultiplier:{r:!1,t:Cn},keyboardDefaultStep:{r:!1,t:$n},start:{r:!0,t:En},connect:{r:!0,t:Tr},direction:{r:!0,t:Vn},snap:{r:!1,t:_n},animate:{r:!1,t:Pn},animationDuration:{r:!1,t:An},range:{r:!0,t:Sn},orientation:{r:!1,t:Ln},margin:{r:!1,t:Vr},limit:{r:!1,t:On},padding:{r:!1,t:Tn},behaviour:{r:!0,t:Un},ariaFormat:{r:!1,t:Bn},format:{r:!1,t:Dn},tooltips:{r:!1,t:Hn},keyboardSupport:{r:!0,t:jn},documentElement:{r:!1,t:Fn},cssPrefix:{r:!0,t:Rn},cssClasses:{r:!0,t:In},handleAttributes:{r:!1,t:Mn}},a={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:Or,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};t.format&&!t.ariaFormat&&(t.ariaFormat=t.format),Object.keys(e).forEach(function(h){if(!ke(t[h])&&a[h]===void 0){if(e[h].r)throw new Error("noUiSlider: '"+h+"' is required.");return}e[h].t(o,ke(t[h])?t[h]:a[h])}),o.pips=t.pips;var r=document.createElement("div"),n=r.style.msTransform!==void 0,l=r.style.transform!==void 0;o.transformRule=l?"transform":n?"msTransform":"webkitTransform";var d=[["left","top"],["right","bottom"]];return o.style=d[o.dir][o.ort],o}function qn(t,o,e){var a=pn(),r=mn(),n=r&&vn(),l=t,d,h,p,g,w,k,f=o.spectrum,$=[],x=[],E=[],U=0,L={},O=!1,j=t.ownerDocument,N=o.documentElement||j.documentElement,eo=j.body,Ro=j.dir==="rtl"||o.ort===1?0:100;function W(s,c){var u=j.createElement("div");return c&&G(u,c),s.appendChild(u),u}function Xo(s,c){var u=W(s,o.cssClasses.origin),b=W(u,o.cssClasses.handle);if(W(b,o.cssClasses.touchArea),b.setAttribute("data-handle",String(c)),o.keyboardSupport&&(b.setAttribute("tabindex","0"),b.addEventListener("keydown",function(m){return Wr(m,c)})),o.handleAttributes!==void 0){var v=o.handleAttributes[c];Object.keys(v).forEach(function(m){b.setAttribute(m,v[m])})}return b.setAttribute("role","slider"),b.setAttribute("aria-orientation",o.ort?"vertical":"horizontal"),c===0?G(b,o.cssClasses.handleLower):c===o.handles-1&&G(b,o.cssClasses.handleUpper),u.handle=b,u}function To(s,c){return c?W(s,o.cssClasses.connect):!1}function jt(s,c){h=W(c,o.cssClasses.connects),p=[],g=[],g.push(To(h,s[0]));for(var u=0;u<o.handles;u++)p.push(Xo(c,u)),E[u]=u,g.push(To(h,s[u+1]))}function Ye(s){G(s,o.cssClasses.target),o.dir===0?G(s,o.cssClasses.ltr):G(s,o.cssClasses.rtl),o.ort===0?G(s,o.cssClasses.horizontal):G(s,o.cssClasses.vertical);var c=getComputedStyle(s).direction;return c==="rtl"?G(s,o.cssClasses.textDirectionRtl):G(s,o.cssClasses.textDirectionLtr),W(s,o.cssClasses.base)}function ie(s,c){return!o.tooltips||!o.tooltips[c]?!1:W(s.firstChild,o.cssClasses.tooltip)}function Xe(){return l.hasAttribute("disabled")}function ne(s){var c=p[s];return c.hasAttribute("disabled")}function Br(s){s!=null?(p[s].setAttribute("disabled",""),p[s].handle.removeAttribute("tabindex")):(l.setAttribute("disabled",""),p.forEach(function(c){c.handle.removeAttribute("tabindex")}))}function Dr(s){s!=null?(p[s].removeAttribute("disabled"),p[s].handle.setAttribute("tabindex","0")):(l.removeAttribute("disabled"),p.forEach(function(c){c.removeAttribute("disabled"),c.handle.setAttribute("tabindex","0")}))}function le(){k&&(kt("update"+Io.tooltips),k.forEach(function(s){s&&zr(s)}),k=null)}function We(){le(),k=p.map(ie),he("update"+Io.tooltips,function(s,c,u){if(!(!k||!o.tooltips)&&k[c]!==!1){var b=s[c];o.tooltips[c]!==!0&&(b=o.tooltips[c].to(u[c])),k[c].innerHTML=b}})}function jr(){kt("update"+Io.aria),he("update"+Io.aria,function(s,c,u,b,v){E.forEach(function(m){var y=p[m],z=Ft(x,m,0,!0,!0,!0),P=Ft(x,m,100,!0,!0,!0),A=v[m],T=String(o.ariaFormat.to(u[m]));z=f.fromStepping(z).toFixed(1),P=f.fromStepping(P).toFixed(1),A=f.fromStepping(A).toFixed(1),y.children[0].setAttribute("aria-valuemin",z),y.children[0].setAttribute("aria-valuemax",P),y.children[0].setAttribute("aria-valuenow",A),y.children[0].setAttribute("aria-valuetext",T)})})}function Fr(s){if(s.mode===qo.Range||s.mode===qo.Steps)return f.xVal;if(s.mode===qo.Count){if(s.values<2)throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var c=s.values-1,u=100/c,b=[];c--;)b[c]=c*u;return b.push(100),Ze(b,s.stepped)}return s.mode===qo.Positions?Ze(s.values,s.stepped):s.mode===qo.Values?s.stepped?s.values.map(function(v){return f.fromStepping(f.getStep(f.toStepping(v)))}):s.values:[]}function Ze(s,c){return s.map(function(u){return f.fromStepping(c?f.getStep(u):u)})}function Rr(s){function c(A,T){return Number((A+T).toFixed(7))}var u=Fr(s),b={},v=f.xVal[0],m=f.xVal[f.xVal.length-1],y=!1,z=!1,P=0;return u=cn(u.slice().sort(function(A,T){return A-T})),u[0]!==v&&(u.unshift(v),y=!0),u[u.length-1]!==m&&(u.push(m),z=!0),u.forEach(function(A,T){var V,_,M,K=A,F=u[T+1],I,ve,me,ge,lr,fe,sr,cr=s.mode===qo.Steps;for(cr&&(V=f.xNumSteps[T]),V||(V=F-K),F===void 0&&(F=K),V=Math.max(V,1e-7),_=K;_<=F;_=c(_,V)){for(I=f.toStepping(_),ve=I-P,lr=ve/(s.density||1),fe=Math.round(lr),sr=ve/fe,M=1;M<=fe;M+=1)me=P+M*sr,b[me.toFixed(5)]=[f.fromStepping(me),0];ge=u.indexOf(_)>-1?Z.LargeValue:cr?Z.SmallValue:Z.NoValue,!T&&y&&_!==F&&(ge=0),_===F&&z||(b[I.toFixed(5)]=[_,ge]),P=I}}),b}function Ir(s,c,u){var b,v,m=j.createElement("div"),y=(b={},b[Z.None]="",b[Z.NoValue]=o.cssClasses.valueNormal,b[Z.LargeValue]=o.cssClasses.valueLarge,b[Z.SmallValue]=o.cssClasses.valueSub,b),z=(v={},v[Z.None]="",v[Z.NoValue]=o.cssClasses.markerNormal,v[Z.LargeValue]=o.cssClasses.markerLarge,v[Z.SmallValue]=o.cssClasses.markerSub,v),P=[o.cssClasses.valueHorizontal,o.cssClasses.valueVertical],A=[o.cssClasses.markerHorizontal,o.cssClasses.markerVertical];G(m,o.cssClasses.pips),G(m,o.ort===0?o.cssClasses.pipsHorizontal:o.cssClasses.pipsVertical);function T(_,M){var K=M===o.cssClasses.value,F=K?P:A,I=K?y:z;return M+" "+F[o.ort]+" "+I[_]}function V(_,M,K){if(K=c?c(M,K):K,K!==Z.None){var F=W(m,!1);F.className=T(K,o.cssClasses.marker),F.style[o.style]=_+"%",K>Z.NoValue&&(F=W(m,!1),F.className=T(K,o.cssClasses.value),F.setAttribute("data-value",String(M)),F.style[o.style]=_+"%",F.innerHTML=String(u.to(M)))}}return Object.keys(s).forEach(function(_){V(_,s[_][0],s[_][1])}),m}function se(){w&&(zr(w),w=null)}function ce(s){se();var c=Rr(s),u=s.filter,b=s.format||{to:function(v){return String(Math.round(v))}};return w=l.appendChild(Ir(c,u,b)),w}function Je(){var s=d.getBoundingClientRect(),c="offset"+["Width","Height"][o.ort];return o.ort===0?s.width||d[c]:s.height||d[c]}function Wo(s,c,u,b){var v=function(y){var z=qr(y,b.pageOffset,b.target||c);if(!z||Xe()&&!b.doNotReject||bn(l,o.cssClasses.tap)&&!b.doNotReject||s===a.start&&z.buttons!==void 0&&z.buttons>1||b.hover&&z.buttons)return!1;n||z.preventDefault(),z.calcPoint=z.points[o.ort],u(z,b)},m=[];return s.split(" ").forEach(function(y){c.addEventListener(y,v,n?{passive:!0}:!1),m.push([y,v])}),m}function qr(s,c,u){var b=s.type.indexOf("touch")===0,v=s.type.indexOf("mouse")===0,m=s.type.indexOf("pointer")===0,y=0,z=0;if(s.type.indexOf("MSPointer")===0&&(m=!0),s.type==="mousedown"&&!s.buttons&&!s.touches)return!1;if(b){var P=function(V){var _=V.target;return _===u||u.contains(_)||s.composed&&s.composedPath().shift()===u};if(s.type==="touchstart"){var A=Array.prototype.filter.call(s.touches,P);if(A.length>1)return!1;y=A[0].pageX,z=A[0].pageY}else{var T=Array.prototype.find.call(s.changedTouches,P);if(!T)return!1;y=T.pageX,z=T.pageY}}return c=c||Ar(j),(v||m)&&(y=s.clientX+c.x,z=s.clientY+c.y),s.pageOffset=c,s.points=[y,z],s.cursor=v||m,s}function Qe(s){var c=s-dn(d,o.ort),u=c*100/Je();return u=yr(u),o.dir?100-u:u}function Nr(s){var c=100,u=!1;return p.forEach(function(b,v){if(!ne(v)){var m=x[v],y=Math.abs(m-s),z=y===100&&c===100,P=y<c,A=y<=c&&s>m;(P||A||z)&&(u=v,c=y)}}),u}function Kr(s,c){s.type==="mouseout"&&s.target.nodeName==="HTML"&&s.relatedTarget===null&&ue(s,c)}function Gr(s,c){if(navigator.appVersion.indexOf("MSIE 9")===-1&&s.buttons===0&&c.buttonsProperty!==0)return ue(s,c);var u=(o.dir?-1:1)*(s.calcPoint-c.startCalcPoint),b=u*100/c.baseSize;tr(u>0,b,c.locations,c.handleNumbers,c.connect)}function ue(s,c){c.handle&&(Yt(c.handle,o.cssClasses.active),U-=1),c.listeners.forEach(function(u){N.removeEventListener(u[0],u[1])}),U===0&&(Yt(l,o.cssClasses.drag),pe(),s.cursor&&(eo.style.cursor="",eo.removeEventListener("selectstart",wr))),o.events.smoothSteps&&(c.handleNumbers.forEach(function(u){Zo(u,x[u],!0,!0,!1,!1)}),c.handleNumbers.forEach(function(u){H("update",u)})),c.handleNumbers.forEach(function(u){H("change",u),H("set",u),H("end",u)})}function de(s,c){if(!c.handleNumbers.some(ne)){var u;if(c.handleNumbers.length===1){var b=p[c.handleNumbers[0]];u=b.children[0],U+=1,G(u,o.cssClasses.active)}s.stopPropagation();var v=[],m=Wo(a.move,N,Gr,{target:s.target,handle:u,connect:c.connect,listeners:v,startCalcPoint:s.calcPoint,baseSize:Je(),pageOffset:s.pageOffset,handleNumbers:c.handleNumbers,buttonsProperty:s.buttons,locations:x.slice()}),y=Wo(a.end,N,ue,{target:s.target,handle:u,listeners:v,doNotReject:!0,handleNumbers:c.handleNumbers}),z=Wo("mouseout",N,Kr,{target:s.target,handle:u,listeners:v,doNotReject:!0,handleNumbers:c.handleNumbers});v.push.apply(v,m.concat(y,z)),s.cursor&&(eo.style.cursor=getComputedStyle(s.target).cursor,p.length>1&&G(l,o.cssClasses.drag),eo.addEventListener("selectstart",wr,!1)),c.handleNumbers.forEach(function(P){H("start",P)})}}function Yr(s){s.stopPropagation();var c=Qe(s.calcPoint),u=Nr(c);u!==!1&&(o.events.snap||xr(l,o.cssClasses.tap,o.animationDuration),Zo(u,c,!0,!0),pe(),H("slide",u,!0),H("update",u,!0),o.events.snap?de(s,{handleNumbers:[u]}):(H("change",u,!0),H("set",u,!0)))}function Xr(s){var c=Qe(s.calcPoint),u=f.getStep(c),b=f.fromStepping(u);Object.keys(L).forEach(function(v){v.split(".")[0]==="hover"&&L[v].forEach(function(m){m.call(It,b)})})}function Wr(s,c){if(Xe()||ne(c))return!1;var u=["Left","Right"],b=["Down","Up"],v=["PageDown","PageUp"],m=["Home","End"];o.dir&&!o.ort?u.reverse():o.ort&&!o.dir&&(b.reverse(),v.reverse());var y=s.key.replace("Arrow",""),z=y===v[0],P=y===v[1],A=y===b[0]||y===u[0]||z,T=y===b[1]||y===u[1]||P,V=y===m[0],_=y===m[1];if(!A&&!T&&!V&&!_)return!0;s.preventDefault();var M;if(T||A){var K=A?0:1,F=ir(c),I=F[K];if(I===null)return!1;I===!1&&(I=f.getDefaultStep(x[c],A,o.keyboardDefaultStep)),P||z?I*=o.keyboardPageMultiplier:I*=o.keyboardMultiplier,I=Math.max(I,1e-7),I=(A?-1:1)*I,M=$[c]+I}else _?M=o.spectrum.xVal[o.spectrum.xVal.length-1]:M=o.spectrum.xVal[0];return Zo(c,f.toStepping(M),!0,!0),H("slide",c),H("update",c),H("change",c),H("set",c),!1}function or(s){s.fixed||p.forEach(function(c,u){Wo(a.start,c.children[0],de,{handleNumbers:[u]})}),s.tap&&Wo(a.start,d,Yr,{}),s.hover&&Wo(a.move,d,Xr,{hover:!0}),s.drag&&g.forEach(function(c,u){if(!(c===!1||u===0||u===g.length-1)){var b=p[u-1],v=p[u],m=[c],y=[b,v],z=[u-1,u];G(c,o.cssClasses.draggable),s.fixed&&(m.push(b.children[0]),m.push(v.children[0])),s.dragAll&&(y=p,z=E),m.forEach(function(P){Wo(a.start,P,de,{handles:y,handleNumbers:z,connect:c})})}})}function he(s,c){L[s]=L[s]||[],L[s].push(c),s.split(".")[0]==="update"&&p.forEach(function(u,b){H("update",b)})}function Zr(s){return s===Io.aria||s===Io.tooltips}function kt(s){var c=s&&s.split(".")[0],u=c?s.substring(c.length):s;Object.keys(L).forEach(function(b){var v=b.split(".")[0],m=b.substring(v.length);(!c||c===v)&&(!u||u===m)&&(!Zr(m)||u===m)&&delete L[b]})}function H(s,c,u){Object.keys(L).forEach(function(b){var v=b.split(".")[0];s===v&&L[b].forEach(function(m){m.call(It,$.map(o.format.to),c,$.slice(),u||!1,x.slice(),It)})})}function Ft(s,c,u,b,v,m,y){var z;return p.length>1&&!o.events.unconstrained&&(b&&c>0&&(z=f.getAbsoluteDistance(s[c-1],o.margin,!1),u=Math.max(u,z)),v&&c<p.length-1&&(z=f.getAbsoluteDistance(s[c+1],o.margin,!0),u=Math.min(u,z))),p.length>1&&o.limit&&(b&&c>0&&(z=f.getAbsoluteDistance(s[c-1],o.limit,!1),u=Math.min(u,z)),v&&c<p.length-1&&(z=f.getAbsoluteDistance(s[c+1],o.limit,!0),u=Math.max(u,z))),o.padding&&(c===0&&(z=f.getAbsoluteDistance(0,o.padding[0],!1),u=Math.max(u,z)),c===p.length-1&&(z=f.getAbsoluteDistance(100,o.padding[1],!0),u=Math.min(u,z))),y||(u=f.getStep(u)),u=yr(u),u===s[c]&&!m?!1:u}function be(s,c){var u=o.ort;return(u?c:s)+", "+(u?s:c)}function tr(s,c,u,b,v){var m=u.slice(),y=b[0],z=o.events.smoothSteps,P=[!s,s],A=[s,!s];b=b.slice(),s&&b.reverse(),b.length>1?b.forEach(function(V,_){var M=Ft(m,V,m[V]+c,P[_],A[_],!1,z);M===!1?c=0:(c=M-m[V],m[V]=M)}):P=A=[!0];var T=!1;b.forEach(function(V,_){T=Zo(V,u[V]+c,P[_],A[_],!1,z)||T}),T&&(b.forEach(function(V){H("update",V),H("slide",V)}),v!=null&&H("drag",y))}function er(s,c){return o.dir?100-s-c:s}function Jr(s,c){x[s]=c,$[s]=f.fromStepping(c);var u=er(c,0)-Ro,b="translate("+be(u+"%","0")+")";if(p[s].style[o.transformRule]=b,o.events.invertConnects&&x.length>1){var v=x.every(function(m,y,z){return y===0||m>=z[y-1]});if(O!==!v){aa();return}}Ct(s),Ct(s+1),O&&(Ct(s-1),Ct(s+2))}function pe(){E.forEach(function(s){var c=x[s]>50?-1:1,u=3+(p.length+c*s);p[s].style.zIndex=String(u)})}function Zo(s,c,u,b,v,m){return v||(c=Ft(x,s,c,u,b,!1,m)),c===!1?!1:(Jr(s,c),!0)}function Ct(s){if(g[s]){var c=x.slice();O&&c.sort(function(z,P){return z-P});var u=0,b=100;s!==0&&(u=c[s-1]),s!==g.length-1&&(b=c[s]);var v=b-u,m="translate("+be(er(u,v)+"%","0")+")",y="scale("+be(v/100,"1")+")";g[s].style[o.transformRule]=m+" "+y}}function rr(s,c){return s===null||s===!1||s===void 0||(typeof s=="number"&&(s=String(s)),s=o.format.from(s),s!==!1&&(s=f.toStepping(s)),s===!1||isNaN(s))?x[c]:s}function Rt(s,c,u){var b=oe(s),v=x[0]===void 0;c=c===void 0?!0:c,o.animate&&!v&&xr(l,o.cssClasses.tap,o.animationDuration),E.forEach(function(z){Zo(z,rr(b[z],z),!0,!1,u)});var m=E.length===1?0:1;if(v&&f.hasNoSize()&&(u=!0,x[0]=0,E.length>1)){var y=100/(E.length-1);E.forEach(function(z){x[z]=z*y})}for(;m<E.length;++m)E.forEach(function(z){Zo(z,x[z],!0,!0,u)});pe(),E.forEach(function(z){H("update",z),b[z]!==null&&c&&H("set",z)})}function Qr(s){Rt(o.start,s)}function oa(s,c,u,b){if(s=Number(s),!(s>=0&&s<E.length))throw new Error("noUiSlider: invalid handle number, got: "+s);Zo(s,rr(c,s),!0,!0,b),H("update",s),u&&H("set",s)}function ar(s){if(s===void 0&&(s=!1),s)return $.length===1?$[0]:$.slice(0);var c=$.map(o.format.to);return c.length===1?c[0]:c}function ta(){for(kt(Io.aria),kt(Io.tooltips),Object.keys(o.cssClasses).forEach(function(s){Yt(l,o.cssClasses[s])});l.firstChild;)l.removeChild(l.firstChild);delete l.noUiSlider}function ir(s){var c=x[s],u=f.getNearbySteps(c),b=$[s],v=u.thisStep.step,m=null;if(o.snap)return[b-u.stepBefore.startValue||null,u.stepAfter.startValue-b||null];v!==!1&&b+v>u.stepAfter.startValue&&(v=u.stepAfter.startValue-b),b>u.thisStep.startValue?m=u.thisStep.step:u.stepBefore.step===!1?m=!1:m=b-u.stepBefore.highestStep,c===100?v=null:c===0&&(m=null);var y=f.countStepDecimals();return v!==null&&v!==!1&&(v=Number(v.toFixed(y))),m!==null&&m!==!1&&(m=Number(m.toFixed(y))),[m,v]}function ea(){return E.map(ir)}function ra(s,c){var u=ar(),b=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips","connect"];b.forEach(function(m){s[m]!==void 0&&(e[m]=s[m])});var v=Ur(e);b.forEach(function(m){s[m]!==void 0&&(o[m]=v[m])}),f=v.spectrum,o.margin=v.margin,o.limit=v.limit,o.padding=v.padding,o.pips?ce(o.pips):se(),o.tooltips?We():le(),x=[],Rt(ke(s.start)?s.start:u,c),s.connect&&nr()}function nr(){for(;h.firstChild;)h.removeChild(h.firstChild);for(var s=0;s<=o.handles;s++)g[s]=To(h,o.connect[s]),Ct(s);or({drag:o.events.drag,fixed:!0})}function aa(){O=!O,Tr(o,o.connect.map(function(s){return!s})),nr()}function ia(){d=Ye(l),jt(o.connect,d),or(o.events),Rt(o.start),o.pips&&ce(o.pips),o.tooltips&&We(),jr()}ia();var It={destroy:ta,steps:ea,on:he,off:kt,get:ar,set:Rt,setHandle:oa,reset:Qr,disable:Br,enable:Dr,__moveHandles:function(s,c,u){tr(s,c,x,u)},options:e,updateOptions:ra,target:l,removePips:se,removeTooltips:le,getPositions:function(){return x.slice()},getTooltips:function(){return k},getOrigins:function(){return p},pips:ce};return It}function Nn(t,o){if(!t||!t.nodeName)throw new Error("noUiSlider: create requires a single element, got: "+t);if(t.noUiSlider)throw new Error("noUiSlider: Slider was already initialized.");var e=Ur(o),a=qn(t,e,o);return t.noUiSlider=a,a}const Kn={__spectrum:Lr,cssClasses:Or,create:Nn},Gn='.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 Yn=Object.defineProperty,zt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Yn(o,e,r),r};const qe=class qe extends i.SizedMixin(i.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=Kn.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",(o,e,[a])=>{this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.setValue(a)},this.debounce??200)})}updated(o){const e=o.get("value"),a=o.get("min"),r=o.get("max"),n=o.get("step"),l=o.get("disabled");this.value!==void 0&&this.value!==e&&this.noUiSlider.set(this.value),(this.min!==void 0&&(r!==void 0||this.max!==void 0)&&this.min!==a||this.max!==void 0&&(a!==void 0||this.min!==void 0)&&this.max!==r)&&this.noUiSlider.updateOptions({range:{min:this.min??a,max:this.max??r}},!0),this.step!==void 0&&this.step!==n&&this.noUiSlider.updateOptions({step:this.step},!0),this.disabled!==void 0&&this.disabled!==l&&(this.disabled?this.noUiSlider.disable():this.noUiSlider.enable())}setValue(o){this.disabled||this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0}))}render(){return i.x`<div class="luzmo-slider-container"></div>`}};qe.styles=[i.r(Gn)];let Eo=qe;zt([i.n({type:Number,reflect:!0})],Eo.prototype,"value");zt([i.n({type:Number,reflect:!0})],Eo.prototype,"min");zt([i.n({type:Number,reflect:!0})],Eo.prototype,"max");zt([i.n({type:Number,reflect:!0})],Eo.prototype,"step");zt([i.n({type:Boolean,reflect:!0})],Eo.prototype,"disabled");zt([i.n({type:Number,reflect:!0})],Eo.prototype,"debounce");customElements.get("luzmo-slider")||customElements.define("luzmo-slider",Eo);var Xn=Object.defineProperty,Yo=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Xn(o,e,r),r};const Ot=class Ot extends B{constructor(){super(...arguments),this.value=0,this.default=0,this.min=0,this.max=100,this.step=100,this.debounce=200}_handleEvent(o){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(o.detail):o.detail}}))}renderController(){const o=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return i.x`
-      <luzmo-slider
-        id="luzmo-edit-option-control"
-        .min=${this.min}
-        .max=${this.max}
-        .value=${o??e}
-        .step=${this.step}
-        .size=${this.size}
-        .debounce=${this.debounce}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-      ></luzmo-slider>
-    `}};Ot.styles=[So(Ot,Ot,"styles")];let no=Ot;Yo([i.n({type:Number,reflect:!0})],no.prototype,"value");Yo([i.n({type:Number,reflect:!0})],no.prototype,"default");Yo([i.n({type:Number,reflect:!0})],no.prototype,"min");Yo([i.n({type:Number,reflect:!0})],no.prototype,"max");Yo([i.n({type:Number,reflect:!0})],no.prototype,"step");Yo([i.n({type:Number,reflect:!0})],no.prototype,"debounce");Yo([i.n()],no.prototype,"fromOptionValue");Yo([i.n()],no.prototype,"toOptionValue");customElements.get("luzmo-edit-option-slider")||customElements.define("luzmo-edit-option-slider",no);const Wn=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionSlider:no},Symbol.toStringTag,{value:"Module"}));class Zn extends Se.CheckboxMixin(_o.Focusable){get focusElement(){return this.inputElement}}const Cr=':host{--switch-focus-indicator-width: var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width));min-block-size:var(--luzmo-switch-height, var(--switch-min-height));--switch-track-height: var(--switch-control-height);max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative}#input{box-sizing:border-box;inline-size:100%;block-size:100%;opacity:0;z-index:1;cursor:pointer;margin:0;padding:0;position:absolute;inset-block-start:0;inset-inline-start:0}:host([checked]) #input+#switch:before{transform:translate(calc(var(--luzmo-switch-control-width, var(--switch-control-width)) - 100%))}:host([checked]) #input+#switch:dir(rtl):before,:host([dir=rtl][checked]) #input+#switch:before{transform:translate(calc((var(--luzmo-switch-control-width, var(--switch-control-width)) - 100%) * -1))}:host([disabled]) #input{cursor:not-allowed}#input:focus-visible+#switch:after{margin:calc(var(--luzmo-focus-indicator-gap, var(--switch-focus-indicator-gap)) * -1)}#label{color:var(--highcontrast-switch-label-color-default, var(--luzmo-switch-label-color-default, var(--switch-label-color-default)));margin-inline:var(--luzmo-switch-control-label-spacing, var(--switch-control-label-spacing));font-size:var(--luzmo-switch-font-size, var(--switch-font-size));line-height:var(--luzmo-switch-line-height, 1.3);transition:color calc(var(--luzmo-animation-duration) * 2) ease-in-out;margin-block-start:var(--luzmo-switch-spacing-top-to-label, var(--switch-spacing-top-to-label));margin-block-end:0}#switch{box-sizing:border-box;inline-size:var(--luzmo-switch-control-width, var(--switch-control-width));margin-block:calc(var(--luzmo-switch-height, var(--switch-min-height)) - var(--luzmo-switch-control-height, var(--switch-control-height)) - var(--luzmo-switch-spacing-top-to-control, var(--switch-spacing-top-to-control)));vertical-align:middle;transition:background var(--luzmo-animation-duration) ease-in-out,border var(--luzmo-animation-duration) ease-in-out;block-size:var(--luzmo-switch-track-height, var(--switch-track-height));border-radius:calc(var(--luzmo-switch-control-height, var(--switch-control-height)) / 2);flex-grow:0;flex-shrink:0;margin-inline:0;display:inline-block;position:relative;inset-inline:0}#switch:before{box-sizing:border-box;transition:background var(--luzmo-animation-duration) ease-in-out,border var(--luzmo-animation-duration) ease-in-out,transform var(--luzmo-animation-duration) ease-in-out,box-shadow var(--luzmo-animation-duration) ease-in-out;inline-size:var(--luzmo-switch-control-height, var(--switch-control-height));block-size:var(--luzmo-switch-control-height, var(--switch-control-height));box-shadow:var(--luzmo-switch-control-box-shadow, var(--switch-control-box-shadow));border-width:var(--luzmo-switch-border-width, var(--luzmo-switch-border-width, var(--luzmo-border-width)));border-radius:calc(var(--luzmo-switch-control-height, var(--switch-control-height)) / 2);border-style:solid}#switch:after,#switch:before{content:"";display:block;position:absolute;inset-block-start:0;inset-inline-start:0}#switch:after{border-radius:calc(var(--luzmo-switch-control-height, var(--switch-control-height)) / 2 + var(--luzmo-focus-indicator-gap, var(--switch-focus-indicator-gap)) * 2);transition:opacity var(--luzmo-animation-duration) ease-out,margin var(--luzmo-animation-duration) ease-out;margin:0;inset-block-end:0;inset-inline-end:0}#switch{background-color:var(--highcontrast-switch-background-color, var(--luzmo-switch-background-color, var(--switch-background-color)))}#switch:before{background-color:var(--highcontrast-switch-handle-background-color, var(--luzmo-switch-handle-background-color, var(--switch-handle-background-color)));border-color:var(--highcontrast-switch-handle-border-color-default, var(--luzmo-switch-handle-border-color-default, var(--switch-handle-border-color-default)))}:host(:active) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-down, var(--luzmo-switch-handle-border-color-down, var(--switch-handle-border-color-down)))}:host(:active) #input~#label{color:var(--highcontrast-switch-label-color-down, var(--luzmo-switch-label-color-down, var(--switch-label-color-down)))}:host(:active[checked]) #input:enabled+#switch{background-color:var(--highcontrast-switch-background-color-selected-down, var(--luzmo-switch-background-color-selected-down, var(--switch-background-color-selected-down)))}:host(:active[checked]) #input:enabled+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-down, var(--luzmo-switch-handle-border-color-selected-down, var(--switch-handle-border-color-selected-down)))}#input:focus-visible+#switch:after{box-shadow:0 0 0 var(--luzmo-switch-focus-indicator-width, var(--luzmo-focus-indicator-width, var(--switch-focus-indicator-width))) var(--highcontrast-switch-focus-indicator-color, var(--luzmo-switch-focus-indicator-color, var(--switch-focus-indicator-color)))}#input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-focus, var(--luzmo-switch-handle-border-color-focus, var(--switch-handle-border-color-focus)))}:host([checked]) #input:focus-visible+#switch{background-color:var(--highcontrast-switch-background-color-selected-focus, var(--luzmo-switch-background-color-selected-focus, var(--switch-background-color-selected-focus)))}:host([checked]) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-focus, var(--luzmo-switch-handle-border-color-selected-focus, var(--switch-handle-border-color-selected-focus)))}#input:focus-visible~#label{color:var(--highcontrast-switch-label-color-focus, var(--luzmo-switch-label-color-focus, var(--switch-label-color-focus)))}@media (hover: hover){:host(:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-hover, var(--luzmo-switch-handle-border-color-hover, var(--switch-handle-border-color-hover)));box-shadow:var(--luzmo-switch-control-box-shadow, var(--switch-control-box-shadow, none));background-color:var(--highcontrast-switch-background-color-hover, var(--luzmo-switch-background-color-hover, var(--switch-background-color-hover, var(--luzmo-background-color-hover))))}:host(:hover) #input~#label{color:var(--highcontrast-switch-label-color-hover, var(--luzmo-switch-label-color-hover, var(--switch-label-color-hover)))}:host([checked]:hover) #input:enabled+#switch{background-color:var(--highcontrast-switch-background-color-selected-hover, var(--luzmo-switch-background-color-selected-hover, var(--switch-background-color-selected-hover)))}:host([checked]:hover) #input:enabled+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-hover, var(--luzmo-switch-handle-border-color-selected-hover, var(--switch-handle-border-color-selected-hover)))}:host([disabled]:hover) #input+#switch{background-color:var(--highcontrast-switch-background-color-disabled, var(--luzmo-switch-background-color-disabled, var(--switch-background-color-disabled)))}:host([disabled]:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled]:hover) #input~#label{color:var(--highcontrast-switch-label-color-disabled, var(--luzmo-switch-label-color-disabled, var(--switch-label-color-disabled)))}:host([disabled][checked]:hover) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-disabled, var(--luzmo-switch-background-color-selected-disabled, var(--switch-background-color-selected-disabled)))}:host([disabled][checked]:hover) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled][checked]:hover) #input~#label{color:var(--highcontrast-switch-label-color-disabled, var(--luzmo-switch-label-color-disabled, var(--switch-label-color-disabled)))}:host(:hover) #input:focus-visible+#switch:after{box-shadow:0 0 0 var(--luzmo-switch-focus-indicator-width, var(--luzmo-focus-indicator-width, var(--switch-focus-indicator-width))) var(--highcontrast-switch-focus-indicator-color, var(--luzmo-switch-focus-indicator-color, var(--switch-focus-indicator-color)))}:host(:hover) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-focus, var(--luzmo-switch-handle-border-color-focus, var(--switch-handle-border-color-focus)))}:host([checked]:hover) #input:focus-visible+#switch{background-color:var(--highcontrast-switch-background-color-selected-focus, var(--luzmo-switch-background-color-selected-focus, var(--switch-background-color-selected-focus)))}:host([checked]:hover) #input:focus-visible+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-focus, var(--luzmo-switch-handle-border-color-selected-focus, var(--switch-handle-border-color-selected-focus)))}:host(:hover) #input:focus-visible~#label{color:var(--highcontrast-switch-label-color-focus, var(--luzmo-switch-label-color-focus, var(--switch-label-color-focus)))}}:host([checked]) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-default, var(--luzmo-switch-background-color-selected-default, var(--switch-background-color-selected-default)))}:host([checked]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-selected-default, var(--luzmo-switch-handle-border-color-selected-default, var(--switch-handle-border-color-selected-default)))}:host([disabled]) #input+#switch{background-color:var(--highcontrast-switch-background-color-disabled, var(--luzmo-switch-background-color-disabled, var(--switch-background-color-disabled)))}:host([disabled]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled][checked]) #input+#switch{background-color:var(--highcontrast-switch-background-color-selected-disabled, var(--luzmo-switch-background-color-selected-disabled, var(--switch-background-color-selected-disabled)))}:host([disabled][checked]) #input+#switch:before{border-color:var(--highcontrast-switch-handle-border-color-disabled, var(--luzmo-switch-handle-border-color-disabled, var(--switch-handle-border-color-disabled)))}:host([disabled]) #input~#label{color:var(--highcontrast-switch-label-color-disabled, var(--luzmo-switch-label-color-disabled, var(--switch-label-color-disabled)))}@media (forced-colors: active){:host{--highcontrast-switch-label-color-default: ButtonText;--highcontrast-switch-label-color-hover: ButtonText;--highcontrast-switch-label-color-down: ButtonText;--highcontrast-switch-label-color-focus: ButtonText;--highcontrast-switch-label-color-disabled: GrayText;--highcontrast-switch-handle-background-color: ButtonFace;--highcontrast-switch-handle-border-color-default: ButtonText;--highcontrast-switch-handle-border-color-hover: Highlight;--highcontrast-switch-handle-border-color-down: Highlight;--highcontrast-switch-handle-border-color-focus: Highlight;--highcontrast-switch-handle-border-color-disabled: Highlight;--highcontrast-switch-handle-border-color-selected-default: Highlight;--highcontrast-switch-handle-border-color-selected-hover: Highlight;--highcontrast-switch-handle-border-color-selected-down: Highlight;--highcontrast-switch-handle-border-color-selected-focus: Highlight;--highcontrast-switch-background-color: ButtonFace;--highcontrast-switch-background-color-selected-default: Highlight;--highcontrast-switch-background-color-selected-hover: Highlight;--highcontrast-switch-background-color-selected-down: Highlight;--highcontrast-switch-background-color-selected-focus: Highlight;--highcontrast-switch-background-color-selected-disabled: Highlight;--highcontrast-switch-focus-indicator-color: ButtonText;forced-color-adjust:none}#input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px ButtonText}}@media (forced-colors: active) and (hover: hover){:host(:hover) #input:not(:checked)+#switch{box-shadow:inset 0 0 0 1px Highlight}:host([disabled][checked]:hover) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]:hover) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}}@media (forced-colors: active){:host([disabled]) #input:not(:checked)+#switch{background-color:ButtonFace;box-shadow:inset 0 0 0 1px GrayText}:host([disabled]) #input:not(:checked)+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled][checked]) #input+#switch{background-color:GrayText;box-shadow:inset 0 0 0 1px GrayText}:host([disabled][checked]) #input+#switch:before{background-color:ButtonFace;border-color:GrayText}:host([disabled]) #input~#label{color:GrayText}}:host{--switch-handle-border-color-default: var(--luzmo-color-selected);--switch-handle-border-color-hover: var(--luzmo-color-selected-hover);--switch-handle-border-color-down: var(--luzmo-color-selected-down);--switch-handle-border-color-focus: var(--luzmo-color-selected-focus);--switch-handle-border-color-selected-default: var(--luzmo-color-selected-hover);--switch-handle-border-color-selected-hover: var(--luzmo-color-selected-down);--switch-handle-border-color-selected-down: var(--luzmo-color-selected-hard-down);--switch-handle-border-color-selected-focus: var(--luzmo-color-selected-down);--switch-focus-indicator-gap: var(--luzmo-indicator-gap);--switch-label-color-default: var(--luzmo-color-selected-hard);--switch-label-color-hover: var(--luzmo-color-selected-hard-hover);--switch-label-color-down: var(--luzmo-color-selected-hard-down);--switch-label-color-focus: var(--luzmo-color-selected-hard-focus);--switch-label-color-disabled: var(--luzmo-color-disabled);--switch-background-color: var(--luzmo-border-color);--switch-background-color-disabled: var(--luzmo-background-color-disabled);--switch-background-color-selected-disabled: var(--luzmo-color-disabled);--switch-background-color-selected-default: var(--luzmo-color-selected-hover);--switch-background-color-selected-hover: var(--luzmo-color-selected-down);--switch-background-color-selected-down: var(--luzmo-color-selected-hard-down);--switch-background-color-selected-focus: var(--luzmo-color-selected-down);--switch-focus-indicator-width: var(luzmo-indicator-width);--switch-focus-indicator-color: var(--luzmo-primary);--switch-handle-background-color: var(--luzmo-background-color);--switch-handle-border-color-disabled: var(--luzmo-color-disabled);--switch-spacing-top-to-control: calc((var(--switch-min-height) - var(--switch-control-height)) / 2)}:host([disabled]){--switch-label-color-default: var(--luzmo-color-disabled)}:host([emphasized]){--switch-background-color-selected-default: var(--luzmo-primary);--switch-background-color-selected-hover: var(--luzmo-primary-hover);--switch-background-color-selected-down: var(--luzmo-primary-down);--switch-background-color-selected-focus: var(--luzmo-primary-focus);--switch-handle-border-color-selected-default: var(--luzmo-primary);--switch-handle-border-color-selected-hover: var(--luzmo-primary-hover);--switch-handle-border-color-selected-down: var(--luzmo-primary-down);--switch-handle-border-color-selected-focus: var(--luzmo-primary-focus)}:host([size=s]){--switch-min-height: 24px;--switch-control-width: 23px;--switch-control-height: var(--luzmo-font-size-s);--switch-control-label-spacing: var(--luzmo-spacing-3);--switch-spacing-top-to-label: 4px;--switch-font-size: var(--luzmo-font-size-s)}:host{--switch-min-height: 32px;--switch-control-width: 26px;--switch-control-height: var(--luzmo-font-size);--switch-control-label-spacing: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--switch-spacing-top-to-label: 6px;--switch-font-size: var(--luzmo-font-size)}:host([size=l]){--switch-min-height: 40px;--switch-control-width: 28px;--switch-control-height: var(--luzmo-font-size-l);--switch-control-label-spacing: var(--luzmo-spacing-4);--switch-spacing-top-to-label: 9px;--switch-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--switch-min-height: 48px;--switch-control-width: 32px;--switch-control-height: var(--luzmo-font-size-xl);--switch-control-label-spacing: calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--switch-spacing-top-to-label: 12px;--switch-font-size: var(--luzmo-font-size-xl)}:host([disabled]){pointer-events:none}:host([thumb=overflow]){--luzmo-switch-border-width: 0px;--switch-control-width: calc(var(--switch-control-height) * 2);--switch-control-box-shadow: 0 .125rem .25rem rgba(var(--luzmo-border-color-rgb), .2), inset 0 0 0 .0625rem rgba(var(--luzmo-border-color-rgb), .2)}:host([thumb=overflow]) #switch{margin-top:calc((var(--luzmo-switch-min-height, var(--switch-min-height)) - var(--luzmo-switch-track-height, var(--switch-track-height))) / 2)}:host([thumb=overflow]) #switch:before{inset-block-start:calc(-1 * (var(--luzmo-switch-control-height, var(--switch-control-height)) - var(--luzmo-switch-track-height, var(--switch-track-height))) / 2)}:host([thumb=overflow][size=s]){--switch-track-height: 10px;--switch-control-height: 16px;--switch-focus-indicator-gap: 5px}:host([thumb=overflow]){--switch-track-height: 10px;--switch-control-height: 18px;--switch-focus-indicator-gap: 6px}:host([thumb=overflow][size=l]){--switch-track-height: 12px;--switch-control-height: 20px;--switch-focus-indicator-gap: 7px}:host([thumb=overflow][size=xl]){--switch-track-height: 12px;--switch-control-height: 22px;--switch-focus-indicator-gap: 8px}';var Jn=Object.defineProperty,Hr=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&Jn(o,e,r),r};class te extends i.SizedMixin(Zn){constructor(){super(...arguments),this.emphasized=!1,this.thumb="overflow"}static get styles(){return window.hasOwnProperty("ShadyDOM")?[i.r(Cr)]:[i.r(Cr)]}render(){return i.x`
-      ${super.render()}
-      <span id="switch"></span>
-      <label id="label" for="input"><slot></slot></label>
-    `}firstUpdated(o){super.firstUpdated(o),this.inputElement.setAttribute("role","switch")}updated(o){o.has("checked")&&this.inputElement.setAttribute("aria-checked",this.checked?"true":"false")}}Hr([i.n({type:Boolean,reflect:!0})],te.prototype,"emphasized");Hr([i.n({type:String,reflect:!0})],te.prototype,"thumb");customElements.get("luzmo-switch")||customElements.define("luzmo-switch",te);const Qn=":host{--luzmo-switch-control-label-spacing: 0px}";var ol=Object.defineProperty,ee=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&ol(o,e,r),r};const Tt=class Tt extends B{_handleEvent(o){this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:typeof this.toOptionValue=="function"?this.toOptionValue(o.detail):o.detail}}))}renderController(){const o=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.value):this.value,e=typeof this.fromOptionValue=="function"?this.fromOptionValue(this.default):this.default;return i.x`
-      <luzmo-switch
-        id="luzmo-edit-option-control"
-        thumb="overflow"
-        emphasized
-        .size=${this.size}
-        .checked=${o??e??!1}
-        .disabled=${this.disabled}
-        @change=${this._handleEvent}
-      ></luzmo-switch>
-    `}};Tt.styles=[...So(Tt,Tt,"styles"),i.r(Qn)];let Uo=Tt;ee([i.n({type:Boolean,converter:{fromAttribute:t=>{if(t==="false"||t===!1)return!1;if(t==="true"||t===!0)return!0}}})],Uo.prototype,"value");ee([i.n({type:Boolean,converter:{fromAttribute:t=>{if(t==="false"||t===!1)return!1;if(t==="true"||t===!0)return!0}}})],Uo.prototype,"default");ee([i.n()],Uo.prototype,"fromOptionValue");ee([i.n()],Uo.prototype,"toOptionValue");customElements.get("luzmo-edit-option-switch")||customElements.define("luzmo-edit-option-switch",Uo);const tl=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionSwitch:Uo},Symbol.toStringTag,{value:"Module"}));var el=Object.defineProperty,wt=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&el(o,e,r),r};const Vt=class Vt extends B{constructor(){super(...arguments),this.invalid=!1,this.readonly=!1,this.debounce=200,this._previousValue=""}_handleEvent(o){this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{var a;const e=((a=this.textFieldElement)==null?void 0:a.value)??"";this._previousValue!==e&&(this.dispatchEvent(new CustomEvent("option-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{value:e}})),this._previousValue=e)},this.debounce??200)}renderController(){return i.x`
-      <luzmo-text-field
-        .value=${this.value??""}
-        .disabled=${this.disabled}
-        .size=${this.size}
-        .placeholder=${this.placeholder??""}
-        .invalid=${this.invalid}
-        @change=${this._handleEvent}
-        @input=${this._handleEvent}
-      >
-      </luzmo-text-field>
-    `}};Vt.styles=[So(Vt,Vt,"styles")];let xo=Vt;wt([i.n({type:String,reflect:!0})],xo.prototype,"value");wt([i.n({type:Boolean,reflect:!0})],xo.prototype,"invalid");wt([i.n({type:Boolean,reflect:!0})],xo.prototype,"readonly");wt([i.n({type:String,reflect:!0})],xo.prototype,"placeholder");wt([i.n({type:Number,reflect:!0})],xo.prototype,"debounce");wt([i.e("luzmo-text-field")],xo.prototype,"textFieldElement");customElements.get("luzmo-edit-option-text-field")||customElements.define("luzmo-edit-option-text-field",xo);const rl=Object.freeze(Object.defineProperty({__proto__:null,LuzmoEditOptionTextField:xo},Symbol.toStringTag,{value:"Module"})),al='.luzmo-FieldGroup--toplabel{flex-direction:column}.luzmo-FieldGroup--sidelabel{flex-direction:row}.group{flex-flow:column wrap;display:flex}:host([vertical]) .group{flex-direction:column}:host([horizontal]) .group{flex-direction:row}:host([horizontal]) .group slot:not([name])::slotted(:not(:last-child)){margin-inline-end:var(--field-group-margin)}:host([horizontal]) .group .luzmo-HelpText{flex-basis:100%}:host{--field-group-margin: 16px;--field-group-readonly-delimiter: ","}:host([horizontal][dir=rtl]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=rtl]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 0 0 var(--field-group-margin)}:host([horizontal][dir=ltr]) slot:not([name])::slotted(*:not(:last-child)),:host([dir=ltr]:not([vertical])) slot:not([name])::slotted(*:not(:last-child)){margin:0 var(--field-group-margin) 0 0}';var il=Object.defineProperty,re=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&il(o,e,r),r};class st extends lo.ManageHelpText(i.LuzmoElement,{mode:"external"}){constructor(){super(...arguments),this.horizontal=!1,this.invalid=!1,this.label="",this.vertical=!1}static get styles(){return[i.r(al)]}handleSlotchange(){}render(){return i.x`
-      <div class="group" role="presentation">
-        <slot @slotchange=${this.handleSlotchange}></slot>
-      </div>
-      ${this.renderHelpText(this.invalid)}
-    `}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("role")||this.setAttribute("role","group")}updated(o){super.updated(o),o.has("label")&&(this.label?this.setAttribute("aria-label",this.label):this.removeAttribute("aria-label"))}}re([i.n({type:Boolean,reflect:!0})],st.prototype,"horizontal");re([i.n({type:Boolean,reflect:!0})],st.prototype,"invalid");re([i.n()],st.prototype,"label");re([i.n({type:Boolean,reflect:!0})],st.prototype,"vertical");customElements.get("luzmo-field-group")||customElements.define("luzmo-field-group",st);const nl="";var ll=Object.defineProperty,Mr=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&ll(o,e,r),r};const Ne=class Ne extends i.LuzmoElement{constructor(){super(...arguments),this.label="",this.tooltip=""}render(){return i.x` <span> ${this.label} </span> `}};Ne.styles=i.r(nl);let bt=Ne;Mr([i.n({type:String})],bt.prototype,"label");Mr([i.n({type:String,reflect:!0,attribute:"tooltip"})],bt.prototype,"tooltip");customElements.get("luzmo-label")||customElements.define("luzmo-label",bt);const sl=":host{border:.0625rem solid var(--luzmo-border-color);width:5.625rem;padding:.125rem .1875rem .1875rem;border-radius:var(--luzmo-border-radius)}.segment{height:1.5rem;width:100%;padding:.125rem 0;position:relative}.segment .option-block{width:1.5rem;height:1.25rem;border:.0625rem solid var(--luzmo-border-color);border-radius:.1875rem;background:var(--luzmo-background-color-hover);transition:background-color .2s ease-in-out;cursor:pointer;position:absolute}.segment .option-block:hover{background:var(--luzmo-secondary)}.segment .option-block.active,.segment .option-block.active:hover{background:var(--luzmo-primary)}.segment .option-block.top-left,.segment .option-block.left,.segment .option-block.bottom-left{left:0}.segment .option-block.top-right,.segment .option-block.right,.segment .option-block.bottom-right{right:0}.segment .option-block.top,.segment .option-block.middle,.segment .option-block.bottom{left:50%;transform:translate(-50%)}";var cl=Object.defineProperty,Te=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&cl(o,e,r),r};const Ke=class Ke extends i.LuzmoElement{constructor(){super(...arguments),this.value="topRight",this.disabled=!1,this.disabledPositions=["middle"],this.positions=[{topLeft:"top-left",top:"top",topRight:"top-right"},{left:"left",middle:"middle",right:"right"},{bottomLeft:"bottom-left",bottom:"bottom",bottomRight:"bottom-right"}]}setPosition(o){this.disabled||(this.value=o,this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:this.value,bubbles:!0,composed:!0})))}render(){return this.positions.map(o=>i.x`
-        <div class="segment${this.disabled?" disabled":""}">
-          ${Object.entries(o).filter(([e,a])=>!this.disabledPositions.includes(e)).map(([e,a])=>i.x`
-                <div
-                  class="option-block ${a} ${this.value===e?"active":""}"
-                  @click=${()=>this.setPosition(e)}
-                ></div>
-              `)}
-        </div>
-      `)}};Ke.styles=i.r(sl);let Qo=Ke;Te([i.n({type:String,reflect:!0,attribute:"value"})],Qo.prototype,"value");Te([i.n({type:Boolean,reflect:!0,attribute:"disabled"})],Qo.prototype,"disabled");Te([i.n({type:Array,reflect:!0,attribute:"disabledPositions"})],Qo.prototype,"disabledPositions");customElements.get("luzmo-legend-position")||customElements.define("luzmo-legend-position",Qo);const ul='@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 dl=Object.defineProperty,ct=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&dl(o,e,r),r};class Oo extends i.SizedMixin(_o.FocusVisiblePolyfillMixin(i.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[i.r(ul)]}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 i.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"))}}ct([i.n({type:Boolean})],Oo.prototype,"autofocus");ct([i.n({type:String,reflect:!0})],Oo.prototype,"value");ct([i.n({type:Boolean,reflect:!0})],Oo.prototype,"checked");ct([i.n({type:Boolean,reflect:!0})],Oo.prototype,"disabled");ct([i.n({type:Boolean,reflect:!0})],Oo.prototype,"emphasized");ct([i.n({type:Boolean,reflect:!0})],Oo.prototype,"invalid");ct([i.n({type:Boolean,reflect:!0})],Oo.prototype,"readonly");var hl=Object.defineProperty,Ve=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&hl(o,e,r),r};class Dt extends _o.FocusVisiblePolyfillMixin(st){constructor(){super(...arguments),this.name="",this.rovingTabindexController=new Ht.RovingTabindexController(this,{focusInIndex:o=>o.findIndex(e=>this.selected?!e.disabled&&e.value===this.selected:!e.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 Oo)}focus(){this.rovingTabindexController.focus()}_setSelected(o){if(o===this.selected)return;const e=this.selected,a=o?this.querySelector(`luzmo-radio[value="${o}"]`):void 0;if(this.selected=a?o:"",!this.dispatchEvent(new Event("change",{cancelable:!0,bubbles:!0,composed:!0}))){this.selected=e;return}this.validateRadios()}willUpdate(o){if(!this.hasUpdated){this.setAttribute("role","radiogroup");const e=this.querySelector("luzmo-radio[checked]"),a=e?e.value:"";if(this.selected=a||this.selected,this.selected&&this.selected!==a){const r=this.querySelector(`luzmo-radio[value="${this.selected}"]`);r&&(r.checked=!0)}this.shadowRoot.addEventListener("change",r=>{r.stopPropagation();const n=r.target;this._setSelected(n.value)})}o.has("selected")&&this.validateRadios()}async validateRadios(){let o=!1;this.hasUpdated||await this.updateComplete,this.buttons.map(e=>{e.checked=this.selected===e.value,o=o||e.checked}),o||(this.selected="")}handleSlotchange(){this.rovingTabindexController.clearElementCache()}}Ve([i.n({type:String})],Dt.prototype,"name");Ve([pt.n()],Dt.prototype,"defaultNodes");Ve([i.n({reflect:!0})],Dt.prototype,"selected");customElements.get("luzmo-radio")||customElements.define("luzmo-radio",Oo);customElements.get("luzmo-radio-group")||customElements.define("luzmo-radio-group",Dt);const bl="@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 pl=Object.defineProperty,ut=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&pl(o,e,r),r};const vl=t=>t.stopPropagation(),ml=t=>t==="s"?C.l2:t==="l"?C.z2:C.n2;class Fo extends lo.LuzmoTextField{constructor(){super(...arguments),this.action="",this.label="Search",this.placeholder="Search"}static get styles(){return[...super.styles,i.r(bl)]}handleSubmit(o){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||o.preventDefault()}handleKeydown(o){const{code:e}=o;e==="Escape"&&this.holdValueOnEscape||!this.value||e!=="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 i.x`
-      <form
-        action=${this.action}
-        id="form"
-        method=${i.o(this.method)}
-        @submit=${this.handleSubmit}
-        @reset=${this.reset}
-        @keydown=${this.handleKeydown}
-      >
-        <luzmo-icon
-          block
-          .icon=${ml(this.size)}
-          size=${this.size}
-          class="icon magnifier icon-workflow icon-search"
-        ></luzmo-icon>
-        ${super.renderField()}
-        ${this.value?i.x`
-              <luzmo-clear-button
-                id="button"
-                label="Reset"
-                tabindex="-1"
-                type="reset"
-                size=${i.o(this.size)}
-                @keydown=${vl}
-              ></luzmo-clear-button>
-            `:i.E}
-      </form>
-    `}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("holdValueOnEscape")||this.inputElement.setAttribute("type","search")}willUpdate(){this.multiline=!1}}ut([i.n()],Fo.prototype,"action");ut([i.n()],Fo.prototype,"label");ut([i.n({type:String,reflect:!0})],Fo.prototype,"border");ut([i.n()],Fo.prototype,"method");ut([i.n()],Fo.prototype,"placeholder");ut([i.n({type:Boolean})],Fo.prototype,"holdValueOnEscape");ut([i.e("#form")],Fo.prototype,"form");customElements.get("luzmo-search")||customElements.define("luzmo-search",Fo);const gl=':host{border-color:var(--highcontrast-tag-border-color, var(--luzmo-tag-border-color, var(--tag-border-color)));background-color:var(--highcontrast-tag-background-color, var(--luzmo-tag-background-color, var(--tag-background-color)));color:var(--highcontrast-tag-content-color, var(--luzmo-tag-content-color, var(--tag-content-color)));border-radius:var(--luzmo-tag-corner-radius, var(--tag-corner-radius));border-width:var(--luzmo-tag-border-width, var(--tag-border-width));block-size:var(--luzmo-tag-height, var(--tag-height));box-sizing:border-box;vertical-align:bottom;max-inline-size:100%;-webkit-user-select:none;user-select:none;transition:border-color var(--luzmo-tag-animation-duration, var(--tag-animation-duration)) ease-in-out,color var(--luzmo-tag-animation-duration, var(--tag-animation-duration)) ease-in-out,box-shadow var(--luzmo-tag-animation-duration, var(--tag-animation-duration)) ease-in-out,background-color var(--luzmo-tag-animation-duration, var(--tag-animation-duration)) ease-in-out;border-style:solid;outline:none;align-items:center;justify-content:center;padding-inline-start:calc(var(--luzmo-tag-spacing-inline-start, var(--tag-spacing-inline-start)) - var(--luzmo-tag-border-width, var(--tag-border-width)));padding-inline-end:0;display:inline-flex;position:relative}::slotted([slot=icon]){block-size:var(--luzmo-tag-icon-size, var(--tag-icon-size));inline-size:var(--luzmo-tag-icon-size, var(--tag-icon-size));flex-shrink:0;margin-inline-end:var(--luzmo-tag-icon-spacing-inline-end, var(--tag-icon-spacing-inline-end))}::slotted([slot=avatar]){margin-inline-end:var(--luzmo-tag-avatar-spacing-inline-end, var(--tag-avatar-spacing-inline-end))}.clear-button{--luzmo-clear-button-width: fit-content;--clearbutton-fill-size: fit-content;--clearbutton-fill-background-color: transparent;box-sizing:border-box;color:currentColor;margin-inline-start:calc(var(--luzmo-tag-clear-button-spacing-inline-start, var(--tag-clear-button-spacing-inline-start)) + var(--luzmo-tag-label-spacing-inline-end, var(--tag-label-spacing-inline-end)) * -1);margin-inline-end:calc(var(--luzmo-tag-clear-button-spacing-inline-end, var(--tag-clear-button-spacing-inline-end)) - var(--luzmo-tag-border-width, var(--tag-border-width)))}.clear-button .luzmo-ClearButton-fill{background-color:var(--luzmo-clearbutton-fill-background-color, var(--clearbutton-fill-background-color));inline-size:var(--luzmo-clearbutton-fill-size, var(--clearbutton-fill-size));block-size:var(--luzmo-clearbutton-fill-size, var(--clearbutton-fill-size))}.label{block-size:100%;box-sizing:border-box;line-height:var(--luzmo-tag-label-line-height, var(--tag-label-line-height));font-weight:var(--luzmo-tag-label-font-weight, var(--tag-label-font-weight));font-size:var(--luzmo-tag-font-size, var(--tag-font-size));cursor:default;white-space:nowrap;text-overflow:ellipsis;flex:auto;display:flex;align-items:center;margin-inline-end:calc(var(--luzmo-tag-label-spacing-inline-end, var(--tag-label-spacing-inline-end)) - var(--luzmo-tag-border-width, var(--tag-border-width)));overflow:hidden}:host(:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-active, var(--luzmo-tag-border-color-active, var(--tag-border-color-active)));background-color:var(--highcontrast-tag-background-color-active, var(--luzmo-tag-background-color-active, var(--tag-background-color-active)));color:var(--highcontrast-tag-content-color-active, var(--luzmo-tag-content-color-active, var(--tag-content-color-active)))}:host([focused]),:host(:focus-visible){border-color:var(--highcontrast-tag-border-color-focus, var(--luzmo-tag-border-color-focus, var(--tag-border-color-focus)));background-color:var(--highcontrast-tag-background-color-focus, var(--luzmo-tag-background-color-focus, var(--tag-background-color-focus)));color:var(--highcontrast-tag-content-color-focus, var(--luzmo-tag-content-color-focus, var(--tag-content-color-focus)))}:host([focused]):after,:host(:focus-visible):after{content:"";border-color:var(--highcontrast-tag-focus-ring-color, var(--luzmo-tag-focus-ring-color, var(--tag-focus-ring-color)));border-radius:calc(var(--luzmo-tag-corner-radius, var(--tag-corner-radius)) + var(--luzmo-tag-focus-ring-gap, var(--tag-focus-ring-gap)) + var(--luzmo-tag-border-width, var(--tag-border-width)));border-width:var(--luzmo-tag-focus-ring-thickness, var(--tag-focus-ring-thickness));pointer-events:none;border-style:solid;display:inline-block;position:absolute;inset-block-start:calc(var(--luzmo-tag-focus-ring-gap, var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width, var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness, var(--tag-focus-ring-thickness)));inset-block-end:calc(var(--luzmo-tag-focus-ring-gap, var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width, var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness, var(--tag-focus-ring-thickness)));inset-inline-start:calc(var(--luzmo-tag-focus-ring-gap, var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width, var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness, var(--tag-focus-ring-thickness)));inset-inline-end:calc(var(--luzmo-tag-focus-ring-gap, var(--tag-focus-ring-gap)) * -1 - var(--luzmo-tag-border-width, var(--tag-border-width)) - var(--luzmo-tag-focus-ring-thickness, var(--tag-focus-ring-thickness)))}:host([selected]){border-color:var(--highcontrast-tag-border-color-selected, var(--luzmo-tag-border-color-selected, var(--tag-border-color-selected)));background-color:var(--highcontrast-tag-background-color-selected, var(--luzmo-tag-background-color-selected, var(--tag-background-color-selected)));color:var(--highcontrast-tag-content-color-selected, var(--luzmo-tag-content-color-selected, var(--tag-content-color-selected)))}:host([selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-selected-active, var(--luzmo-tag-border-color-selected-active, var(--tag-border-color-selected-active)));background-color:var(--highcontrast-tag-background-color-selected-active, var(--luzmo-tag-background-color-selected-active, var(--tag-background-color-selected-active)))}:host([selected][focused]),:host([selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-selected-focus, var(--luzmo-tag-border-color-selected-focus, var(--tag-border-color-selected-focus)));background-color:var(--highcontrast-tag-background-color-selected-focus, var(--luzmo-tag-background-color-selected-focus, var(--tag-background-color-selected-focus)))}:host([invalid]){border-color:var(--highcontrast-tag-border-color-invalid, var(--luzmo-tag-border-color-invalid, var(--tag-border-color-invalid)));color:var(--highcontrast-tag-content-color-invalid, var(--luzmo-tag-content-color-invalid, var(--tag-content-color-invalid)))}:host([invalid]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-active, var(--luzmo-tag-border-color-invalid-active, var(--tag-border-color-invalid-active)));color:var(--highcontrast-tag-content-color-invalid-active, var(--luzmo-tag-content-color-invalid-active, var(--tag-content-color-invalid-active)))}:host([invalid][focused]),:host([invalid]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-focus, var(--luzmo-tag-border-color-invalid-focus, var(--tag-border-color-invalid-focus)));color:var(--highcontrast-tag-content-color-invalid-focus, var(--luzmo-tag-content-color-invalid-focus, var(--tag-content-color-invalid-focus)))}:host([invalid][selected]){border-color:var(--highcontrast-tag-border-color-invalid-selected, var(--luzmo-tag-border-color-invalid-selected, var(--tag-border-color-invalid-selected)));background-color:var(--highcontrast-tag-background-color-invalid-selected, var(--luzmo-tag-background-color-invalid-selected, var(--tag-background-color-invalid-selected)));color:var(--highcontrast-tag-content-color-invalid-selected, var(--luzmo-tag-content-color-invalid-selected, var(--tag-content-color-invalid-selected)))}:host([invalid][selected]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-invalid-selected-active, var(--luzmo-tag-border-color-invalid-selected-active, var(--tag-border-color-invalid-selected-active)));background-color:var(--highcontrast-tag-background-color-invalid-selected-active, var(--luzmo-tag-background-color-invalid-selected-active, var(--tag-background-color-invalid-selected-active)))}:host([invalid][selected][focused]),:host([invalid][selected]:focus-visible){border-color:var(--highcontrast-tag-border-color-invalid-selected-focus, var(--luzmo-tag-border-color-invalid-selected-focus, var(--tag-border-color-invalid-selected-focus)));background-color:var(--highcontrast-tag-background-color-invalid-selected-focus, var(--luzmo-tag-background-color-invalid-selected-focus, var(--tag-background-color-invalid-selected-focus)))}:host([emphasized]){border-color:var(--highcontrast-tag-border-color-emphasized, var(--luzmo-tag-border-color-emphasized, var(--tag-border-color-emphasized)));background-color:var(--highcontrast-tag-background-color-emphasized, var(--luzmo-tag-background-color-emphasized, var(--tag-background-color-emphasized)));color:var(--highcontrast-tag-content-color-emphasized, var(--luzmo-tag-content-color-emphasized, var(--tag-content-color-emphasized)));--luzmo-clear-button-background-color-hover: var( --luzmo-tag-background-color-emphasized, var(--tag-background-color-emphasized) );--luzmo-clear-button-background-color-focus: var( --luzmo-tag-background-color-emphasized, var(--tag-background-color-emphasized) );--luzmo-clear-button-background-color-down: var( --luzmo-tag-background-color-emphasized, var(--tag-background-color-emphasized) )}@media (hover: hover){:host(:hover){border-color:var(--highcontrast-tag-border-color-hover, var(--luzmo-tag-border-color-hover, var(--tag-border-color-hover)));background-color:var(--highcontrast-tag-background-color-hover, var(--luzmo-tag-background-color-hover, var(--tag-background-color-hover)));color:var(--highcontrast-tag-content-color-hover, var(--luzmo-tag-content-color-hover, var(--tag-content-color-hover)))}:host([selected]:hover){border-color:var(--highcontrast-tag-border-color-selected-hover, var(--luzmo-tag-border-color-selected-hover, var(--tag-border-color-selected-hover)));background-color:var(--highcontrast-tag-background-color-selected-hover, var(--luzmo-tag-background-color-selected-hover, var(--tag-background-color-selected-hover)));color:var(--highcontrast-tag-content-color-selected, var(--luzmo-tag-content-color-selected, var(--tag-content-color-selected)))}:host([invalid]:hover){border-color:var(--highcontrast-tag-border-color-invalid-hover, var(--luzmo-tag-border-color-invalid-hover, var(--tag-border-color-invalid-hover)));color:var(--highcontrast-tag-content-color-invalid-hover, var(--luzmo-tag-content-color-invalid-hover, var(--tag-content-color-invalid-hover)))}:host([invalid][selected]:hover){border-color:var(--highcontrast-tag-border-color-invalid-selected-hover, var(--luzmo-tag-border-color-invalid-selected-hover, var(--tag-border-color-invalid-selected-hover)));background-color:var(--highcontrast-tag-background-color-invalid-selected-hover, var(--luzmo-tag-background-color-invalid-selected-hover, var(--tag-background-color-invalid-selected-hover)));color:var(--highcontrast-tag-content-color-invalid-selected, var(--luzmo-tag-content-color-invalid-selected, var(--tag-content-color-invalid-selected)))}:host([emphasized]:hover){border-color:var(--highcontrast-tag-border-color-emphasized-hover, var(--luzmo-tag-border-color-emphasized-hover, var(--tag-border-color-emphasized-hover)));background-color:var(--highcontrast-tag-background-color-emphasized-hover, var(--luzmo-tag-background-color-emphasized-hover, var(--tag-background-color-emphasized-hover)));color:var(--highcontrast-tag-content-color-emphasized, var(--luzmo-tag-content-color-emphasized, var(--tag-content-color-emphasized)))}}:host([emphasized]:is(:active,[active])){border-color:var(--highcontrast-tag-border-color-emphasized-active, var(--luzmo-tag-border-color-emphasized-active, var(--tag-border-color-emphasized-active)));background-color:var(--highcontrast-tag-background-color-emphasized-active, var(--luzmo-tag-background-color-emphasized-active, var(--tag-background-color-emphasized-active)))}:host([emphasized][focused]),:host([emphasized]:focus-visible){border-color:var(--highcontrast-tag-border-color-emphasized-focus, var(--luzmo-tag-border-color-emphasized-focus, var(--tag-border-color-emphasized-focus)));background-color:var(--highcontrast-tag-background-color-emphasized-focus, var(--luzmo-tag-background-color-emphasized-focus, var(--tag-background-color-emphasized-focus)))}:host([disabled]){border-color:var(--highcontrast-tag-border-color-disabled, var(--luzmo-tag-border-color-disabled, var(--tag-border-color-disabled)));background-color:var(--highcontrast-tag-background-color-disabled, var(--luzmo-tag-background-color-disabled, var(--tag-background-color-disabled)));color:var(--highcontrast-tag-content-color-disabled, var(--luzmo-tag-content-color-disabled, var(--tag-content-color-disabled)));pointer-events:none}:host([disabled]) ::slotted([slot=avatar]){opacity:var(--luzmo-avatar-opacity-disabled, var(--avatar-opacity-disabled))}@media (forced-colors: active){:host{--highcontrast-tag-border-color: ButtonText;--highcontrast-tag-border-color-hover: ButtonText;--highcontrast-tag-border-color-active: ButtonText;--highcontrast-tag-border-color-focus: Highlight;--highcontrast-tag-background-color: ButtonFace;--highcontrast-tag-background-color-hover: ButtonFace;--highcontrast-tag-background-color-active: ButtonFace;--highcontrast-tag-background-color-focus: ButtonFace;--highcontrast-tag-content-color: ButtonText;--highcontrast-tag-content-color-hover: ButtonText;--highcontrast-tag-content-color-active: ButtonText;--highcontrast-tag-content-color-focus: ButtonText;--highcontrast-tag-focus-ring-color: Highlight;forced-color-adjust:none}:host([selected]){--highcontrast-tag-border-color-selected: Highlight;--highcontrast-tag-border-color-selected-hover: Highlight;--highcontrast-tag-border-color-selected-active: Highlight;--highcontrast-tag-border-color-selected-focus: Highlight;--highcontrast-tag-background-color-selected: Highlight;--highcontrast-tag-background-color-selected-hover: Highlight;--highcontrast-tag-background-color-selected-active: Highlight;--highcontrast-tag-background-color-selected-focus: Highlight;--highcontrast-tag-content-color-selected: HighlightText}:host([disabled]){--highcontrast-tag-border-color-disabled: GrayText;--highcontrast-tag-background-color-disabled: ButtonFace;--highcontrast-tag-content-color-disabled: GrayText}:host([invalid]){--highcontrast-tag-border-color-invalid: Highlight;--highcontrast-tag-border-color-invalid-hover: Highlight;--highcontrast-tag-border-color-invalid-active: Highlight;--highcontrast-tag-border-color-invalid-focus: Highlight;--highcontrast-tag-content-color-invalid: CanvasText;--highcontrast-tag-content-color-invalid-hover: CanvasText;--highcontrast-tag-content-color-invalid-active: CanvasText;--highcontrast-tag-content-color-invalid-focus: CanvasText}:host([invalid][selected]){--highcontrast-tag-border-color-invalid-selected: Highlight;--highcontrast-tag-border-color-invalid-selected-hover: Highlight;--highcontrast-tag-border-color-invalid-selected-focus: Highlight;--highcontrast-tag-border-color-invalid-selected-active: Highlight;--highcontrast-tag-background-color-invalid-selected: Highlight;--highcontrast-tag-background-color-invalid-selected-hover: Highlight;--highcontrast-tag-background-color-invalid-selected-active: Highlight;--highcontrast-tag-background-color-invalid-selected-focus: Highlight;--highcontrast-tag-content-color-invalid-selected: HighlightText}:host([emphasized]){--highcontrast-tag-border-color-emphasized: Highlight;--highcontrast-tag-border-color-emphasized-hover: Highlight;--highcontrast-tag-border-color-emphasized-active: Highlight;--highcontrast-tag-border-color-emphasized-focus: Highlight;--highcontrast-tag-background-color-emphasized: ButtonFace;--highcontrast-tag-background-color-emphasized-hover: ButtonFace;--highcontrast-tag-background-color-emphasized-active: ButtonFace;--highcontrast-tag-background-color-emphasized-focus: ButtonFace;--highcontrast-tag-content-color-emphasized: CanvasText}}:host{--tag-border-color: var(--luzmo-border-color);--tag-border-color-hover: var(--luzmo-border-color-hover);--tag-border-color-active: var(--luzmo-border-color-active);--tag-border-color-focus: var(--luzmo-border-color-focus);--tag-size-small-corner-radius: var(--luzmo-border-radius-s);--tag-size-medium-corner-radius: var(--luzmo-border-radius);--tag-size-large-corner-radius: var(--luzmo-border-radius);--tag-background-color: var(--luzmo-background-color);--tag-background-color-hover: var(--luzmo-background-color-hover);--tag-background-color-active: var(--luzmo-background-color-active);--tag-background-color-focus: var(--luzmo-background-color-focus);--tag-content-color: var(--luzmo-font-color);--tag-content-color-hover: var(--luzmo-font-color-hover);--tag-content-color-active: var(--luzmo-font-color-active);--tag-content-color-focus: var(--luzmo-font-color-focus);--tag-border-color-selected: var(--luzmo-border-color-down);--tag-border-color-selected-hover: var(--luzmo-border-color-down);--tag-border-color-selected-active: var(--luzmo-border-color-down);--tag-border-color-selected-focus: var(--luzmo-border-color-down);--tag-border-color-disabled: var(--luzmo-border-color-disabled);--tag-background-color-disabled: var(--luzmo-background-color-disabled);--avatar-opacity-disabled: .3;--tag-animation-duration: var(--luzmo-animation-duration);--tag-border-width: var(--luzmo-border-width);--tag-focus-ring-thickness: var(--luzmo-indicator-width);--tag-focus-ring-gap: var(--luzmo-indicator-gap);--tag-focus-ring-color: var(--luzmo-indicator-color);--tag-label-line-height: var(--luzmo-line-height);--tag-label-font-weight: var(--luzmo-font-weight);--tag-content-color-selected: var(--luzmo-font-color-down);--tag-background-color-selected: var(--luzmo-background-color-down);--tag-background-color-selected-hover: var(--luzmo-background-color-down);--tag-background-color-selected-active: var(--luzmo-background-color-down);--tag-background-color-selected-focus: var(--luzmo-background-color-down);--tag-border-color-invalid: var(--luzmo-color-negative);--tag-border-color-invalid-hover: var(--luzmo-color-negative-hover);--tag-border-color-invalid-active: var(--luzmo-color-negative-down);--tag-border-color-invalid-focus: var(--luzmo-color-negative-focus);--tag-content-color-invalid: var(--luzmo-color-negative);--tag-content-color-invalid-hover: var(--luzmo-color-negative-hover);--tag-content-color-invalid-active: var(--luzmo-color-negative-down);--tag-content-color-invalid-focus: var(--luzmo-color-negative-focus);--tag-border-color-invalid-selected: var(--luzmo-color-negative-down);--tag-border-color-invalid-selected-hover: var(--luzmo-color-negative-down);--tag-border-color-invalid-selected-focus: var(--luzmo-color-negative-down);--tag-border-color-invalid-selected-active: var(--luzmo-color-negative-down);--tag-background-color-invalid-selected: var(--luzmo-background-color-down);--tag-background-color-invalid-selected-hover: var( --luzmo-background-color-down );--tag-background-color-invalid-selected-active: var( --luzmo-background-color-down );--tag-background-color-invalid-selected-focus: var( --luzmo-background-color-down );--tag-content-color-invalid-selected: var(--luzmo-color-negative-down);--tag-border-color-emphasized: var(--luzmo-primary);--tag-border-color-emphasized-hover: var(--luzmo-primary-hover);--tag-border-color-emphasized-active: var(--luzmo-primary-down);--tag-border-color-emphasized-focus: var(--luzmo-primary-focus);--tag-background-color-emphasized: var(--luzmo-primary);--tag-background-color-emphasized-hover: var(--luzmo-primary-hover);--tag-background-color-emphasized-active: var(--luzmo-primary-down);--tag-background-color-emphasized-focus: var(--luzmo-primary-focus);--tag-content-color-emphasized: white;--tag-content-color-disabled: var(--luzmo-color-disabled);--tag-icon-spacing-inline-end: var(--luzmo-spacing-3);--tag-icon-size: var(--luzmo-font-icon-size-s);--tag-avatar-spacing-inline-end: var(--luzmo-spacing-3);--tag-font-size: var(--luzmo-font-size)}:host([size=s]){--tag-height: var(--luzmo-component-height-xs);--tag-font-size: var(--luzmo-font-size-s);--tag-icon-size: var(--luzmo-font-size-s);--tag-clear-button-spacing-inline-start: var(--luzmo-spacing-2);--tag-corner-radius: var(--luzmo-border-radius);--tag-spacing-inline-start: var(--luzmo-spacing-3);--tag-label-spacing-inline-end: var(--luzmo-spacing-3);--tag-clear-button-spacing-inline-end: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host{--tag-height: var(--luzmo-component-height-s);--tag-font-size: var(--luzmo-font-size);--tag-icon-size: var(--luzmo-font-size);--tag-clear-button-spacing-inline-start: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--tag-corner-radius: var(--luzmo-border-radius);--tag-spacing-inline-start: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--tag-label-spacing-inline-end: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--tag-clear-button-spacing-inline-end: var(--luzmo-spacing-3)}:host([size=l]){--tag-height: var(--luzmo-component-height);--tag-font-size: var(--luzmo-font-size);--tag-icon-size: var(--luzmo-font-size);--tag-clear-button-spacing-inline-start: var(--luzmo-spacing-3);--tag-corner-radius: var(--luzmo-border-radius);--tag-spacing-inline-start: var(--luzmo-spacing-4);--tag-label-spacing-inline-end: var(--luzmo-spacing-4);--tag-clear-button-spacing-inline-end: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) )}:host([size=xl]){--tag-height: var(--luzmo-component-height-l);--tag-font-size: var(--luzmo-font-size-l);--tag-icon-size: var(--luzmo-font-size-l);--tag-clear-button-spacing-inline-start: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--tag-corner-radius: var(--luzmo-border-radius-l);--tag-spacing-inline-start: var(--luzmo-spacing-5);--tag-label-spacing-inline-end: var(--luzmo-spacing-5);--tag-clear-button-spacing-inline-end: var(--luzmo-spacing-4)}:host([invalid]) .clear-button{--clearbutton-medium-icon-color: var( --tag-icon-color-error-key-focus, var(--red-600) );--clearbutton-medium-icon-color-hover: var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down: var( --tag-deletable-icon-color-error-down, var(--red-700) )}:host([invalid]):hover .clear-button{--clearbutton-medium-icon-color: var( --tag-icon-color-error-hover, var(--red-600) );--clearbutton-medium-icon-color-hover: var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down: var( --tag-deletable-icon-color-error-down, var(--red-700) )}:host([invalid]:is(:active,[active])) .clear-button{--clearbutton-medium-icon-color: var( --tag-icon-color-error-hover, var(--red-600) );--clearbutton-medium-icon-color-hover: var(--clearbutton-medium-icon-color);--clearbutton-medium-icon-color-down: var( --tag-deletable-icon-color-error-down, var(--red-700) )}:host([size=xs]){--icon-size: var(--workflow-icon-size-50)}:host([size=s]){--icon-size: var(--workflow-icon-size-75)}:host([size=m]){--icon-size: var(--workflow-icon-size-100)}:host([size=l]){--icon-size: var(--workflow-icon-size-200)}:host([size=xl]){--icon-size: var(--workflow-icon-size-300)}:host([size=xxl]){--icon-size: var(--workflow-icon-size-400)}';var fl=Object.defineProperty,Ue=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&fl(o,e,r),r};class xt extends i.SizedMixin(i.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(),this.deletable=!1,this.disabled=!1,this.readonly=!1,this.handleFocusin=()=>{this.addEventListener("focusout",this.handleFocusout),this.addEventListener("keydown",this.handleKeydown)},this.handleFocusout=()=>{this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("focusout",this.handleFocusout)},this.handleKeydown=o=>{if(!this.deletable||this.disabled)return;const{code:e}=o;switch(e){case"Backspace":case"Space":case"Delete":{this.delete();break}default:return}},this.addEventListener("focusin",this.handleFocusin)}static get styles(){return[i.r(gl)]}delete(){this.readonly||!this.dispatchEvent(new Event("delete",{bubbles:!0,cancelable:!0,composed:!0}))||this.remove()}render(){return i.x`
-      <slot name="avatar"></slot>
-      <slot name="icon"></slot>
-      <span class="label"><slot></slot></span>
-      ${this.deletable?i.x`
-            <luzmo-clear-button
-              class="clear-button"
-              ?disabled=${this.disabled}
-              label="Remove"
-              .size=${this.size}
-              tabindex="-1"
-              @click=${this.delete}
-            ></luzmo-clear-button>
-          `:i.E}
-    `}firstUpdated(o){super.firstUpdated(o),this.hasAttribute("role")||this.setAttribute("role","listitem"),this.deletable&&this.setAttribute("tabindex","0")}updated(o){super.updated(o),o.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}Ue([i.n({type:Boolean,reflect:!0})],xt.prototype,"deletable");Ue([i.n({type:Boolean,reflect:!0})],xt.prototype,"disabled");Ue([i.n({type:Boolean,reflect:!0})],xt.prototype,"readonly");const zl=":host{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:inline-flex}::slotted(*){margin-block:var(--luzmo-tag-group-item-margin-block, var(--tag-group-item-margin-block));margin-inline:var(--luzmo-tag-group-item-margin-inline, var(--tag-group-item-margin-inline))}:host{--luzmo-tag-group-item-margin-block: var(--luzmo-spacing-2);--luzmo-tag-group-item-margin-inline: var(--luzmo-spacing-2)}:host{--luzmo-clear-button-width: fit-content;display:inline-flex;margin:0;padding:0;list-style:none}:host([size=s]){--luzmo-tag-group-item-margin-block: var(--luzmo-spacing-2);--luzmo-tag-group-item-margin-inline: var(--luzmo-spacing-2)}:host([size=l]){--luzmo-tag-group-item-margin-block: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--luzmo-tag-group-item-margin-inline: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) )}:host([size=xl]){--luzmo-tag-group-item-margin-block: var(--luzmo-spacing-3);--luzmo-tag-group-item-margin-inline: var(--luzmo-spacing-3)}:host{--clear-button-width: fit-content;display:inline-flex;margin:0;padding:0;list-style:none}";var wl=Object.defineProperty,xl=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&wl(o,e,r),r};class He extends _o.FocusVisiblePolyfillMixin(i.SizedMixin(i.LuzmoElement)){constructor(){super(),this.rovingTabindexController=new Ht.RovingTabindexController(this,{focusInIndex:o=>o.findIndex(e=>!e.disabled&&e.deletable),elements:()=>this.tags,isFocusableElement:o=>!o.disabled&&o.deletable}),this.handleFocusin=()=>{this.addEventListener("focusout",this.handleFocusout),this.addEventListener("keydown",this.handleKeydown)},this.handleKeydown=o=>{const{code:e}=o;if(e!=="PageUp"&&e!=="PageDown")return;const a=(p,g)=>p[(p.length+g)%p.length],r=[...this.getRootNode().querySelectorAll("luzmo-tags")];if(r.length<2)return;o.preventDefault();const n=r.indexOf(this),l=e==="PageUp"?-1:1;let d=n+l,h=a(r,d);for(;h.tags.length===0;)d+=l,h=a(r,d);h.focus()},this.handleFocusout=()=>{this.removeEventListener("keydown",this.handleKeydown),this.removeEventListener("focusout",this.handleFocusout)},this.addEventListener("focusin",this.handleFocusin)}static get styles(){return[i.r(zl)]}get tags(){return this.defaultNodes.filter(o=>o instanceof xt)}focus(){this.rovingTabindexController.focus()}handleSlotchange(){this.rovingTabindexController.clearElementCache()}render(){return i.x` <slot @slotchange=${this.handleSlotchange}></slot> `}firstUpdated(){this.hasAttribute("role")||this.setAttribute("role","list"),this.hasAttribute("aria-label")||this.setAttribute("aria-label","Tags")}}xl([pt.n()],He.prototype,"defaultNodes");customElements.get("luzmo-tag")||customElements.define("luzmo-tag",xt);customElements.get("luzmo-tags")||customElements.define("luzmo-tags",He);const yl="@media (forced-colors: active){:host{--highcontrast-toast-border-color: ButtonText;border:var(--luzmo-toast-border-width, var(--toast-border-width)) solid var(--highcontrast-toast-border-color, transparent)}}:host{box-sizing:border-box;min-block-size:var(--luzmo-toast-block-size, var(--toast-block-size));max-inline-size:var(--luzmo-toast-max-inline-size, var(--toast-max-inline-size));border-radius:var(--luzmo-toast-corner-radius, var(--toast-corner-radius));font-size:var(--luzmo-toast-font-size, var(--toast-font-size));font-weight:var(--luzmo-toast-font-weight, var(--toast-font-weight));-webkit-font-smoothing:antialiased;background-color:var(--highcontrast-toast-background-color-default, var(--luzmo-toast-background-color-default, var(--toast-background-color-default)));color:var(--highcontrast-toast-background-color-default, var(--luzmo-toast-background-color-default, var(--toast-background-color-default)));overflow-wrap:anywhere;flex-direction:row;align-items:stretch;padding-inline-start:var(--luzmo-toast-spacing-start-edge-to-text-and-icon, var(--toast-spacing-start-edge-to-text-and-icon));display:inline-flex}:host([variant=negative]){background-color:var(--highcontrast-toast-negative-background-color-default, var(--luzmo-toast-negative-background-color-default, var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default, var(--luzmo-toast-negative-background-color-default, var(--toast-negative-background-color-default)))}:host([variant=info]){background-color:var(--highcontrast-toast-informative-background-color-default, var(--luzmo-toast-informative-background-color-default, var(--toast-informative-background-color-default)))}:host([variant=info]),:host([variant=info]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-informative-background-color-default, var(--luzmo-toast-informative-background-color-default, var(--toast-informative-background-color-default)))}:host([variant=positive]){background-color:var(--highcontrast-toast-positive-background-color-default, var(--luzmo-toast-positive-background-color-default, var(--toast-positive-background-color-default)))}:host([variant=positive]),:host([variant=positive]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-positive-background-color-default, var(--luzmo-toast-positive-background-color-default, var(--toast-positive-background-color-default)))}.type{flex-grow:0;flex-shrink:0;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-icon, var(--toast-spacing-top-edge-to-icon));margin-inline-start:0;margin-inline-end:var(--luzmo-toast-spacing-icon-to-text, var(--toast-spacing-icon-to-text))}.content,.type{color:var(--highcontrast-toast-text-and-icon-color, var(--luzmo-toast-text-and-icon-color, var(--toast-text-and-icon-color)))}.content{box-sizing:border-box;line-height:var(--luzmo-toast-line-height, var(--toast-line-height));text-align:start;flex:auto;padding-block-start:calc(var(--luzmo-toast-spacing-top-edge-to-text, var(--toast-spacing-top-edge-to-text)) - var(--luzmo-toast-spacing-block-start, var(--toast-spacing-block-start)));padding-block-end:calc(var(--luzmo-toast-spacing-bottom-edge-to-text, var(--toast-spacing-bottom-edge-to-text)) - var(--luzmo-toast-spacing-block-end, var(--toast-spacing-block-end)));padding-inline-start:0;padding-inline-end:var(--luzmo-toast-spacing-text-to-action-button-horizontal, var(--toast-spacing-text-to-action-button-horizontal));display:inline-block}.content:lang(ja),.content:lang(ko),.content:lang(zh){line-height:var(--luzmo-toast-line-height-cjk, var(--toast-line-height-cjk))}.buttons{border-inline-start-color:var(--luzmo-toast-divider-color, var(--toast-divider-color));flex:none;align-items:flex-start;margin-block-start:var(--luzmo-toast-spacing-top-edge-to-divider, var(--toast-spacing-top-edge-to-divider));margin-block-end:var(--luzmo-toast-spacing-bottom-edge-to-divider, var(--toast-spacing-bottom-edge-to-divider));padding-inline-end:var(--luzmo-toast-spacing-close-button, var(--toast-spacing-close-button));display:flex}.buttons .luzmo-CloseButton{align-self:flex-start}.body{flex-wrap:wrap;flex:auto;align-self:center;align-items:center;padding-block-start:var(--luzmo-toast-spacing-block-start, var(--toast-spacing-block-start));padding-block-end:var(--luzmo-toast-spacing-block-end, var(--toast-spacing-block-end));display:flex}.body ::slotted([slot=action]){margin-inline-start:auto;margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider, var(--toast-spacing-text-and-action-button-to-divider))}.body ::slotted([slot=action]:dir(rtl)),:host([dir=rtl]) .body ::slotted([slot=action]){margin-inline-end:var(--luzmo-toast-spacing-text-and-action-button-to-divider, var(--toast-spacing-text-and-action-button-to-divider))}.body+.buttons{border-inline-start-style:solid;border-inline-start-width:1px;padding-inline-start:var(--luzmo-toast-spacing-close-button, var(--toast-spacing-close-button))}:host{--toast-background-color-default: rgb(80, 80, 80);--toast-font-weight: var(--luzmo-font-weight);--toast-font-size: var(--luzmo-font-size);--toast-corner-radius: var(--luzmo-border-radius);--toast-block-size: var(--luzmo-component-height);--toast-max-inline-size: 360px;--toast-border-width: var(--luzmo-border-width);--toast-line-height: var(--luzmo-line-height);--toast-line-height-cjk: 1.5;--toast-spacing-icon-to-text: calc( var(--luzmo-spacing-2) + var(--luzmo-spacing-1) );--toast-spacing-start-edge-to-text-and-icon: var(--luzmo-spacing-5);--toast-spacing-text-and-action-button-to-divider: var(--luzmo-spacing-5);--toast-spacing-top-edge-to-divider: var(--luzmo-spacing-3);--toast-spacing-bottom-edge-to-divider: var(--luzmo-spacing-3);--toast-spacing-top-edge-to-icon: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--toast-spacing-text-to-action-button-horizontal: var(--luzmo-spacing-5);--toast-spacing-close-button: var(--luzmo-spacing-3);--toast-spacing-block-start: var(--luzmo-spacing-3);--toast-spacing-block-end: var(--luzmo-spacing-3);--toast-spacing-top-edge-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--toast-spacing-bottom-edge-to-text: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--toast-negative-background-color-default: var(--luzmo-color-negative);--toast-positive-background-color-default: var(--luzmo-color-positive);--toast-informative-background-color-default: var(--luzmo-color-informative);--toast-text-and-icon-color: rgb(255, 255, 255);--toast-divider-color: rgba(255, 255, 255, .2)}:host{--overlay-animation-distance: var(--spacing-100);--overlay-animation-duration: var(--animation-duration-100);opacity:0;pointer-events:none;transition:transform var(--overlay-animation-duration) ease-in-out,opacity var(--overlay-animation-duration) ease-in-out,visibility 0s linear var(--overlay-animation-duration);visibility:hidden}:host([open]){opacity:1;pointer-events:auto;transition-delay:0s;visibility:visible}:host([variant=error]),:host([variant=warning]){background-color:var(--highcontrast-toast-negative-background-color-default, var(--luzmo-toast-negative-background-color-default, var(--toast-negative-background-color-default)))}:host([variant=negative]),:host([variant=negative]) .closeButton:focus-visible:not(:active),:host([variant=warning]),:host([variant=warning]) .closeButton:focus-visible:not(:active){color:var(--highcontrast-toast-negative-background-color-default, var(--luzmo-toast-negative-background-color-default, var(--toast-negative-background-color-default)))}";var kl=Object.defineProperty,Cl=Object.getOwnPropertyDescriptor,ae=(t,o,e,a)=>{for(var r=a>1?void 0:a?Cl(o,e):o,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=(a?l(o,e,r):l(r))||r);return a&&r&&kl(o,e,r),r};const $l=["negative","positive","info"];class yt extends _o.FocusVisiblePolyfillMixin(i.LuzmoElement){constructor(){super(...arguments),this.open=!1,this._timeout=null,this._variant="",this.countdownStart=0,this.nextCount=-1,this.doCountdown=o=>{this.countdownStart||(this.countdownStart=performance.now()),o-this.countdownStart>this._timeout?(this.shouldClose(),this.countdownStart=0):this.countdown()},this.countdown=()=>{cancelAnimationFrame(this.nextCount),this.nextCount=requestAnimationFrame(this.doCountdown)},this.holdCountdown=()=>{this.stopCountdown(),this.addEventListener("focusout",this.resumeCountdown)},this.resumeCountdown=()=>{this.removeEventListener("focusout",this.holdCountdown),this.countdown()}}static get styles(){return[i.r(yl)]}set timeout(o){const a=typeof o!==null&&o>0?Math.max(6e3,o):null,r=this.timeout;a&&this.countdownStart&&(this.countdownStart=performance.now()),this._timeout=a,this.requestUpdate("timeout",r)}get timeout(){return this._timeout}set variant(o){if(o===this.variant)return;const e=this.variant;$l.includes(o)?(this.setAttribute("variant",o),this._variant=o):(this.removeAttribute("variant"),this._variant=""),this.requestUpdate("variant",e)}get variant(){return this._variant}renderIcon(o,e){switch(o){case"info":return i.x`
-          <luzmo-icon
-            .icon=${C.p1}
-            label=${e||"Information"}
-            class="type"
-          ></luzmo-icon>
-        `;case"negative":return i.x`
-          <luzmo-icon
-            .icon=${C.R}
-            label=${e||"Error"}
-            class="type"
-          ></luzmo-icon>
-        `;case"positive":return i.x`
-          <luzmo-icon
-            .icon=${C.v0}
-            label=${e||"Success"}
-            class="type"
-          ></luzmo-icon>
-        `;default:return i.x``}}startCountdown(){this.countdown(),this.addEventListener("focusin",this.holdCountdown)}stopCountdown(){cancelAnimationFrame(this.nextCount),this.countdownStart=0}shouldClose(){this.dispatchEvent(new CustomEvent("close",{composed:!0,bubbles:!0,cancelable:!0}))&&this.close()}close(){this.open=!1}render(){return i.x`
-      ${this.renderIcon(this.variant,this.iconLabel)}
-      <div class="body" role="alert">
-        <div class="content">
-          <slot></slot>
-        </div>
-        <slot name="action"></slot>
-      </div>
-      <div class="buttons">
-        <luzmo-close-button
-          @click=${this.shouldClose}
-          label="Close"
-          static-color="white"
-        ></luzmo-close-button>
-      </div>
-    `}updated(o){super.updated(o),o.has("open")&&(this.open?this.timeout&&this.startCountdown():this.timeout&&this.stopCountdown()),o.has("timeout")&&(this.timeout!==null&&this.open?this.startCountdown():this.stopCountdown())}}ae([i.n({type:Boolean,reflect:!0})],yt.prototype,"open",2);ae([i.n({type:Number})],yt.prototype,"timeout",1);ae([i.n({type:String})],yt.prototype,"variant",1);ae([i.n({type:String,attribute:"icon-label"})],yt.prototype,"iconLabel",2);customElements.get("luzmo-toast")||customElements.define("luzmo-toast",yt);const Sl="*,*:before,*:after{box-sizing:border-box}:host{display:flex;flex:1 1 auto}svg{height:.75em}.unit-input-container{width:100%;position:relative;display:flex;height:1.875rem;box-sizing:border-box;border-radius:var(--luzmo-border-radius)}.unit-input-container input{box-sizing:border-box;min-width:0;width:100%;line-height:1.6rem;color:var(--luzmo-font-color);padding-left:var(--luzmo-spacing-3);padding-right:var(--luzmo-spacing-5);outline:none;border:var(--luzmo-border-width) solid var(--luzmo-border-color);border-radius:var(--luzmo-border-radius);background:transparent;font-weight:400;text-align:right;transition:border .2s ease-in-out}.unit-input-container input:focus{border:var(--luzmo-border-width) solid var(--luzmo-primary);background:var(--luzmo-background-color-hover)}.unit-input-container input:focus~.ticks{border:var(--luzmo-border-width) solid var(--luzmo-primary)}.unit-input-container input:focus~.ticks .tick-up{border-bottom:var(--luzmo-border-width) solid var(--luzmo-primary)}.unit-input-container .unit{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;right:1.125rem;color:var(--luzmo-font-color-disabled);padding:0 var(--luzmo-spacing-2);height:100%;cursor:default;-webkit-user-select:none;user-select:none;z-index:2;font-size:80%}.unit-input-container .ticks{position:absolute;display:flex;flex-direction:column;top:0;bottom:0;right:0;width:var(--luzmo-unit-input-tick-width, 1rem);-webkit-user-select:none;user-select:none;z-index:3;border:var(--luzmo-border-width) solid var(--luzmo-border-color);border-top-right-radius:var(--luzmo-border-radius);border-bottom-right-radius:var(--luzmo-border-radius);overflow:hidden;background-color:var(--luzmo-background-color-hover)}.unit-input-container .ticks>div{flex:1 1 auto;display:flex;justify-content:center;align-items:center;overflow:hidden;color:var(--luzmo-font-color);transition:all .2s ease-in-out;cursor:pointer;position:relative}.unit-input-container .ticks>div:hover{color:var(--luzmo-font-color-hard);background:var(--background-color-alt-2)}.unit-input-container .ticks>div.disabled,.unit-input-container .ticks>div.disabled:hover{cursor:not-allowed;color:var(--luzmo-font-color-disabled)!important;background-color:var(--luzmo-background-color)}.unit-input-container .ticks>div.tick-up{border-bottom:var(--luzmo-border-width) solid var(--luzmo-border-color)}.unit-input-container.with-unit input{padding-right:2.25rem}.unit-input-container.has-error input{border-color:var(--luzmo-color-negative, red)!important}.unit-input-container.has-error .ticks{border-color:var(--luzmo-color-negative, red)!important;background-color:var(--luzmo-color-negative, red)!important}.unit-input-container.has-error .tick-up,.unit-input-container.has-error .tick-down{border-color:var(--luzmo-color-negative, red)!important;background-color:var(--luzmo-color-negative, red)!important;color:#fff!important}";var El=Object.defineProperty,oo=(t,o,e,a)=>{for(var r=void 0,n=t.length-1,l;n>=0;n--)(l=t[n])&&(r=l(o,e,r)||r);return r&&El(o,e,r),r};const $t={min:-99999999999,max:99999999999,step:1,default:0,debounce:250},Ge=class Ge extends i.LuzmoElement{constructor(){super(),this.isDecimal=!1,this.disabled=!1,this.readOnly=!1,this.inputWidth="",this.debounce=$t.debounce,this.errors=[],this.setValue=o=>{this.waitForUpdate=!0,this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.dispatchEvent(new CustomEvent("change",{detail:o,bubbles:!0,composed:!0}))},this.debounce||0)},this.setCorrectInitialValues()}transformToNumber(o,e){let a=o;return a=this.isDecimal?Number.parseFloat(o+""):Number.parseInt(o+"",10),a=Number.isNaN(a)?Number(e):Number(a),a}onInput(o){let e=new RegExp(/[^0-9+-]/g);this.isDecimal&&(e=new RegExp(/[^0-9.,+-]/g));const a=o.target.value.replace(e,"").replaceAll(",",".");o.target.value=a,this.errors=[];const r=this.isDecimal?Number.parseFloat(a+""):Number.parseInt(a+"",10);Number.isNaN(r)&&this.errors.push("Not a number"),r<this.min&&this.errors.length===0&&this.errors.push("Value is lower than minimum"),r>this.max&&this.errors.length===0&&this.errors.push("Value is higher than maximum"),this.errors.length===0?(this.validValue=r,this.value=this.validValue,this.setValue(this.value),this.setErrorStatus(!1)):this.setErrorStatus(!0)}setErrorStatus(o){var e,a;o?(e=this.renderRoot.querySelector(".unit-input-container"))==null||e.classList.add("has-error"):(this.errors=[],(a=this.renderRoot.querySelector(".unit-input-container"))==null||a.classList.remove("has-error"))}setDisabledUpDownStatus(){this.value===this.min?this.renderRoot.querySelector(".tick-down").classList.add("disabled"):this.renderRoot.querySelector(".tick-down").classList.remove("disabled"),this.value===this.max?this.renderRoot.querySelector(".tick-up").classList.add("disabled"):this.renderRoot.querySelector(".tick-up").classList.remove("disabled")}createAndSetValidValue(o){let e=this.validValue?this.transformToNumber(o,this.validValue):this.transformToNumber(o,this.default);this.max<e&&(e=this.max),this.min>e&&(e=this.min),this.validValue=e,this.value=e}setCorrectInitialValues(){this.min=this.transformToNumber(this.min,$t.min),this.max=this.transformToNumber(this.max,$t.max),this.step=Math.abs(this.transformToNumber(this.step,$t.step)),this.min>this.max&&(this.min=this.max),this.max<this.min+this.step&&(this.max=this.min+this.step),this.default=this.transformToNumber(this.default,$t.default),this.createAndSetValidValue(this.value)}onKeydown(o){!this.disabled&&(o.key==="ArrowUp"||o.key==="ArrowDown")&&this.applyStep(o,o.key==="ArrowUp")}applyStep(o,e){var a,r,n,l,d,h;if(!this.disabled){o.preventDefault();const p=((n=(r=(a=this.validValue.toString())==null?void 0:a.split("."))==null?void 0:r[1])==null?void 0:n.length)??0,g=((h=(d=(l=this.step.toString())==null?void 0:l.split("."))==null?void 0:d[1])==null?void 0:h.length)??0,w=Math.max(p,g);let k=this.validValue+(e?this.step:-this.step);k=Number.parseFloat(k.toFixed(w)),this.createAndSetValidValue(k),this.setErrorStatus(!1),this.renderRoot.querySelector("input").value=this.validValue+"",this.setValue(this.validValue),this.setDisabledUpDownStatus()}}setPaddingRightOfInput(){const o=this.renderRoot.querySelector(".unit"),e=this.renderRoot.querySelector(".ticks"),a=this.unit?`calc(${o==null?void 0:o.offsetWidth}px + ${e==null?void 0:e.offsetWidth}px)`:`calc(${e==null?void 0:e.offsetWidth}px + var(--luzmo-spacing-3))`;this.renderRoot.querySelector("input").style.paddingRight=a}updated(o){o.has("value")&&(this.setCorrectInitialValues(),this.waitForUpdate?this.waitForUpdate=!1:this.renderRoot.querySelector("input").value=this.value+"",this.setPaddingRightOfInput())}render(){return i.x`
-      <div style=${yo.o(this.inputWidth?{width:this.inputWidth}:{})}>
-        <input
-          .min=${String(this.min)}
-          .max=${String(this.max)}
-          @input=${this.onInput}
-          @keydown=${this.onKeydown}
-        />
-        ${this.unit?i.x`<div class="unit">${this.unit}</div>`:""}
-        <div class="ticks">
-          <div
-            class="tick-up"
-            @click=${{handleEvent:o=>this.applyStep(o,!0)}}
-          >
-            ${C.O2(C.b)}
-          </div>
-
-          <div
-            class="tick-down"
-            @click=${{handleEvent:o=>this.applyStep(o,!1)}}
-          >
-            ${C.O2(C.T)}
-          </div>
-        </div>
-      </div>
-    `}};Ge.styles=i.r(Sl);let D=Ge;oo([i.n({type:Number,reflect:!0,attribute:"value"})],D.prototype,"value");oo([i.n({type:Number,reflect:!0,attribute:"default"})],D.prototype,"default");oo([i.n({type:String,reflect:!0,attribute:"placeholder"})],D.prototype,"placeholder");oo([i.n({type:String,reflect:!0,attribute:"unit"})],D.prototype,"unit");oo([i.n({type:Number,reflect:!0,attribute:"min"})],D.prototype,"min");oo([i.n({type:Number,reflect:!0,attribute:"max"})],D.prototype,"max");oo([i.n({type:Number,reflect:!0,attribute:"step"})],D.prototype,"step");oo([i.n({type:Boolean,reflect:!0,attribute:"isDecimal"})],D.prototype,"isDecimal");oo([i.n({type:Boolean,reflect:!0,attribute:"disabled"})],D.prototype,"disabled");oo([i.n({type:Boolean,reflect:!0,attribute:"readOnly"})],D.prototype,"readOnly");oo([i.n({type:String,reflect:!0,attribute:"inputWidth"})],D.prototype,"inputWidth");oo([i.n({type:Number,reflect:!0,attribute:"debounce"})],D.prototype,"debounce");oo([ot.r()],D.prototype,"errors");oo([ot.r()],D.prototype,"validValue");oo([ot.r()],D.prototype,"waitForUpdate");customElements.get("luzmo-unit-input")||customElements.define("luzmo-unit-input",D);exports.LuzmoActionGroup=Ht.LuzmoActionGroup;exports.Tooltip=C.Tooltip;exports.LuzmoIcon=sa.LuzmoIcon;exports.Divider=lo.Divider;exports.FieldLabel=lo.FieldLabel;exports.HelpText=lo.HelpText;exports.LuzmoDisplaySettings=lo.LuzmoDisplaySettings;exports.LuzmoDroppableSlot=lo.LuzmoDroppableSlot;exports.LuzmoMultiLangField=lo.LuzmoMultiLangField;exports.LuzmoSlotMenu=lo.LuzmoSlotMenu;exports.LuzmoSlotMenuList=lo.LuzmoSlotMenuList;exports.Popover=ca.Popover;exports.LuzmoActionButton=ua.LuzmoActionButton;exports.DESCRIPTION_ID=ho.DESCRIPTION_ID;exports.LuzmoMenu=ho.LuzmoMenu;exports.LuzmoMenuDivider=ho.LuzmoMenuDivider;exports.LuzmoMenuGroup=ho.LuzmoMenuGroup;exports.LuzmoMenuItem=ho.LuzmoMenuItem;exports.LuzmoPicker=ho.LuzmoPicker;exports.LuzmoPickerBase=ho.LuzmoPickerBase;exports.MenuItemAddedOrUpdatedEvent=ho.MenuItemAddedOrUpdatedEvent;exports.Overlay=yo.Overlay;exports.OverlayTrigger=yo.OverlayTrigger;exports.OverlayTriggerDirective=yo.OverlayTriggerDirective;exports.VirtualTrigger=yo.VirtualTrigger;exports.openOverlay=yo.openOverlay;exports.trigger=yo.trigger;exports.LuzmoCheckbox=Se.LuzmoCheckbox;exports.LuzmoDisplaySettingsPeriodOverPeriod=Se.LuzmoDisplaySettingsPeriodOverPeriod;exports.LuzmoInfieldButton=dt.LuzmoInfieldButton;exports.LuzmoNumberField=dt.LuzmoNumberField;exports.LuzmoDisplaySettingsBinning=da.LuzmoDisplaySettingsBinning;exports.LuzmoDisplaySettingsDatetime=ha.LuzmoDisplaySettingsDatetime;exports.LuzmoDisplaySettingsGrandTotals=ba.LuzmoDisplaySettingsGrandTotals;exports.LuzmoDisplaySettingsNumeric=pa.LuzmoDisplaySettingsNumeric;exports.LuzmoDraggableDataItem=$r.LuzmoDraggableDataItem;exports.LuzmoDraggableDataItemLevel=$r.LuzmoDraggableDataItemLevel;exports.LuzmoProgressCircle=va.LuzmoProgressCircle;exports.LuzmoAccordion=Ko;exports.LuzmoAccordionItem=Mt;exports.LuzmoActionBar=mt;exports.LuzmoActionMenu=Bt;exports.LuzmoAvatar=gt;exports.LuzmoButton=Ho;exports.LuzmoButtonGroup=Ae;exports.LuzmoClearButton=Pe;exports.LuzmoCloseButton=Wt;exports.LuzmoColorArea=R;exports.LuzmoColorField=Le;exports.LuzmoColorHandle=Vo;exports.LuzmoColorLoupe=ht;exports.LuzmoColorMenu=io;exports.LuzmoColorPicker=J;exports.LuzmoColorSlider=Q;exports.LuzmoEditItem=bo;exports.LuzmoEditOption=zo;exports.LuzmoEditOptionActionButtonGroup=wo;exports.LuzmoEditOptionColorPicker=to;exports.LuzmoEditOptionMultiLangField=po;exports.LuzmoEditOptionNumberField=Y;exports.LuzmoEditOptionPicker=vo;exports.LuzmoEditOptionPositionsNumberField=go;exports.LuzmoEditOptionRadioButtonGroup=mo;exports.LuzmoEditOptionSlider=no;exports.LuzmoEditOptionSwitch=Uo;exports.LuzmoEditOptionTextField=xo;exports.LuzmoFieldGroup=st;exports.LuzmoLabel=bt;exports.LuzmoLegendPosition=Qo;exports.LuzmoRadio=Oo;exports.LuzmoRadioGroup=Dt;exports.LuzmoSearch=Fo;exports.LuzmoSlider=Eo;exports.LuzmoSwatch=so;exports.LuzmoSwatchGroup=Mo;exports.LuzmoSwitch=te;exports.LuzmoTag=xt;exports.LuzmoTags=He;exports.LuzmoToast=yt;exports.LuzmoUnitInput=D;