@luzmo/lucero 2.2.1 → 2.4.0

package/components/overlay-CPZvL0Ic.cjs

@@ -1,73 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./slottable-request-event-C6eb7Ch3.cjs"),n=require("./overlay-B-gaxspw.cjs");let r=require("lit"),i=require("lit/decorators.js"),a=require("lit/async-directive.js");var o=`:host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}`,s=class extends e.n{constructor(...e){super(...e),this.content=`click hover longpress`,this.offset=6,this.disabled=!1,this.receivesFocus=`auto`,this.clickContent=[],this.longpressContent=[],this.hoverContent=[],this.targetContent=[]}static get styles(){return[(0,r.unsafeCSS)(o)]}getAssignedElementsFromSlot(e){return e.assignedElements({flatten:!0})}handleTriggerContent(e){this.targetContent=this.getAssignedElementsFromSlot(e.target)}handleSlotContent(e){switch(e.target.name){case`click-content`:this.clickContent=this.getAssignedElementsFromSlot(e.target);break;case`longpress-content`:this.longpressContent=this.getAssignedElementsFromSlot(e.target);break;case`hover-content`:this.hoverContent=this.getAssignedElementsFromSlot(e.target);break}}handleBeforetoggle(e){let{target:t}=e,n;if(t===this.clickOverlayElement)n=`click`;else if(t===this.longpressOverlayElement)n=`longpress`;else if(t===this.hoverOverlayElement)n=`hover`;else return;e.newState===`open`?this.open=n:this.open===n&&(this.open=void 0)}update(e){e.has(`clickContent`)&&(this.clickPlacement=this.clickContent[0]?.getAttribute(`placement`)||this.clickContent[0]?.getAttribute(`direction`)||void 0),e.has(`hoverContent`)&&(this.hoverPlacement=this.hoverContent[0]?.getAttribute(`placement`)||this.hoverContent[0]?.getAttribute(`direction`)||void 0),e.has(`longpressContent`)&&(this.longpressPlacement=this.longpressContent[0]?.getAttribute(`placement`)||this.longpressContent[0]?.getAttribute(`direction`)||void 0),super.update(e)}renderSlot(e){return r.html`
-      <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
-    `}renderClickOverlay(){let e=this.renderSlot(`click-content`),t=r.html`
-      <luzmo-overlay
-        id="click-overlay"
-        ?disabled=${this.disabled||this.clickContent.length===0}
-        ?open=${this.open===`click`&&this.clickContent.length>0}
-        .offset=${this.offset}
-        .placement=${this.clickPlacement||this.placement}
-        .triggerElement=${this.targetContent[0]}
-        .triggerInteraction=${`click`}
-        .type=${this.type===`modal`?`modal`:`auto`}
-        @beforetoggle=${this.handleBeforetoggle}
-        .receivesFocus=${this.receivesFocus}
-      >
-        ${e}
-      </luzmo-overlay>
-    `;return this.triggeredBy?.includes(`click`)?t:this.clickContent.length===0?e:t}renderHoverOverlay(){let e=this.renderSlot(`hover-content`),t=r.html`
-      <luzmo-overlay
-        id="hover-overlay"
-        ?open=${this.open===`hover`&&this.hoverContent.length>0}
-        ?disabled=${this.disabled||this.hoverContent.length===0||!!this.open&&this.open!==`hover`}
-        .offset=${this.offset}
-        .placement=${this.hoverPlacement||this.placement}
-        .triggerElement=${this.targetContent[0]}
-        .triggerInteraction=${`hover`}
-        .type=${`hint`}
-        @beforetoggle=${this.handleBeforetoggle}
-        .receivesFocus=${this.receivesFocus}
-      >
-        ${e}
-      </luzmo-overlay>
-    `;return this.triggeredBy?.includes(`hover`)?t:this.hoverContent.length===0?e:t}renderLongpressOverlay(){let e=this.renderSlot(`longpress-content`),t=r.html`
-      <luzmo-overlay
-        id="longpress-overlay"
-        ?disabled=${this.disabled||this.longpressContent.length===0}
-        ?open=${this.open===`longpress`&&this.longpressContent.length>0}
-        .offset=${this.offset}
-        .placement=${this.longpressPlacement||this.placement}
-        .triggerElement=${this.targetContent[0]}
-        .triggerInteraction=${`longpress`}
-        .type=${`auto`}
-        @beforetoggle=${this.handleBeforetoggle}
-        .receivesFocus=${this.receivesFocus}
-      >
-        ${e}
-      </luzmo-overlay>
-      <slot name="longpress-describedby-descriptor"></slot>
-    `;return this.triggeredBy?.includes(`longpress`)?t:this.longpressContent.length===0?e:t}render(){return r.html`
-      <slot
-        id="trigger"
-        name="trigger"
-        @slotchange=${this.handleTriggerContent}
-      ></slot>
-      ${[this.renderClickOverlay(),this.renderHoverOverlay(),this.renderLongpressOverlay()]}
-    `}updated(e){if(super.updated(e),this.disabled&&e.has(`disabled`)){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}};e.t([(0,i.property)()],s.prototype,`content`,void 0),e.t([(0,i.property)({attribute:`triggered-by`})],s.prototype,`triggeredBy`,void 0),e.t([(0,i.property)({reflect:!0})],s.prototype,`placement`,void 0),e.t([(0,i.property)()],s.prototype,`type`,void 0),e.t([(0,i.property)({type:Number})],s.prototype,`offset`,void 0),e.t([(0,i.property)({reflect:!0})],s.prototype,`open`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`disabled`,void 0),e.t([(0,i.property)({attribute:`receives-focus`})],s.prototype,`receivesFocus`,void 0),e.t([(0,i.state)()],s.prototype,`clickContent`,void 0),e.t([(0,i.state)()],s.prototype,`longpressContent`,void 0),e.t([(0,i.state)()],s.prototype,`hoverContent`,void 0),e.t([(0,i.state)()],s.prototype,`targetContent`,void 0),e.t([(0,i.query)(`#click-overlay`,!0)],s.prototype,`clickOverlayElement`,void 0),e.t([(0,i.query)(`#longpress-overlay`,!0)],s.prototype,`longpressOverlayElement`,void 0),e.t([(0,i.query)(`#hover-overlay`,!0)],s.prototype,`hoverOverlayElement`,void 0);function c(e,t,r,i){return n.t.open(e,t,r,i)}var l=class extends a.AsyncDirective{render(e){return r.nothing}update(e,[t]){this.template=t,this.target!==e.element&&(this.target=e.element,this.renderBefore=this.target.children[0]),this.listenerHost=this.target,this.init()}handleSlottableRequest(e){e.target===e.currentTarget&&(0,r.render)(e.data===t.n?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){this.listeners?.abort(),this.listeners=new AbortController;let{signal:e}=this.listeners;this.listenerHost.addEventListener(`slottable-request`,e=>this.handleSlottableRequest(e),{signal:e})}disconnected(){this.listeners?.abort()}reconnected(){this.init()}},u=(0,a.directive)(l),d=class extends l{constructor(...e){super(...e),this.defaultOptions={triggerInteraction:`click`,overlayOptions:{type:`auto`,offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,t){return r.nothing}update(e,[t,r]){this.options={...this.defaultOptions.overlayOptions,...r?.overlayOptions},this.insertionOptions=r?.insertionOptions,this.template=t,this.host=e.options?.host;let i=!1,a=r?.triggerInteraction||this.defaultOptions.triggerInteraction,o=n.l[this.strategy?.type]!==a;this.target!==e.element&&(this.target=e.element,i=!0),(i||o)&&(this.strategy?.abort(),this.strategy=new n.r[a](this.target,{isPersistent:!0,handleOverlayReady:e=>{this.listenerHost=this.overlay=e,this.init()}})),this.strategy.open=r?.open??!1}handleSlottableRequest(e){if(e.target!==e.currentTarget)return;let i=e.data===t.n,a={};if(this.host&&(a.host=this.host),(0,r.render)(i?void 0:this.template(),this.overlay,a),i)this.overlay.remove();else{n.h.applyOptions(this.overlay,{...this.options,trigger:this.target});let e=typeof this.insertionOptions?.el==`function`?this.insertionOptions.el():this.insertionOptions?.el||this.target,{where:t=`afterend`}=this.insertionOptions||{};e.insertAdjacentElement(t,this.overlay)}}},f=(0,a.directive)(d);customElements.get(`luzmo-overlay`)||customElements.define(`luzmo-overlay`,n.t),customElements.get(`luzmo-overlay-trigger`)||customElements.define(`luzmo-overlay-trigger`,s),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/components/overlay-DdIs4w5M.js

