@luzmo/lucero 0.0.4 → 0.0.8

package/{lib → components}/number-field/index.js

@@ -15,14 +15,14 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { luzmoIcon as C, luzmoAngleUp as K, luzmoAngleDown as W } from "@luzmo/icons";
-import { a as N, b as Y, i as X } from "../platform-DQYMG7JI.js";
-import { L as Z, s as J, l as Q } from "../streaming-listener-DLo0wkMc.js";
-import { unsafeCSS as ee, nothing as te, html as _ } from "lit";
-import { n as h } from "../base-nYalvNMy.js";
-import { e as re } from "../query-D_KR_GUc.js";
+import { luzmoIcon as S, luzmoAngleUp as K, luzmoAngleDown as W } from "@luzmo/icons";
+import { r as Y, E as X, x as N, n as h } from "../base-CawdqE7p.js";
+import { e as Z } from "../query-D_KR_GUc.js";
+import { c as E, a as J, j as Q } from "../platform-BM-uMWpX.js";
+import { L as ee, l as te } from "../language-resolution-8yZa5r_P.js";
+import { s as re } from "../streaming-listener-CCalHg57.js";
 import "../infield-button/index.js";
-import { L as oe } from "../text-field-DPk332j9.js";
+import { a as oe } from "../text-field-CvKSS59x.js";
 const G = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const s = document.createElement("style");
@@ -180,7 +180,7 @@ class $ {
     this.locale = e, this.options = t;
   }
 }