@@ -1,227 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-import { n as e, t } from "./decorate-CkCg3wfh.js";
-import { n } from "./slottable-request-event-MRSZbgTu.js";
-import { h as r, l as i, r as a, t as o } from "./overlay-CyBsHuOL.js";
-import { html as s, nothing as c, render as l, unsafeCSS as u } from "lit";
-import { property as d, query as f, state as p } from "lit/decorators.js";
-import { AsyncDirective as m, directive as h } from "lit/async-directive.js";
-//#region src/components/overlay/overlay-trigger.module.scss?inline
-var g = ":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}", _ = class extends e {
-	constructor(...e) {
-		super(...e), this.content = "click hover longpress", this.offset = 6, this.disabled = !1, this.receivesFocus = "auto", this.clickContent = [], this.longpressContent = [], this.hoverContent = [], this.targetContent = [];
-	}
-	static get styles() {
-		return [u(g)];
-	}
-	getAssignedElementsFromSlot(e) {
-		return e.assignedElements({ flatten: !0 });
-	}
-	handleTriggerContent(e) {
-		this.targetContent = this.getAssignedElementsFromSlot(e.target);
-	}
-	handleSlotContent(e) {
-		switch (e.target.name) {
-			case "click-content":
-				this.clickContent = this.getAssignedElementsFromSlot(e.target);
-				break;
-			case "longpress-content":
-				this.longpressContent = this.getAssignedElementsFromSlot(e.target);
-				break;
-			case "hover-content":
-				this.hoverContent = this.getAssignedElementsFromSlot(e.target);
-				break;
-		}
-	}
-	handleBeforetoggle(e) {
-		let { target: t } = e, n;
-		if (t === this.clickOverlayElement) n = "click";
-		else if (t === this.longpressOverlayElement) n = "longpress";
-		else if (t === this.hoverOverlayElement) n = "hover";
-		else return;
-		e.newState === "open" ? this.open = n : this.open === n && (this.open = void 0);
-	}
-	update(e) {
-		e.has("clickContent") && (this.clickPlacement = this.clickContent[0]?.getAttribute("placement") || this.clickContent[0]?.getAttribute("direction") || void 0), e.has("hoverContent") && (this.hoverPlacement = this.hoverContent[0]?.getAttribute("placement") || this.hoverContent[0]?.getAttribute("direction") || void 0), e.has("longpressContent") && (this.longpressPlacement = this.longpressContent[0]?.getAttribute("placement") || this.longpressContent[0]?.getAttribute("direction") || void 0), super.update(e);
-	}
-	renderSlot(e) {
-		return s`
-      <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
-    `;
-	}
-	renderClickOverlay() {
-		let e = this.renderSlot("click-content"), t = s`
-      <luzmo-overlay
-        id="click-overlay"
-        ?disabled=${this.disabled || this.clickContent.length === 0}
-        ?open=${this.open === "click" && this.clickContent.length > 0}
-        .offset=${this.offset}
-        .placement=${this.clickPlacement || this.placement}
-        .triggerElement=${this.targetContent[0]}
-        .triggerInteraction=${"click"}
-        .type=${this.type === "modal" ? "modal" : "auto"}
-        @beforetoggle=${this.handleBeforetoggle}
-        .receivesFocus=${this.receivesFocus}
-      >
-        ${e}
-      </luzmo-overlay>
-    `;
-		return this.triggeredBy?.includes("click") ? t : this.clickContent.length === 0 ? e : t;
-	}
-	renderHoverOverlay() {
-		let e = this.renderSlot("hover-content"), t = s`
-      <luzmo-overlay
-        id="hover-overlay"
-        ?open=${this.open === "hover" && this.hoverContent.length > 0}
-        ?disabled=${this.disabled || this.hoverContent.length === 0 || !!this.open && this.open !== "hover"}
-        .offset=${this.offset}
-        .placement=${this.hoverPlacement || this.placement}
-        .triggerElement=${this.targetContent[0]}
-        .triggerInteraction=${"hover"}
-        .type=${"hint"}
-        @beforetoggle=${this.handleBeforetoggle}
-        .receivesFocus=${this.receivesFocus}
-      >
-        ${e}
-      </luzmo-overlay>
-    `;
-		return this.triggeredBy?.includes("hover") ? t : this.hoverContent.length === 0 ? e : t;
-	}
-	renderLongpressOverlay() {
-		let e = this.renderSlot("longpress-content"), t = s`
-      <luzmo-overlay
-        id="longpress-overlay"
-        ?disabled=${this.disabled || this.longpressContent.length === 0}
-        ?open=${this.open === "longpress" && this.longpressContent.length > 0}
-        .offset=${this.offset}
-        .placement=${this.longpressPlacement || this.placement}
-        .triggerElement=${this.targetContent[0]}
-        .triggerInteraction=${"longpress"}
-        .type=${"auto"}
-        @beforetoggle=${this.handleBeforetoggle}
-        .receivesFocus=${this.receivesFocus}
-      >
-        ${e}
-      </luzmo-overlay>
-      <slot name="longpress-describedby-descriptor"></slot>
-    `;
-		return this.triggeredBy?.includes("longpress") ? t : this.longpressContent.length === 0 ? e : t;
-	}
-	render() {
-		return s`
-      <slot
-        id="trigger"
-        name="trigger"
-        @slotchange=${this.handleTriggerContent}
-      ></slot>
-      ${[
-			this.renderClickOverlay(),
-			this.renderHoverOverlay(),
-			this.renderLongpressOverlay()
-		]}
-    `;
-	}
-	updated(e) {
-		if (super.updated(e), this.disabled && e.has("disabled")) {
-			this.open = void 0;
-			return;
-		}
-	}
-	async getUpdateComplete() {
-		return await super.getUpdateComplete();
-	}
-};
-t([d()], _.prototype, "content", void 0), t([d({ attribute: "triggered-by" })], _.prototype, "triggeredBy", void 0), t([d({ reflect: !0 })], _.prototype, "placement", void 0), t([d()], _.prototype, "type", void 0), t([d({ type: Number })], _.prototype, "offset", void 0), t([d({ reflect: !0 })], _.prototype, "open", void 0), t([d({
-	type: Boolean,
-	reflect: !0
-})], _.prototype, "disabled", void 0), t([d({ attribute: "receives-focus" })], _.prototype, "receivesFocus", void 0), t([p()], _.prototype, "clickContent", void 0), t([p()], _.prototype, "longpressContent", void 0), t([p()], _.prototype, "hoverContent", void 0), t([p()], _.prototype, "targetContent", void 0), t([f("#click-overlay", !0)], _.prototype, "clickOverlayElement", void 0), t([f("#longpress-overlay", !0)], _.prototype, "longpressOverlayElement", void 0), t([f("#hover-overlay", !0)], _.prototype, "hoverOverlayElement", void 0);
-//#endregion
-//#region src/components/overlay/loader.ts
-function v(e, t, n, r) {
-	return o.open(e, t, n, r);
-}
-//#endregion
-//#region src/components/overlay/slottable-request-directive.ts
-var y = class extends m {
-	/* c8 ignore next 9 */
-	render(e) {
-		return c;
-	}
-	update(e, [t]) {
-		this.template = t, this.target !== e.element && (this.target = e.element, this.renderBefore = this.target.children[0]), this.listenerHost = this.target, this.init();
-	}
-	handleSlottableRequest(e) {
-		e.target === e.currentTarget && l(e.data === n ? void 0 : this.template(), this.target, { renderBefore: this.renderBefore });
-	}
-	init() {
-		this.listeners?.abort(), this.listeners = new AbortController();
-		let { signal: e } = this.listeners;
-		this.listenerHost.addEventListener("slottable-request", (e) => this.handleSlottableRequest(e), { signal: e });
-	}
-	disconnected() {
-		this.listeners?.abort();
-	}
-	/* c8 ignore next 3 */
-	reconnected() {
-		this.init();
-	}
-}, b = h(y), x = class extends y {
-	constructor(...e) {
-		super(...e), this.defaultOptions = {
-			triggerInteraction: "click",
-			overlayOptions: {
-				type: "auto",
-				offset: 0
-			}
-		}, this.options = { ...this.defaultOptions.overlayOptions };
-	}
-	/* c8 ignore next 9 */
-	render(e, t) {
-		return c;
-	}
-	update(e, [t, n]) {
-		this.options = {
-			...this.defaultOptions.overlayOptions,
-			...n?.overlayOptions
-		}, this.insertionOptions = n?.insertionOptions, this.template = t, this.host = e.options?.host;
-		let r = !1, o = n?.triggerInteraction || this.defaultOptions.triggerInteraction, s = i[this.strategy?.type] !== o;
-		this.target !== e.element && (this.target = e.element, r = !0), (r || s) && (this.strategy?.abort(), this.strategy = new a[o](this.target, {
-			isPersistent: !0,
-			handleOverlayReady: (e) => {
-				this.listenerHost = this.overlay = e, this.init();
-			}
-		})), this.strategy.open = n?.open ?? !1;
-	}
-	handleSlottableRequest(e) {
-		/* c8 ignore next 1 */
-		if (e.target !== e.currentTarget) return;
-		let t = e.data === n, i = {};
-		if (this.host && (i.host = this.host), l(t ? void 0 : this.template(), this.overlay, i), t) this.overlay.remove();
-		else {
-			r.applyOptions(this.overlay, {
-				...this.options,
-				trigger: this.target
-			});
-			let e = typeof this.insertionOptions?.el == "function" ? this.insertionOptions.el() : this.insertionOptions?.el || this.target, { where: t = "afterend" } = this.insertionOptions || {};
-			e.insertAdjacentElement(t, this.overlay);
-		}
-	}
-}, S = h(x);
-customElements.get("luzmo-overlay") || customElements.define("luzmo-overlay", o), customElements.get("luzmo-overlay-trigger") || customElements.define("luzmo-overlay-trigger", _);
-//#endregion
-export { v as a, b as i, S as n, _ as o, y as r, x as t };

package/components/picker-D225VAbx.cjs

@@ -1,124 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs"),r=require("./language-resolution-CSjktYg5.cjs"),i=require("./dependency-manger-BSaHw9ju.cjs"),a=require("./strategies-BwNbUXYS.cjs"),o=require("./pending-state-a527YMWV.cjs");require("./menu-Cq7BEv5Y.cjs"),require("./overlay-CPZvL0Ic.cjs"),require("./progress-circle/index.cjs"),require("./tooltip-Sm0pruxL.cjs");let s=require("lit"),c=require("lit/decorators.js"),l=require("@luzmo/icons"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js"),f=require("lit/directives/style-map.js");var p=`#button{cursor:pointer;-webkit-user-select:none;user-select:none;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,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;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}`,m=()=>s.html`
-  <div class="disclosure-icon icon">
-    ${(0,l.luzmoIcon)(l.luzmoAngleDown,{className:`indicator`})}
-  </div>
-`,h=()=>s.html`
-  <div class="icon-container validation-icon icon">
-    ${(0,l.luzmoIcon)(l.luzmoAlert)}
-  </div>
-`,g=`option-picker`,_=class extends t.n(n.t,{noDefaultSize:!0}){get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}constructor(){super(),this._languageScript=new r.n(this),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel=`Pending`,this.open=!1,this.readonly=!1,this.placement=`bottom-start`,this.quiet=!1,this.value=``,this.selects=`single`,this.dependencyManager=new i.t(this),this.isMobile=new a.i(this,a.n),this.isTouchDevice=new a.i(this,a.r),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,t)=>{this.appliedLabel=e,this.labelAlignment=t.sideAligned?`inline`:void 0},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{if(this.focused=!0,e.code===`Escape`){this.handleEscape(e);return}e.code!==`ArrowDown`&&e.code!==`ArrowUp`||(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>m(),this.renderAlertIcon=()=>h(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{if(e.code===`Enter`){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new o.t(this)}set selectedItem(e){let t=e?.querySelector(`[slot="icon"]`);if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;let n=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=t?.icon??void 0,this.requestUpdate(`selectedItem`,n)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle=`no`);let[t]=e.target.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new a.t.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated,this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,t){this.open=!1,this.strategy&&(this.strategy.open=!1);let n=this.selectedItem,r=this.value;if(this.selectedItem=e,this.value=e?.value??``,await this.updateComplete,!this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),n&&this.setMenuItemSelected(n,!0),this.selectedItem=n,this.value=r,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=n,this.value=r;return}n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":`100%`}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;let t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate(`selectedItemContent`,t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:s.html`
-      <slot name="label" id="label">
-        <span aria-hidden=${(0,u.ifDefined)(this.appliedLabel?void 0:`true`)}>
-          ${this.label}
-        </span>
-      </slot>
-    `}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},t=this.appliedLabel||this.label,n=s.html` <div id="icon" ?hidden=${this.icons===`none`}>
-      ${this._selectedItemIcon?(0,l.luzmoIcon)(this._selectedItemIcon):s.nothing}
-    </div>`;return[s.html`
-        ${this._selectedItemIcon?n:s.nothing}
-        <div
-          id=${(0,u.ifDefined)(this.value&&this.selectedItem?`label`:void 0)}
-          class=${(0,d.classMap)(e)}
-        >
-          ${this.renderLabelContent(this.selectedItemContent.content)}
-        </div>
-        ${this.value&&this.selectedItem?s.html`
-                <div
-                  aria-hidden="true"
-                  class="visually-hidden"
-                  id="applied-label"
-                >
-                  ${t}
-                  <slot name="label"></slot>
-                </div>
-              `:s.html` <span hidden id="applied-label">${t}</span> `}
-        ${this.invalid&&!this.pending?s.html` ${this.renderAlertIcon()} `:s.nothing}
-        ${this.pendingStateController.renderPendingState()}
-        ${this.readonly?s.nothing:this.renderAngleIcon()}
-        <slot
-          aria-hidden="true"
-          name="tooltip"
-          id="tooltip"
-          @slotchange=${this.handleTooltipSlotchange}
-        ></slot>
-      `]}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,s.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}get renderDescriptionSlot(){return s.html`
-      <div id=${g}>
-        <slot name="description"></slot>
-      </div>
-    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),s.html`
-      <span
-        id="focus-helper"
-        tabindex=${this.focused||this.open?`-1`:`0`}
-        @focus=${this.handleHelperFocus}
-        aria-describedby=${g}
-      ></span>
-      <button
-        aria-controls=${(0,u.ifDefined)(this.open?`menu`:void 0)}
-        aria-describedby="tooltip"
-        aria-expanded=${this.open?`true`:`false`}
-        aria-haspopup="true"
-        aria-labelledby="loader icon label applied-label"
-        id="button"
-        class=${(0,u.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
-        @blur=${this.handleButtonBlur}
-        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
-        ?disabled=${this.disabled}
-        tabindex="-1"
-      >
-        ${this.buttonContent}
-      </button>
-      ${this.renderMenu} ${this.renderDescriptionSlot}
-    `}update(e){this.selects&&=`single`,e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`value`)&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(`:scope > luzmo-menu`),this.deprecatedMenu?.toggleAttribute(`ignore`,!0),this.deprecatedMenu?.setAttribute(`selects`,`inherit`)),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`open`)&&(this.strategy.open=this.open),this.strategy?.overlay&&this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return s.html`
-      <div class="visually-hidden">
-        <button
-          tabindex="-1"
-          aria-label="Dismiss"
-          @click=${this.close}
-        ></button>
-      </div>
-    `}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),Promise.resolve().then(()=>require("./popover/index.cjs")))}renderContainer(e){let t=s.html`
-      ${this.dismissHelper} ${e} ${this.dismissHelper}
-    `;return s.html`
-      <luzmo-popover
-        id="popover"
-        size=${this.size}
-        role="presentation"
-        style=${(0,f.styleMap)(this.containerStyles)}
-        placement=${this.placement}
-      >
-        ${t}
-      </luzmo-popover>
-    `}get renderMenu(){let e=s.html`
-      <luzmo-menu
-        aria-labelledby="applied-label"
-        @change=${this.handleChange}
-        id="menu"
-        @keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
-        @scroll=${this.onScroll}
-        role=${this.listRole}
-        .selects=${this.selects}
-        .selected=${this.value?[this.value]:[]}
-        .shouldSupportDragAndSelect=${!this.isTouchDevice.matches}
-        size=${this.size}
-        @luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
-      >
-        <slot @slotchange=${this.shouldScheduleManageSelection}></slot>
-      </luzmo-menu>
-    `;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){!this.willManageSelection&&(!e||e.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&=(await new Promise(e=>requestAnimationFrame(()=>e(!0))),!1),this.menuItems.forEach(t=>{this.value===t.value&&!t.disabled?e=t:t.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value=``,this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event(`scroll`))}};e.t([(0,c.state)()],_.prototype,`appliedLabel`,void 0),e.t([(0,c.query)(`#button`)],_.prototype,`button`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`disabled`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`focused`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],_.prototype,`icons`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],_.prototype,`variant`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`invalid`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`pending`,void 0),e.t([(0,c.property)({type:String,attribute:`pending-label`})],_.prototype,`pendingLabel`,void 0),e.t([(0,c.property)()],_.prototype,`label`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`open`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`readonly`,void 0),e.t([(0,c.state)()],_.prototype,`labelAlignment`,void 0),e.t([(0,c.query)(`luzmo-menu`)],_.prototype,`optionsMenu`,void 0),e.t([(0,c.query)(`luzmo-overlay`)],_.prototype,`overlayElement`,void 0),e.t([(0,c.property)()],_.prototype,`placement`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],_.prototype,`quiet`,void 0),e.t([(0,c.property)({type:String})],_.prototype,`value`,void 0),e.t([(0,c.property)({attribute:!1})],_.prototype,`selectedItem`,null),e.t([(0,c.state)()],_.prototype,`selectedItemContent`,null);var v=class extends _{constructor(...e){super(...e),this.handleKeydown=e=>{let{code:t}=e;if(this.focused=!0,t===`Escape`){this.handleEscape(e);return}if(!t.startsWith(`Arrow`)||this.readonly||this.pending)return;if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}e.preventDefault();let n=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,r=n<0||t===`ArrowRight`?1:-1,i=n+r;for(;this.menuItems[i]&&this.menuItems[i].disabled;)i+=r;!this.menuItems[i]||this.menuItems[i].disabled||(!this.value||i!==n)&&this.setValueFromItem(this.menuItems[i])}}static get styles(){return[(0,s.unsafeCSS)(p)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/components/picker-button-BR7oM7_M.cjs

@@ -1,37 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs");require("./icon-CSqR-OOO.cjs");const n=require("./button-base-DiNxrttk.cjs"),r=require("./observe-slot-presence-CS8pMePk.cjs");let i=require("lit"),a=require("lit/decorators.js"),o=require("@luzmo/icons"),s=require("lit/directives/class-map.js");var c=`@media (hover:hover){.root:hover{--picker-button-background-color:var(--luzmo-picker-button-background-color-hover,var(--picker-button-background-color-hover));--picker-button-font-color:var(--luzmo-picker-button-font-color-hover,var(--picker-button-font-color-hover));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-hover,var(--picker-button-icon-color-hover))}}:host([open]) .root,:host(:is(:active,[active])) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-down,var(--picker-button-background-color-down));--picker-button-font-color:var(--luzmo-picker-button-font-color-down,var(--picker-button-font-color-down));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-down,var(--picker-button-icon-color-down))}:host([focused]) .root,.root:focus,.root:focus-visible{--picker-button-background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus));--picker-button-font-color:var(--luzmo-picker-button-font-color-key-focus,var(--picker-button-font-color-key-focus));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-key-focus,var(--picker-button-icon-color-key-focus))}:host([disabled]) .root{--picker-button-background-color:var(--luzmo-picker-button-background-color-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-disabled,var(--luzmo-background-color-disabled));--picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-disabled,var(--luzmo-background-color-disabled));--picker-button-border-color:var(--luzmo-picker-button-border-color-disabled,var(--luzmo-background-color-disabled));--picker-button-font-color:var(--luzmo-picker-button-font-color-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-hover:var(--luzmo-picker-button-font-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-font-color-down:var(--luzmo-picker-button-font-color-down-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color:var(--luzmo-picker-button-icon-color-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-hover:var(--luzmo-picker-button-icon-color-hover-disabled,var(--luzmo-font-color-disabled));--picker-button-icon-color-down:var(--luzmo-picker-button-icon-color-down-disabled,var(--luzmo-font-color-disabled))}:host([quiet]) .root{--luzmo-picker-button-background-color:var(--luzmo-picker-button-background-color-quiet,transparent);--luzmo-picker-button-background-color-hover:var(--luzmo-picker-button-background-color-hover-quiet,transparent);--luzmo-picker-button-background-color-down:var(--luzmo-picker-button-background-color-down-quiet,transparent);--luzmo-picker-button-background-color-key-focus:var(--luzmo-picker-button-background-color-key-focus-quiet,transparent);--luzmo-picker-button-border-color:var(--luzmo-picker-button-border-color-quiet,transparent)}.root{background-color:initial;block-size:var(--luzmo-picker-button-width,var(--picker-button-width));box-sizing:border-box;padding:var(--luzmo-picker-button-padding,var(--picker-button-padding));border-style:none;justify-content:center;align-items:center;display:flex}.root.uiicononly{inline-size:var(--luzmo-picker-button-height,var(--picker-button-height))}.luzmo-picker-button-label{color:var(--luzmo-picker-button-font-color,var(--picker-button-font-color));white-space:nowrap;font-family:var(--luzmo-picker-button-font-family,var(--picker-button-font-family));font-style:var(--luzmo-picker-button-font-style,var(--picker-button-font-style));font-weight:var(--luzmo-picker-button-font-weight,var(--picker-button-font-weight));font-size:var(--luzmo-picker-button-font-size,var(--picker-button-font-size));flex:auto;padding-block-start:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));padding-block-end:var(--luzmo-picker-button-label-padding,var(--picker-button-label-padding));overflow:hidden}.uiicononly .luzmo-picker-button-label{display:none}:host(:focus-visible) .luzmo-picker-button-fill{background-color:var(--luzmo-picker-button-background-color-key-focus,var(--picker-button-background-color-key-focus))}.luzmo-picker-button-fill{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--luzmo-picker-button-gap,var(--picker-button-gap));background-color:var(--luzmo-picker-button-background-color,var(--picker-button-background-color));border-color:var(--luzmo-picker-button-border-color,var(--picker-button-border-color));border-width:var(--luzmo-picker-button-border-width,var(--picker-button-border-width));block-size:100%;inline-size:100%;padding:var(--luzmo-picker-button-horizontal-padding,var(--picker-button-horizontal-padding));transition:border-color var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;border-style:solid;border-start-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-start-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-end-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));border-end-start-radius:var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius));display:flex;position:relative}:host([position=right]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=right][rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([position=left]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided))}:host([position=left][rounded]) .luzmo-picker-button-fill{border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided))}:host([rounded]) .luzmo-picker-button-fill{border-start-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-start-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-end-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded));border-end-start-radius:var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded))}.uiicononly .luzmo-picker-button-fill{padding:0}.textuiicon .luzmo-picker-button-fill{inline-size:auto}.luzmo-picker-button-icon{color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color));flex-shrink:0}.luzmo-picker-button-fill{--luzmo-icon-color:var(--luzmo-picker-button-icon-color,var(--picker-button-icon-color))}:host(:focus-visible){outline:none}.luzmo-picker-button-fill:after{content:"";margin:calc((var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)) + var(--luzmo-picker-button-border-width,var(--picker-button-border-width))) * -1);border-radius:calc(var(--luzmo-picker-button-border-radius,var(--picker-button-border-radius)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));transition:box-shadow var(--luzmo-picker-button-background-animation-duration,var(--picker-button-background-animation-duration)) ease-in-out;pointer-events:none;position:absolute;inset:0}:host([focused]) .luzmo-picker-button-fill:after,:host(:focus-visible) .luzmo-picker-button-fill:after,.root:focus-visible .luzmo-picker-button-fill:after{box-shadow:0 0 0 var(--luzmo-picker-button-focus-ring-thickness,var(--picker-button-focus-ring-thickness)) var(--luzmo-picker-button-focus-ring-color,var(--picker-button-focus-indicator-color))}:host([position=right]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=right][rounded]) .luzmo-picker-button-fill:after{border-start-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-start-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-sided,var(--picker-button-border-radius-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([position=left][rounded]) .luzmo-picker-button-fill:after{border-start-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)));border-end-end-radius:calc(var(--luzmo-picker-button-border-radius-rounded-sided,var(--picker-button-border-radius-rounded-sided)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}:host([rounded]) .luzmo-picker-button-fill:after{border-radius:calc(var(--luzmo-picker-button-border-radius-rounded,var(--picker-button-border-radius-rounded)) + var(--luzmo-picker-button-focus-ring-gap,var(--picker-button-focus-ring-gap)))}.root{--picker-button-height:var(--luzmo-component-height);--picker-button-width:var(--luzmo-component-height);--picker-button-gap:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-label-padding:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--picker-button-horizontal-padding:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-button-indicator-color:var(--luzmo-indicator-color);--picker-button-focus-ring-gap:var(--luzmo-indicator-gap);--picker-button-focus-ring-thickness:var(--luzmo-indicator-width);--picker-button-focus-indicator-color:var(--luzmo-primary);--picker-button-icon-color:var(--luzmo-font-color);--picker-button-icon-color-hover:var(--luzmo-font-color-hover);--picker-button-icon-color-down:var(--luzmo-font-color-down);--picker-button-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-button-font-color:var(--luzmo-font-color);--picker-button-font-color-hover:var(--luzmo-font-color-hover);--picker-button-font-color-down:var(--luzmo-font-color-down);--picker-button-font-color-key-focus:var(--neutral-content-color-focus);--picker-button-font-family:var(--luzmo-font-family);--picker-button-font-style:var(--luzmo-font-style);--picker-button-font-weight:var(--body-sans-serif-font-weight);--picker-button-font-size:var(--luzmo-font-size);--picker-button-border-radius-rounded:var(--luzmo-border-radius);--picker-button-background-animation-duration:var(--luzmo-animation-duration);--picker-button-background-color:var(--luzmo-background-color);--picker-button-background-color-hover:var(--luzmo-background-color-hover);--picker-button-background-color-down:var(--luzmo-background-color-down);--picker-button-background-color-key-focus:var(--luzmo-background-color-focus);--picker-button-border-color:var(--luzmo-border-color);--picker-button-border-radius:var(--luzmo-border-radius);--picker-button-border-radius-rounded-sided:var(--luzmo-border-radius);--picker-button-border-radius-sided:0;--picker-button-border-width:var(--luzmo-border-width)}:host([size=s]) .root{--picker-button-height:var(--luzmo-component-height-s);--picker-button-width:var(--luzmo-component-height-s);--picker-button-label-padding:var(--luzmo-spacing-2);--picker-button-font-size:var(--luzmo-font-size-s);--picker-button-horizontal-padding:var(--luzmo-spacing-3)}:host([size=l]) .root{--picker-button-height:var(--luzmo-component-height-l);--picker-button-width:var(--luzmo-component-height-l);--picker-button-label-padding:var(--luzmo-spacing-3);--picker-button-font-size:var(--luzmo-font-size-l);--picker-button-horizontal-padding:var(--luzmo-spacing-4)}:host([size=xl]) .root{--picker-button-height:var(--luzmo-component-height-xl);--picker-button-width:var(--luzmo-component-height-xl);--picker-button-label-padding:var(--luzmo-spacing-4);--picker-button-font-size:var(--luzmo-font-size-xl);--picker-button-horizontal-padding:var(--luzmo-spacing-5)}:host{display:inline-flex}.root{display:flex}`,l=class extends t.n(r.t(n.t,`[slot="label"]`)){constructor(...e){super(...e),this.invalid=!1,this.position=`right`}static get styles(){return[(0,i.unsafeCSS)(c)]}get hasText(){return this.slotContentIsPresent}render(){return i.html`
-      <div class=${(0,s.classMap)({root:!0,uiicononly:!this.hasText,textuiicon:this.hasText})}>
-        <div class="luzmo-picker-button-fill">
-          <span
-            class="luzmo-picker-button-label is-placeholder"
-            ?hidden=${!this.hasText}
-          >
-            <slot name="label"></slot>
-          </span>
-          <slot name="icon">
-            <luzmo-icon
-              .icon=${o.luzmoAngleDown}
-              size=${this.size}
-              block
-              class="luzmo-picker-button-icon"
-            ></luzmo-icon>
-          </slot>
-        </div>
-      </div>
-    `}};e.t([(0,a.property)({type:Boolean,reflect:!0})],l.prototype,`invalid`,void 0),e.t([(0,a.property)({reflect:!0})],l.prototype,`position`,void 0),customElements.get(`luzmo-picker-button`)||customElements.define(`luzmo-picker-button`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/components/popover-DWWYpY-k.cjs

@@ -1,30 +0,0 @@
-/*! * Lucero - The design system for Luzmo.
- * 
- * Copyright © 2025 Luzmo
- * All rights reserved.
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
- * This license allows users with a current active Luzmo account to use Lucero.
- * This license terminates automatically if a user no longer has an active Luzmo account.
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
- * 
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- * */
-const e=require("./color-controller-DbyPc33Y.cjs"),t=require("./decorate-Dq34MBGe.cjs"),n=require("./sized-mixin-BT7cv-fT.cjs");let r=require("lit"),i=require("lit/decorators.js");var a=`:host{pointer-events:none;visibility:hidden;opacity:0;transition:transform .13s ease-in-out,opacity .13s ease-in-out,visibility 0s linear .13s;transition:transform var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s)) ease-in-out, opacity var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s)) ease-in-out, visibility 0s linear var(--luzmo-overlay-animation-duration,var(--animation-duration-100,.13s));max-height:var(--luzmo-popover-max-height)!important}:host([open]){pointer-events:auto;visibility:visible;opacity:1;transition-delay:0s;transition-delay:var(--luzmo-overlay-animation-duration-opened,var(--animation-duration-0,0s))}@media (forced-colors:active){:host{--highcontrast-popover-border-color:CanvasText}}:host{--popover-filter:drop-shadow(var(--luzmo-popover-shadow-horizontal,var(--popover-shadow-horizontal)) var(--luzmo-popover-shadow-vertical,var(--popover-shadow-vertical)) var(--luzmo-popover-shadow-blur,var(--popover-shadow-blur)) var(--luzmo-popover-shadow-color,var(--popover-shadow-color)));box-sizing:border-box;padding:var(--luzmo-popover-content-area-spacing-vertical,var(--popover-content-area-spacing-vertical)) 0;border-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));background-color:var(--luzmo-popover-background-color,var(--popover-background-color));filter:var(--luzmo-popover-filter,var(--popover-filter));outline:none;flex-direction:column;display:inline-flex;position:absolute;border-style:solid!important;border-color:var(--highcontrast-popover-border-color,var(--luzmo-popover-border-color,var(--popover-border-color)))!important;border-width:var(--luzmo-popover-border-width,var(--popover-border-width))!important}:host([tip]) #tip .triangle{stroke-linecap:square;stroke-linejoin:miter;fill:var(--highcontrast-popover-background-color,var(--luzmo-popover-background-color,var(--popover-background-color)));stroke:var(--highcontrast-popover-border-color,var(--luzmo-popover-border-color,var(--popover-border-color)));stroke-width:var(--luzmo-popover-border-width,var(--popover-border-width))}*{--luzmo-popover-filter:none}:host([tip]) .luzmo-Popover--top-end,:host([tip]) .luzmo-Popover--top-left,:host([tip]) .luzmo-Popover--top-right,:host([tip]) .luzmo-Popover--top-start,:host([placement*=top][tip]){margin-block-end:calc(var(--luzmo-popover-pointer-height,var(--popover-pointer-height)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--top-end,:host([open]) .luzmo-Popover--top-left,:host([open]) .luzmo-Popover--top-right,:host([open]) .luzmo-Popover--top-start,:host([placement*=top][open]){transform:translateY(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--bottom-end,:host([tip]) .luzmo-Popover--bottom-left,:host([tip]) .luzmo-Popover--bottom-right,:host([tip]) .luzmo-Popover--bottom-start,:host([placement*=bottom][tip]){margin-block-start:calc(var(--luzmo-popover-pointer-height,var(--popover-pointer-height)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--bottom-end,:host([open]) .luzmo-Popover--bottom-left,:host([open]) .luzmo-Popover--bottom-right,:host([open]) .luzmo-Popover--bottom-start,:host([placement*=bottom][open]){transform:translateY(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--right-bottom,:host([tip]) .luzmo-Popover--right-top,:host([placement*=right][tip]){margin-left:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--right-bottom,:host([open]) .luzmo-Popover--right-top,:host([placement*=right][open]){transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--left-bottom,:host([tip]) .luzmo-Popover--left-top,:host([placement*=left][tip]){margin-right:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--left-bottom,:host([open]) .luzmo-Popover--left-top,:host([placement*=left][open]){transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) .luzmo-Popover--start-bottom,:host([tip]) .luzmo-Popover--start-top,:host([tip]) .luzmo-Popover--start{margin-inline-end:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--start-bottom,:host([open]) .luzmo-Popover--start-top,:host([open]) .luzmo-Popover--start{transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:is(:host([open]) .luzmo-Popover--start-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--start-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Popover--start-bottom,:host([dir=rtl][open]) .luzmo-Popover--start-top,:host([dir=rtl][open]) .luzmo-Popover--start){transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:host([tip]) .luzmo-Popover--end-bottom,:host([tip]) .luzmo-Popover--end-top,:host([tip]) .luzmo-Popover--end{margin-inline-start:calc(var(--luzmo-popover-pointer-width,var(--popover-pointer-width)) - var(--luzmo-popover-border-width,var(--popover-border-width)))}:host([open]) .luzmo-Popover--end-bottom,:host([open]) .luzmo-Popover--end-top,:host([open]) .luzmo-Popover--end{transform:translateX(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)))}:is(:host([open]) .luzmo-Popover--end-bottom:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--end-top:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([open]) .luzmo-Popover--end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][open]) .luzmo-Popover--end-bottom,:host([dir=rtl][open]) .luzmo-Popover--end-top,:host([dir=rtl][open]) .luzmo-Popover--end){transform:translateX(calc(var(--luzmo-popover-animation-distance,var(--popover-animation-distance)) * -1))}:host([tip]) #tip,:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip,:host([tip][placement*=top]) #tip,:host([tip]) .luzmo-Popover--top-end #tip,:host([tip]) .luzmo-Popover--top-left #tip,:host([tip]) .luzmo-Popover--top-right #tip,:host([tip]) .luzmo-Popover--top-start #tip{inline-size:var(--luzmo-popover-pointer-width,var(--popover-pointer-width));block-size:var(--luzmo-popover-pointer-height,var(--popover-pointer-height));margin:auto;position:absolute;inset-block-start:100%;inset-inline:0;transform:translate(0)}:host([tip]) .luzmo-Popover--top-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--top-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--top-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip][placement*=bottom]) #tip,:host([tip]) .luzmo-Popover--bottom-end #tip,:host([tip]) .luzmo-Popover--bottom-left #tip,:host([tip]) .luzmo-Popover--bottom-right #tip,:host([tip]) .luzmo-Popover--bottom-start #tip{inset-block:auto 100%;transform:scaleY(-1)}:host([tip]) .luzmo-Popover--bottom-left #tip{inset-inline:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--bottom-right #tip{inset-inline:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-start #tip{margin-inline-start:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--bottom-end #tip{margin-inline-end:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip,:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{inline-size:var(--luzmo-popover-pointer-height,var(--popover-pointer-height));block-size:var(--luzmo-popover-pointer-width,var(--popover-pointer-width));inset-block:0}:host([tip][placement*=left]) #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--left-top #tip{left:100%;right:auto}:host([tip][placement*=right]) #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--right-top #tip{left:auto;right:100%;transform:scaleX(-1)}:host([tip]) .luzmo-Popover--end-top #tip,:host([tip]) .luzmo-Popover--left-top #tip,:host([tip]) .luzmo-Popover--right-top #tip,:host([tip]) .luzmo-Popover--start-top #tip{inset-block:var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing)) auto}:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--left-bottom #tip,:host([tip]) .luzmo-Popover--right-bottom #tip,:host([tip]) .luzmo-Popover--start-bottom #tip{inset-block:auto var(--luzmo-popover-pointer-edge-spacing,var(--popover-pointer-edge-spacing))}:host([tip]) .luzmo-Popover--start #tip,:host([tip]) .luzmo-Popover--start-bottom #tip,:host([tip]) .luzmo-Popover--start-top #tip{margin-inline-start:100%}:is(:host([tip]) .luzmo-Popover--start #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--start-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--start-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][tip]) .luzmo-Popover--start #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--start-top #tip){transform:none}:host([tip]) .luzmo-Popover--end #tip,:host([tip]) .luzmo-Popover--end-bottom #tip,:host([tip]) .luzmo-Popover--end-top #tip{margin-inline-end:100%;transform:scaleX(-1)}:is(:host([tip]) .luzmo-Popover--end #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--end-bottom #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([tip]) .luzmo-Popover--end-top #tip:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),:host([dir=rtl][tip]) .luzmo-Popover--end #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-bottom #tip,:host([dir=rtl][tip]) .luzmo-Popover--end-top #tip){transform:scaleX(1)}:host{--popover-border-width:var(--luzmo-border-width);--popover-animation-distance:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--popover-background-color:var(--luzmo-background-color);--popover-border-color:var(--luzmo-border-color);--popover-content-area-spacing-vertical:var(--luzmo-spacing-2);--popover-shadow-horizontal:0;--popover-shadow-vertical:1px;--popover-shadow-blur:4px;--popover-shadow-color:var(--luzmo-shadow-color);--popover-border-radius:var(--luzmo-border-radius);--popover-pointer-width:var(--luzmo-spacing-5);--popover-pointer-height:var(--luzmo-spacing-3);--popover-pointer-edge-offset:16px;--popover-pointer-edge-spacing:24px}:host([size=s]){--popover-animation-distance:var(--luzmo-spacing-2)}:host([size=l]){--popover-animation-distance:var(--luzmo-spacing-3)}:host([size=xl]){--popover-animation-distance:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host{clip-path:none;min-width:min-content;max-width:100%;max-height:100%}::slotted(*){overscroll-behavior:contain}:host([placement*=left]) #tip[style],:host([placement*=right]) #tip[style]{inset-block-end:auto}:host([placement*=top]) #tip[style],:host([placement*=bottom]) #tip[style]{inset-inline-end:auto}.block,.inline{width:100%;height:100%;display:block}:host([placement*=left]) .block,:host([placement*=right]) .block,:host([placement*=top]) .inline,:host([placement*=bottom]) .inline{display:none}::slotted(.visually-hidden){clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}::slotted(luzmo-menu){margin:0}:host([dialog]){min-width:var(--luzmo-popover-dialog-min-width,270px);padding:var(--luzmo-popover-dialog-padding,30px 29px)}:host([tip][placement]) #tip{height:auto}`,o=e.n({LuzmoPopover:()=>s}),s=class extends n.n(t.n){constructor(...e){super(...e),this.open=!1,this.tip=!1}static get styles(){return[(0,r.unsafeCSS)(a)]}renderTip(){return r.html`
-      <div id="tip" aria-hidden="true">
-        <svg class="tip block" viewBox="0 -0.5 16 9">
-          <path class="triangle" d="M-1,-1 8,8 17,-1"></path>
-        </svg>
-        <svg class="tip inline" viewBox="0 -0.5 9 16">
-          <path class="triangle" d="M-1,-1 8,8 -1,17"></path>
-        </svg>
-      </div>
-    `}render(){return r.html`
-      <slot></slot>
-      ${this.tip?this.renderTip():r.nothing}
-    `}};t.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`open`,void 0),t.t([(0,i.property)({reflect:!0})],s.prototype,`placement`,void 0),t.t([(0,i.property)({type:Boolean,reflect:!0})],s.prototype,`tip`,void 0),t.t([(0,i.query)(`#tip`)],s.prototype,`tipElement`,void 0),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});