-const E = /* @__PURE__ */ new Map();
+const _ = /* @__PURE__ */ new Map();
 function k(s, e, t) {
   let r = D(s, e);
   if (!s.includes("-nu-") && !r.isValidPartialNumber(t)) {
@@ -192,8 +192,8 @@ function k(s, e, t) {
   return r;
 }
 function D(s, e) {
-  let t = s + (e ? Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : 1).join() : ""), r = E.get(t);
-  return r || (r = new ne(s, e), E.set(t, r)), r;
+  let t = s + (e ? Object.entries(e).sort((o, i) => o[0] < i[0] ? -1 : 1).join() : ""), r = _.get(t);
+  return r || (r = new ne(s, e), _.set(t, r)), r;
 }
 class ne {
   parse(e) {
@@ -274,14 +274,14 @@ function ue(s, e, t, r) {
       ...U,
       ...T
     ])
-  ].sort((n, m) => m.length - n.length), B = P.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${P.join("|")}|[\\p{White_Space}]`, "gu"), S = [
+  ].sort((n, m) => m.length - n.length), B = P.length === 0 ? new RegExp("[\\p{White_Space}]", "gu") : new RegExp(`${P.join("|")}|[\\p{White_Space}]`, "gu"), C = [
     ...new Intl.NumberFormat(t.locale, {
       useGrouping: !1
     }).format(9876543210)
-  ].reverse(), j = new Map(S.map((n, m) => [
+  ].reverse(), j = new Map(C.map((n, m) => [
     n,
     m
-  ])), H = new RegExp(`[${S.join("")}]`, "g");
+  ])), H = new RegExp(`[${C.join("")}]`, "g");
   return {
     minusSign: O,
     plusSign: x,
@@ -335,12 +335,12 @@ const me = 5, be = 100, v = "-", I = {
 };
 class p extends oe {
   constructor() {
-    super(...arguments), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = Number.NaN, this._trackingValue = "", this.decimalsChars = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new Z(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
+    super(...arguments), this.focused = !1, this._forcedUnit = "", this.formatOptions = {}, this.hideStepper = !1, this.indeterminate = !1, this.keyboardFocused = !1, this.managedInput = !1, this.stepModifier = 10, this._value = Number.NaN, this._trackingValue = "", this.decimalsChars = /* @__PURE__ */ new Set([".", ","]), this.valueBeforeFocus = "", this.isIntentDecimal = !1, this.changeCount = 0, this.languageResolver = new ee(this), this.wasIndeterminate = !1, this.hasRecentlyReceivedPointerDown = !1, this.applyFocusElementLabel = (e) => {
       this.appliedLabel = e;
     }, this.isComposing = !1;
   }
   static get styles() {
-    return [...super.styles, ee(pe)];
+    return [...super.styles, Y(pe)];
   }
   set value(e) {
     const t = this.validateInput(e);
@@ -377,7 +377,7 @@ class p extends oe {
     const r = [...this.valueBeforeFocus].filter(
       (i) => this.decimalsChars.has(i)
     ), o = new Set(r);
-    if (N() && this.inputElement.inputMode === "decimal" && t !== this.valueBeforeFocus) {
+    if (E() && this.inputElement.inputMode === "decimal" && t !== this.valueBeforeFocus) {
       const l = this.numberFormatter.formatToParts(1000.1).find(
         (u) => u.type === "decimal"
       ).value;
@@ -614,14 +614,14 @@ class p extends oe {
     return this.focused ? this._numberParserFocused : this._numberParser;
   }
   renderField() {
-    return this.autocomplete = "off", _`
+    return this.autocomplete = "off", N`
       ${super.renderField()}
-      ${this.hideStepper ? te : _`
+      ${this.hideStepper ? X : N`
             <span
               class="buttons"
               @focusin=${this.handleFocusin}
               @focusout=${this.handleFocusout}
-              ${J({
+              ${re({
       start: ["pointerdown", this.handlePointerdown],
       streamInside: [
         [
@@ -651,7 +651,7 @@ class p extends oe {
                 ?disabled=${this.disabled || this.readonly || this.max !== void 0 && this.value === this.max}
                 ?quiet=${this.quiet}
               >
-                ${C(K)}
+                ${S(K)}
               </luzmo-infield-button>
               <luzmo-infield-button
                 inline="end"
@@ -665,7 +665,7 @@ class p extends oe {
                 ?disabled=${this.disabled || this.readonly || this.min !== void 0 && this.value === this.min}
                 ?quiet=${this.quiet}
               >
-                ${C(W)}
+                ${S(W)}
               </luzmo-infield-button>
             </span>
           `}
@@ -681,7 +681,7 @@ class p extends oe {
     super.update(e);
   }
   willUpdate(e) {
-    this.multiline = !1, e.has(Q) && this.clearNumberFormatterCache();
+    this.multiline = !1, e.has(te) && this.clearNumberFormatterCache();
   }
   firstUpdated(e) {
     super.firstUpdated(e), this.addEventListener("keydown", this.handleKeydown), this.addEventListener("compositionstart", this.handleCompositionStart), this.addEventListener("compositionend", this.handleCompositionEnd);
@@ -691,14 +691,14 @@ class p extends oe {
       if (e.has("min") || e.has("formatOptions")) {
         const t = this.min !== void 0 && this.min >= 0, { maximumFractionDigits: r } = this.numberFormatter.resolvedOptions(), o = r && r > 0;
         let i = "numeric";
-        Y() && !t ? i = "text" : (N() && o || X() && o && t) && (i = "decimal"), this.inputElement.inputMode = i;
+        J() && !t ? i = "text" : (E() && o || Q() && o && t) && (i = "decimal"), this.inputElement.inputMode = i;
       }
       e.has("focused") && this.focused && !this.hasRecentlyReceivedPointerDown && this.formatOptions.unit && this.setSelectionRange(0, this.displayValue.length);
     }
   }
 }
 c([
-  re(".buttons")
+  Z(".buttons")
 ], p.prototype, "buttons", 2);
 c([
   h({ type: Boolean, reflect: !0 })

package/components/number-field/number-field.d.ts

@@ -0,0 +1,113 @@
+import { NumberFormatter, NumberParser } from '@internationalized/number';
+import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
+import './../infield-button';
+import { LuzmoTextFieldBase } from './../text-field/text-field';
+export declare const FRAMES_PER_CHANGE = 5;
+export declare const CHANGE_DEBOUNCE_MS = 100;
+export declare const indeterminatePlaceholder = "-";
+export declare const remapMultiByteCharacters: Record<string, string>;
+/**
+ * @element luzmo-number-field
+ * @slot help-text - default or non-negative help text to associate to your form element
+ * @slot negative-help-text - negative help text to associate to your form element when `invalid`
+ */
+export declare class LuzmoNumberField extends LuzmoTextFieldBase {
+    static get styles(): CSSResultArray;
+    private buttons;
+    focused: boolean;
+    _forcedUnit: string;
+    /**
+     * An `<luzmo-number-field>` element will process its numeric value with
+     * `new Intl.NumberFormat(this.resolvedLanguage, this.formatOptions).format(this.valueAsNumber)`
+     * in order to prepare it for visual delivery in the input. In order to customize this
+     * processing supply your own `Intl.NumberFormatOptions` object here.
+     *
+     * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat
+     */
+    formatOptions: Intl.NumberFormatOptions;
+    /**
+     * Whether the stepper UI is hidden or not.
+     */
+    hideStepper: boolean;
+    indeterminate: boolean;
+    keyboardFocused: boolean;
+    max?: number;
+    min?: number;
+    /**
+     * The distance by which to alter the value of the element when taking a "step".
+     *
+     * When `this.formatOptions.style === 'percentage'` the default step will be
+     * set to 0.01 unless otherwise supplied to the element.
+     */
+    step?: number;
+    managedInput: boolean;
+    stepModifier: number;
+    set value(rawValue: number);
+    get value(): number;
+    private get inputValue();
+    _value: number;
+    private _trackingValue;
+    private lastCommitedValue?;
+    private setValue;
+    /**
+     * Retreive the value of the element parsed to a Number.
+     */
+    get valueAsString(): string;
+    set valueAsString(value: string);
+    get formattedValue(): string;
+    private decimalsChars;
+    private valueBeforeFocus;
+    private isIntentDecimal;
+    private convertValueToNumber;
+    private get _step();
+    private nextChange;
+    private changeCount;
+    private findChange;
+    private change;
+    private safty;
+    private languageResolver;
+    private handlePointerdown;
+    private startChange;
+    private doChange;
+    private handlePointermove;
+    private handlePointerup;
+    private doNextChange;
+    private stepBy;
+    private increment;
+    private decrement;
+    private handleKeydown;
+    private queuedChangeEvent;
+    protected onScroll(event: WheelEvent): void;
+    protected onFocus(): void;
+    protected onBlur(_event: FocusEvent): void;
+    private handleFocusin;
+    private handleFocusout;
+    private wasIndeterminate;
+    private indeterminateValue?;
+    protected handleChange(): void;
+    protected handleCompositionStart(): void;
+    protected handleCompositionEnd(): void;
+    private hasRecentlyReceivedPointerDown;
+    protected handleInputElementPointerdown(): void;
+    protected handleInput(event: InputEvent): void;
+    private valueWithLimits;
+    private validateInput;
+    protected get displayValue(): string;
+    protected clearNumberFormatterCache(): void;
+    protected get numberFormatter(): NumberFormatter;
+    protected clearValueFormatterCache(): void;
+    protected get valueFormatter(): NumberFormatter;
+    private _numberFormatter?;
+    private _numberFormatterFocused?;
+    private _valueFormatter?;
+    protected get numberParser(): NumberParser;
+    applyFocusElementLabel: (value?: string) => void;
+    private _numberParser?;
+    private _numberParserFocused?;
+    protected renderField(): TemplateResult;
+    protected update(changes: PropertyValues): void;
+    willUpdate(changes: PropertyValues): void;
+    private isComposing;
+    protected firstUpdated(changes: PropertyValues): void;
+    protected updated(changes: PropertyValues<this>): void;
+}

package/{lib/observe-slot-text-BmsCNJig.cjs → components/observe-slot-text-CrYB2Pj-.cjs}

@@ -15,4 +15,4 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-"use strict";const b=require("./mutation-controller-DkOMCW-c.cjs"),g=require("./base-BCmA9Wxv.cjs"),x=require("./query-assigned-nodes-BcKWmGzy.cjs");var m=Object.defineProperty,h=(d,n,i,u)=>{for(var t=void 0,r=d.length-1,o;r>=0;r--)(o=d[r])&&(t=o(n,i,t)||t);return t&&m(n,i,t),t};const c=Symbol("assignedNodes");function v(d,n,i=[]){var u,t;const r=f=>e=>f.matches(e);class o extends(t=d,u=c,t){constructor(...e){super(e),this.slotHasContent=!1,new b.s(this,{config:{characterData:!0,subtree:!0},callback:l=>{for(const s of l)if(s.type==="characterData"){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){if(!this[c])return;const e=[...this[c]].filter(l=>{const s=l;return s.tagName?!i.some(r(s)):s.textContent?s.textContent.trim():!1});this.slotHasContent=e.length>0}update(e){if(!this.hasUpdated){const{childNodes:l}=this,s=[...l].filter(p=>{const a=p;return a.tagName?i.some(r(a))?!1:n?a.getAttribute("slot")===n:!a.hasAttribute("slot"):a.textContent?a.textContent.trim():!1});this.slotHasContent=s.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return h([g.n({type:Boolean,attribute:!1})],o.prototype,"slotHasContent"),h([x.n({slot:n,flatten:!0})],o.prototype,u),o}exports.ObserveSlotText=v;
+"use strict";const b=require("./mutation-controller-DkOMCW-c.cjs"),g=require("./base-B7Pfl2if.cjs"),x=require("./query-assigned-nodes-BcKWmGzy.cjs");var m=Object.defineProperty,h=(d,n,i,u)=>{for(var t=void 0,r=d.length-1,o;r>=0;r--)(o=d[r])&&(t=o(n,i,t)||t);return t&&m(n,i,t),t};const c=Symbol("assignedNodes");function v(d,n,i=[]){var u,t;const r=f=>e=>f.matches(e);class o extends(t=d,u=c,t){constructor(...e){super(e),this.slotHasContent=!1,new b.s(this,{config:{characterData:!0,subtree:!0},callback:l=>{for(const s of l)if(s.type==="characterData"){this.manageTextObservedSlot();return}}})}manageTextObservedSlot(){if(!this[c])return;const e=[...this[c]].filter(l=>{const s=l;return s.tagName?!i.some(r(s)):s.textContent?s.textContent.trim():!1});this.slotHasContent=e.length>0}update(e){if(!this.hasUpdated){const{childNodes:l}=this,s=[...l].filter(p=>{const a=p;return a.tagName?i.some(r(a))?!1:n?a.getAttribute("slot")===n:!a.hasAttribute("slot"):a.textContent?a.textContent.trim():!1});this.slotHasContent=s.length>0}super.update(e)}firstUpdated(e){super.firstUpdated(e),this.updateComplete.then(()=>{this.manageTextObservedSlot()})}}return h([g.n({type:Boolean,attribute:!1})],o.prototype,"slotHasContent"),h([x.n({slot:n,flatten:!0})],o.prototype,u),o}exports.ObserveSlotText=v;

package/{lib/observe-slot-text-BoFRF-VI.js → components/observe-slot-text-ggb4kKgY.js}

@@ -16,7 +16,7 @@
  * SOFTWARE.
  * */
 import { s as m } from "./mutation-controller-DH7YOCyj.js";
-import { n as x } from "./base-nYalvNMy.js";
+import { n as x } from "./base-CawdqE7p.js";
 import { n as b } from "./query-assigned-nodes-C76XVPWY.js";
 var g = Object.defineProperty, p = (d, n, i, f) => {
   for (var t = void 0, o = d.length - 1, r; o >= 0; o--)

package/components/overlay/abstract-overlay.d.ts

@@ -0,0 +1,72 @@
+import { LuzmoElement } from '../../utils/base';
+import { ElementResolutionController } from '../../utils/reactive-controllers/element-resolution';
+import { LuzmoOverlay } from './overlay';
+import { LuzmoOverlayTimer } from './overlay-timer';
+import type { OpenableElement, OverlayOptions, OverlayOptionsV1, OverlayState, OverlayTypes, Placement, TriggerInteractionsV1 } from './overlay-types';
+import { PlacementController } from './placement-controller';
+import { VirtualTrigger } from './virtual-trigger';
+export declare const overlayTimer: LuzmoOverlayTimer;
+export declare const noop: () => void;
+/**
+ * Apply a "transitionend" listener to an element that may not transition but
+ * guarantee the callback will be fired either way.
+ *
+ * @param el {HTMLElement} - Target of the "transition" listeners.
+ * @param action {Function} - Method to trigger the "transition".
+ * @param cb {Function} - Callback to trigger when the "transition" has ended.
+ */
+export declare const guaranteedAllTransitionend: (el: HTMLElement, action: () => void, cb: () => void) => void;
+export declare function nextFrame(): Promise<void>;
+/**
+ * Abstract Overlay base class so that property tyings and imperative API
+ * interfaces can be held separate from the actual class definition.
+ */
+export declare class LuzmoAbstractOverlay extends LuzmoElement {
+    protected applyFocus(_targetOpenState: boolean, _focusEl: HTMLElement | null): void;
+    get delayed(): boolean;
+    set delayed(_delayed: boolean);
+    dialogEl: HTMLDialogElement & {
+        showPopover(): void;
+        hidePopover(): void;
+    };
+    get disabled(): boolean;
+    set disabled(_disabled: boolean);
+    dispose: () => void;
+    protected get elementResolver(): ElementResolutionController;
+    protected set elementResolver(controller: ElementResolutionController);
+    protected _elementResolver: ElementResolutionController;
+    protected ensureOnDOM(_targetOpenState: boolean): void;
+    elements: OpenableElement[];
+    protected makeTransition(_targetOpenState: boolean): HTMLElement | null;
+    protected manageDelay(_targetOpenState: boolean): void;
+    protected manageDialogOpen(): void;
+    protected managePopoverOpen(): void;
+    protected managePosition(): void;
+    protected offset: number | [number, number];
+    get open(): boolean;
+    set open(_open: boolean);
+    placement?: Placement;
+    protected get placementController(): PlacementController;
+    protected set placementController(controller: PlacementController);
+    protected _placementController: PlacementController;
+    receivesFocus: 'true' | 'false' | 'auto';
+    protected requestSlottable(): void;
+    protected returnFocus(): void;
+    get state(): OverlayState;
+    set state(_state: OverlayState);
+    protected _state: OverlayState;
+    triggerElement: HTMLElement | VirtualTrigger | null;
+    type: OverlayTypes;
+    willPreventClose: boolean;
+    manuallyKeepOpen(): void;
+    static update(): void;
+    /**
+     * Overloaded imperative API entry point that allows for both the pre-0.37.0
+     * argument signature as well as the post-0.37.0 signature. This allows for
+     * consumers to continue to leverage it as they had been in previous releases
+     * while also surfacing the more feature-rich API that has been made available.
+     */
+    static open(trigger: HTMLElement, interaction: TriggerInteractionsV1, content: HTMLElement, optionsV1: OverlayOptionsV1): Promise<() => void>;
+    static open(content: HTMLElement, options?: OverlayOptions): Promise<LuzmoOverlay>;
+    static applyOptions(overlay: LuzmoAbstractOverlay, options: OverlayOptions): void;
+}

package/components/overlay/click-controller.d.ts

@@ -0,0 +1,14 @@
+import { InteractionController, InteractionTypes } from './interaction-controller';
+export declare class ClickController extends InteractionController {
+    type: InteractionTypes;
+    /**
+     * An overlay with a `click` interaction should not close on click `triggerElement`.
+     * When a click is initiated (`pointerdown`), apply `preventNextToggle` when the
+     * overlay is `open` to prevent from toggling the overlay when the click event
+     * propagates later in the interaction.
+     */
+    private preventNextToggle;
+    handleClick(): void;
+    handlePointerdown(): void;
+    init(): void;
+}

package/components/overlay/events.d.ts

@@ -0,0 +1,23 @@
+import type { TriggerInteractions } from './overlay-types';
+export declare class BeforetoggleClosedEvent extends Event {
+    currentState: string;
+    newState: string;
+    constructor();
+}
+export declare class BeforetoggleOpenEvent extends Event {
+    currentState: string;
+    newState: string;
+    constructor();
+}
+export declare class OverlayStateEvent extends Event {
+    overlay: HTMLElement;
+    detail: {
+        interaction: string;
+        reason?: 'external-click';
+    };
+    constructor(type: string, overlay: HTMLElement, { publish, interaction, reason }: {
+        publish?: boolean;
+        interaction: TriggerInteractions;
+        reason?: 'external-click';
+    });
+}

package/components/overlay/full-size-plugin.d.ts

@@ -0,0 +1,12 @@
+import { MiddlewareReturn, MiddlewareState } from '@floating-ui/dom';
+export declare const fullSize: (options?: {
+    padding: number;
+}) => {
+    name: string;
+    fn(middlewareArguments: MiddlewareState): Promise<MiddlewareReturn & {
+        data: {
+            availableWidth: number;
+            availableHeight: number;
+        };
+    }>;
+};

package/components/overlay/hover-controller.d.ts

@@ -0,0 +1,20 @@
+import { InteractionController, InteractionTypes } from './interaction-controller';
+export declare class HoverController extends InteractionController {
+    type: InteractionTypes;
+    private elementIds;
+    focusedin: boolean;
+    private hoverTimeout?;
+    pointerentered: boolean;
+    handleTargetFocusin(): void;
+    handleTargetFocusout(): void;
+    handleTargetPointerenter(): void;
+    handleTargetPointerleave(): void;
+    handleHostPointerenter(): void;
+    handleHostPointerleave(): void;
+    prepareDescription(): void;
+    private prepareOverlayRelativeDescription;
+    private prepareContentRelativeDescription;
+    protected doPointerleave(): void;
+    init(): void;
+    initOverlay(): void;
+}

package/components/overlay/index.cjs

@@ -0,0 +1,73 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../overlay-Deh6Ki6I.cjs"),o=require("../base-B7Pfl2if.cjs"),p=require("../state-C5I1gP3G.cjs"),d=require("../query-BL-TJj7K.cjs"),f=require("../directive-C7oCP5Bh.cjs"),O=require("../async-directive-D_Ter1F8.cjs"),u=require("../slottable-request-event-BfUUt1Mh.cjs"),S=":host([disabled]) ::slotted([slot=trigger]){pointer-events:none}slot[name=longpress-describedby-descriptor]{display:none}";var $=Object.defineProperty,l=(c,e,t,r)=>{for(var i=void 0,a=c.length-1,h;a>=0;a--)(h=c[a])&&(i=h(e,t,i)||i);return i&&$(e,t,i),i};class n extends o.LuzmoElement{constructor(){super(...arguments),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[o.r(S)]}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){const{target:t}=e;let r;if(t===this.clickOverlayElement)r="click";else if(t===this.longpressOverlayElement)r="longpress";else if(t===this.hoverOverlayElement)r="hover";else return;e.newState==="open"?this.open=r:this.open===r&&(this.open=void 0)}update(e){var t,r,i,a,h,g;e.has("clickContent")&&(this.clickPlacement=((t=this.clickContent[0])==null?void 0:t.getAttribute("placement"))||((r=this.clickContent[0])==null?void 0:r.getAttribute("direction"))||void 0),e.has("hoverContent")&&(this.hoverPlacement=((i=this.hoverContent[0])==null?void 0:i.getAttribute("placement"))||((a=this.hoverContent[0])==null?void 0:a.getAttribute("direction"))||void 0),e.has("longpressContent")&&(this.longpressPlacement=((h=this.longpressContent[0])==null?void 0:h.getAttribute("placement"))||((g=this.longpressContent[0])==null?void 0:g.getAttribute("direction"))||void 0),super.update(e)}renderSlot(e){return o.x`
+      <slot name=${e} @slotchange=${this.handleSlotContent}></slot>
+    `}renderClickOverlay(){Promise.resolve().then(()=>require("../overlay-Deh6Ki6I.cjs")).then(t=>t.overlay);const e=this.renderSlot("click-content");return this.clickContent.length===0?e:o.x`
+      <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>
+    `}renderHoverOverlay(){Promise.resolve().then(()=>require("../overlay-Deh6Ki6I.cjs")).then(t=>t.overlay);const e=this.renderSlot("hover-content");return this.hoverContent.length===0?e:o.x`
+      <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>
+    `}renderLongpressOverlay(){Promise.resolve().then(()=>require("../overlay-Deh6Ki6I.cjs")).then(t=>t.overlay);const e=this.renderSlot("longpress-content");return this.longpressContent.length===0?e:o.x`
+      <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>
+    `}render(){const e=this.content.split(" ");return o.x`
+      <slot
+        id="trigger"
+        name="trigger"
+        @slotchange=${this.handleTriggerContent}
+      ></slot>
+      ${[e.includes("click")?this.renderClickOverlay():o.x``,e.includes("hover")?this.renderHoverOverlay():o.x``,e.includes("longpress")?this.renderLongpressOverlay():o.x``]}
+    `}updated(e){if(super.updated(e),this.disabled&&e.has("disabled")){this.open=void 0;return}}async getUpdateComplete(){return await super.getUpdateComplete()}}l([o.n()],n.prototype,"content");l([o.n({reflect:!0})],n.prototype,"placement");l([o.n()],n.prototype,"type");l([o.n({type:Number})],n.prototype,"offset");l([o.n({reflect:!0})],n.prototype,"open");l([o.n({type:Boolean,reflect:!0})],n.prototype,"disabled");l([o.n({attribute:"receives-focus"})],n.prototype,"receivesFocus");l([p.r()],n.prototype,"clickContent");l([p.r()],n.prototype,"longpressContent");l([p.r()],n.prototype,"hoverContent");l([p.r()],n.prototype,"targetContent");l([d.e("#click-overlay",!0)],n.prototype,"clickOverlayElement");l([d.e("#longpress-overlay",!0)],n.prototype,"longpressOverlayElement");l([d.e("#hover-overlay",!0)],n.prototype,"hoverOverlayElement");function k(c,e,t,r){return s.LuzmoOverlay.open(c,e,t,r)}class v extends O.f{render(e){return o.E}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){if(e.target!==e.currentTarget)return;const t=e.data===u.removeSlottableRequest;o.B(t?void 0:this.template(),this.target,{renderBefore:this.renderBefore})}init(){var t;(t=this.listeners)==null||t.abort(),this.listeners=new AbortController;const{signal:e}=this.listeners;this.listenerHost.addEventListener("slottable-request",r=>this.handleSlottableRequest(r),{signal:e})}disconnected(){var e;(e=this.listeners)==null||e.abort()}reconnected(){this.init()}}const E=f.e(v);class b extends v{constructor(){super(...arguments),this.defaultOptions={triggerInteraction:"click",overlayOptions:{type:"auto",offset:0}},this.options={...this.defaultOptions.overlayOptions}}render(e,t){return o.E}update(e,[t,r]){var g,m,y;this.options={...this.defaultOptions.overlayOptions,...r==null?void 0:r.overlayOptions},this.insertionOptions=r==null?void 0:r.insertionOptions,this.template=t,this.host=(g=e.options)==null?void 0:g.host;let i=!1;const a=(r==null?void 0:r.triggerInteraction)||this.defaultOptions.triggerInteraction,h=s.InteractionTypes[(m=this.strategy)==null?void 0:m.type]!==a;this.target!==e.element&&(this.target=e.element,i=!0),(i||h)&&((y=this.strategy)==null||y.abort(),this.strategy=new s.strategies[a](this.target,{isPersistent:!0,handleOverlayReady:C=>{this.listenerHost=this.overlay=C,this.init()}})),this.strategy.open=(r==null?void 0:r.open)??!1}handleSlottableRequest(e){var i,a;if(e.target!==e.currentTarget)return;const t=e.data===u.removeSlottableRequest,r={};if(this.host&&(r.host=this.host),o.B(t?void 0:this.template(),this.overlay,r),t)this.overlay.remove();else{s.LuzmoAbstractOverlay.applyOptions(this.overlay,{...this.options,trigger:this.target});const h=typeof((i=this.insertionOptions)==null?void 0:i.el)=="function"?this.insertionOptions.el():((a=this.insertionOptions)==null?void 0:a.el)||this.target,{where:g="afterend"}=this.insertionOptions||{};h.insertAdjacentElement(g,this.overlay)}}}const q=f.e(b);customElements.get("luzmo-overlay")||customElements.define("luzmo-overlay",s.LuzmoOverlay);customElements.get("luzmo-overlay-trigger")||customElements.define("luzmo-overlay-trigger",n);exports.ClickController=s.ClickController;exports.HoverController=s.HoverController;exports.InteractionController=s.InteractionController;exports.InteractionTypes=s.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=s.LONGPRESS_INSTRUCTIONS;exports.LongpressController=s.LongpressController;exports.LuzmoAbstractOverlay=s.LuzmoAbstractOverlay;exports.LuzmoOverlay=s.LuzmoOverlay;exports.PlacementController=s.PlacementController;exports.VirtualTrigger=s.VirtualTrigger;exports.guaranteedAllTransitionend=s.guaranteedAllTransitionend;exports.nextFrame=s.nextFrame;exports.noop=s.noop;exports.overlayTimer=s.overlayTimer;exports.placementUpdatedSymbol=s.placementUpdatedSymbol;exports.SlottableRequestEvent=u.SlottableRequestEvent;exports.removeSlottableRequest=u.removeSlottableRequest;exports.LuzmoOverlayTrigger=n;exports.OverlayTriggerDirective=b;exports.SlottableRequestDirective=v;exports.openOverlay=k;exports.slottableRequest=E;exports.trigger=q;

package/components/overlay/index.d.ts

@@ -0,0 +1,22 @@
+import { LuzmoOverlay } from './overlay';
+import { LuzmoOverlayTrigger } from './overlay-trigger';
+export * from './abstract-overlay';
+export * from './click-controller';
+export * from './hover-controller';
+export * from './interaction-controller';
+export * from './loader';
+export * from './longpress-controller';
+export * from './overlay';
+export * from './overlay-trigger';
+export * from './overlay-trigger-directive';
+export * from './overlay-types';
+export * from './placement-controller';
+export * from './slottable-request-directive';
+export * from './slottable-request-event';
+export * from './virtual-trigger';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-overlay': LuzmoOverlay;
+        'luzmo-overlay-trigger': LuzmoOverlayTrigger;
+    }
+}