@luzmo/lucero 0.0.17 → 0.0.19

package/components/action-menu/index.cjs

@@ -15,7 +15,7 @@
  * 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 h=require("@luzmo/icons"),o=require("../base-B7Pfl2if.cjs"),b=require("../state-C5I1gP3G.cjs"),u=require("../if-defined-B56xGmAg.cjs"),m=require("../observe-slot-presence-bc9chhsi.cjs"),p=require("../observe-slot-text-CrYB2Pj-.cjs"),v=require("../slottable-request-event-BfUUt1Mh.cjs"),d=require("../picker-DROquiIZ.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");const y=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var f=Object.defineProperty,z=Object.getOwnPropertyDescriptor,c=(l,t,s,i)=>{for(var e=i>1?void 0:i?z(t,s):t,r=l.length-1,a;r>=0;r--)(a=l[r])&&(e=(i?a(t,s,e):a(e))||e);return i&&e&&f(t,s,e),e};class n extends m.ObserveSlotPresence(p.ObserveSlotText(d.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new v.SlottableRequestEvent(t.name,t.data))}}static get styles(){return[o.r(y)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[o.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("@luzmo/icons"),o=require("../base-B7Pfl2if.cjs"),b=require("../state-C5I1gP3G.cjs"),u=require("../if-defined-B56xGmAg.cjs"),m=require("../observe-slot-presence-bc9chhsi.cjs"),p=require("../observe-slot-text-CrYB2Pj-.cjs"),v=require("../slottable-request-event-BfUUt1Mh.cjs"),d=require("../picker-dwg8oHVQ.cjs");require("../action-button/index.cjs");require("../icon/index.cjs");require("../overlay/index.cjs");require("../popover/index.cjs");const y=":host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]){flex-shrink:0}.icon{flex-shrink:0}#popover{max-width:none}:host([dir=ltr]) ::slotted([slot=icon]),:host([dir=ltr]) .icon{margin-left:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir=rtl]) ::slotted([slot=icon]),:host([dir=rtl]) .icon{margin-right:calc(-1 * (var(--luzmo-action-button-textonly-padding-left-adjusted) - var(--luzmo-action-button-padding-left-adjusted)))}:host([dir]) slot[icon-only]::slotted([slot=icon]),:host([dir]) slot[icon-only] .icon{margin-inline:calc((var(--luzmo-action-button-edge-to-text, var(--action-button-edge-to-text)) - var(--luzmo-action-button-edge-to-visual-only, var(--action-button-edge-to-visual-only))) * -1)}luzmo-overlay:not(:defined){display:none}";var f=Object.defineProperty,z=Object.getOwnPropertyDescriptor,c=(l,t,s,i)=>{for(var e=i>1?void 0:i?z(t,s):t,r=l.length-1,a;r>=0;r--)(a=l[r])&&(e=(i?a(t,s,e):a(e))||e);return i&&e&&f(t,s,e),e};class n extends m.ObserveSlotPresence(p.ObserveSlotText(d.LuzmoPickerBase,"label"),'[slot="label-only"]'){constructor(){super(...arguments),this.selects=void 0,this.listRole="menu",this.itemRole="menuitem",this.handleSlottableRequest=t=>{this.dispatchEvent(new v.SlottableRequestEvent(t.name,t.data))}}static get styles(){return[o.r(y)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[o.x`
         ${this.labelOnly?o.x``:o.x`
               <slot
                 name="icon"

package/components/action-menu/index.js

@@ -22,7 +22,7 @@ import { o as a } from "../if-defined-BSAr_4u4.js";
 import { O as p } from "../observe-slot-presence-CmVi0zTc.js";
 import { O as f } from "../observe-slot-text-ggb4kKgY.js";
 import { S as g } from "../slottable-request-event-DggLA4Rx.js";
-import { L as x, D as v } from "../picker-BxEG2NdV.js";
+import { L as x, D as v } from "../picker-h9eY75xS.js";
 import "../action-button/index.js";
 import "../icon/index.js";
 import "../overlay/index.js";

package/components/index.cjs

@@ -15,4 +15,4 @@
  * 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 t=require("./accordion/index.cjs"),a=require("./action-bar/index.cjs"),z=require("./action-button/index.cjs");require("./action-group/index.cjs");const d=require("./action-menu/index.cjs"),q=require("./avatar/index.cjs"),x=require("./button/index.cjs"),p=require("./button-group/index.cjs"),C=require("./index-BziWAe4P.cjs"),v=require("./checkbox/index.cjs"),S=require("./color-area/index.cjs"),_=require("./color-field/index.cjs"),b=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const g=require("./color-menu/index.cjs"),T=require("./color-picker/index.cjs"),I=require("./color-slider/index.cjs"),P=require("./date-time-picker/index.cjs"),M=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const A=require("./icon/index.cjs"),F=require("./infield-button/index.cjs"),y=require("./label/index.cjs"),i=require("./menu/index.cjs"),B=require("./multi-language-field/index.cjs"),k=require("./number-field/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const O=require("./picker-button/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const n=require("./radio/index.cjs"),R=require("./search/index.cjs"),h=require("./slider/index.cjs"),l=require("./swatch/index.cjs"),G=require("./switch/index.cjs"),m=require("./tags/index.cjs"),D=require("./text-field/index.cjs"),f=require("./toast/index.cjs"),E=require("./tooltip/index.cjs"),N=require("./unit-input/index.cjs"),c=require("./base-B7Pfl2if.cjs"),w=require("./focus-visible-B0P9aY_G.cjs"),U=require("./focusable-DGWL1v1p.cjs"),o=require("./platform-BiXhwqk3.cjs"),s=require("./sized-mixin-D9LkrMjb.cjs"),H=require("./streaming-listener-KVex1WWB.cjs"),V=require("./action-group-Uimj-MJP.cjs"),K=require("./clear-button-CyzA8riE.cjs"),W=require("./close-button-BQJ2wHkM.cjs"),j=require("./color-loupe-SskbNeMp.cjs"),J=require("./field-group-DSY2HUoj.cjs"),Q=require("./field-label-CjsQ3ujK.cjs"),e=require("./overlay-Deh6Ki6I.cjs"),L=require("./slottable-request-event-BfUUt1Mh.cjs"),u=require("./picker-DROquiIZ.cjs"),X=require("./popover-Ddx-P2RQ.cjs"),Y=require("./progress-circle-NNbCMK2i.cjs"),Z=require("./text-field-mxJCYues.cjs");exports.LuzmoAccordion=t.LuzmoAccordion;exports.LuzmoAccordionItem=t.LuzmoAccordionItem;exports.LuzmoActionBar=a.LuzmoActionBar;exports.LuzmoActionButton=z.LuzmoActionButton;exports.LuzmoActionMenu=d.LuzmoActionMenu;exports.LuzmoAvatar=q.LuzmoAvatar;exports.LuzmoButton=x.LuzmoButton;exports.LuzmoButtonGroup=p.LuzmoButtonGroup;exports.LuzmoCalendar=C.LuzmoCalendar;exports.LuzmoCheckbox=v.LuzmoCheckbox;exports.LuzmoColorArea=S.LuzmoColorArea;exports.LuzmoColorField=_.LuzmoColorField;exports.LuzmoColorHandle=b.LuzmoColorHandle;exports.LuzmoColorMenu=g.LuzmoColorMenu;exports.LuzmoColorPicker=T.LuzmoColorPicker;exports.LuzmoColorSlider=I.LuzmoColorSlider;exports.LuzmoDateTimePicker=P.LuzmoDateTimePicker;exports.LuzmoDivider=M.LuzmoDivider;exports.LuzmoIcon=A.LuzmoIcon;exports.LuzmoInfieldButton=F.LuzmoInfieldButton;exports.LuzmoLabel=y.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=B.LuzmoMultiLangField;exports.LuzmoNumberField=k.LuzmoNumberField;exports.LuzmoOverlayTrigger=r.LuzmoOverlayTrigger;exports.OverlayTriggerDirective=r.OverlayTriggerDirective;exports.SlottableRequestDirective=r.SlottableRequestDirective;exports.openOverlay=r.openOverlay;exports.slottableRequest=r.slottableRequest;exports.trigger=r.trigger;exports.LuzmoPickerButton=O.LuzmoPickerButton;exports.LuzmoRadio=n.LuzmoRadio;exports.LuzmoRadioGroup=n.LuzmoRadioGroup;exports.LuzmoSearch=R.LuzmoSearch;exports.LuzmoSlider=h.LuzmoSlider;exports.LuzmoSwatch=l.LuzmoSwatch;exports.LuzmoSwatchGroup=l.LuzmoSwatchGroup;exports.LuzmoSwitch=G.LuzmoSwitch;exports.LuzmoTag=m.LuzmoTag;exports.LuzmoTags=m.LuzmoTags;exports.LuzmoHelpText=D.LuzmoHelpText;exports.LuzmoToast=f.LuzmoToast;exports.LuzmoTooltip=E.LuzmoTooltip;exports.LuzmoUnitInput=N.LuzmoUnitInput;exports.LuzmoElement=c.LuzmoElement;exports.LuzmoMixin=c.LuzmoMixin;exports.FocusVisiblePolyfillMixin=w.FocusVisiblePolyfillMixin;exports.Focusable=U.Focusable;exports.isAndroid=o.isAndroid;exports.isAppleDevice=o.isAppleDevice;exports.isChrome=o.isChrome;exports.isFirefox=o.isFirefox;exports.isIOS=o.isIOS;exports.isIPad=o.isIPad;exports.isIPhone=o.isIPhone;exports.isMac=o.isMac;exports.isSeamonkey=o.isSeamonkey;exports.isWebKit=o.isWebKit;exports.ElementSizes=s.ElementSizes;exports.SizedMixin=s.SizedMixin;exports.streamingListener=H.streamingListener;exports.LuzmoActionGroup=V.LuzmoActionGroup;exports.LuzmoClearButton=K.LuzmoClearButton;exports.LuzmoCloseButton=W.LuzmoCloseButton;exports.LuzmoColorLoupe=j.LuzmoColorLoupe;exports.LuzmoFieldGroup=J.LuzmoFieldGroup;exports.LuzmoFieldLabel=Q.LuzmoFieldLabel;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.LuzmoAbstractOverlay=e.LuzmoAbstractOverlay;exports.LuzmoOverlay=e.LuzmoOverlay;exports.PlacementController=e.PlacementController;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=L.SlottableRequestEvent;exports.removeSlottableRequest=L.removeSlottableRequest;exports.DESCRIPTION_ID=u.DESCRIPTION_ID;exports.LuzmoPicker=u.LuzmoPicker;exports.LuzmoPickerBase=u.LuzmoPickerBase;exports.LuzmoPopover=X.LuzmoPopover;exports.LuzmoProgressCircle=Y.LuzmoProgressCircle;exports.LuzmoTextField=Z.LuzmoTextField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./accordion/index.cjs"),a=require("./action-bar/index.cjs"),z=require("./action-button/index.cjs");require("./action-group/index.cjs");const d=require("./action-menu/index.cjs"),q=require("./avatar/index.cjs"),x=require("./button/index.cjs"),p=require("./button-group/index.cjs"),C=require("./index-BziWAe4P.cjs"),v=require("./checkbox/index.cjs"),S=require("./color-area/index.cjs"),_=require("./color-field/index.cjs"),b=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const g=require("./color-menu/index.cjs"),T=require("./color-picker/index.cjs"),I=require("./color-slider/index.cjs"),P=require("./date-time-picker/index.cjs"),M=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const A=require("./icon/index.cjs"),F=require("./infield-button/index.cjs"),k=require("./label/index.cjs"),i=require("./menu/index.cjs"),y=require("./multi-language-field/index.cjs"),B=require("./multi-picker/index.cjs"),O=require("./number-field/index.cjs"),r=require("./overlay/index.cjs");require("./picker/index.cjs");const R=require("./picker-button/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const n=require("./radio/index.cjs"),h=require("./search/index.cjs"),G=require("./slider/index.cjs"),l=require("./swatch/index.cjs"),D=require("./switch/index.cjs"),m=require("./tags/index.cjs"),f=require("./text-field/index.cjs"),E=require("./toast/index.cjs"),N=require("./tooltip/index.cjs"),w=require("./unit-input/index.cjs"),c=require("./base-B7Pfl2if.cjs"),U=require("./focus-visible-B0P9aY_G.cjs"),H=require("./focusable-DGWL1v1p.cjs"),o=require("./platform-BiXhwqk3.cjs"),s=require("./sized-mixin-D9LkrMjb.cjs"),V=require("./streaming-listener-KVex1WWB.cjs"),K=require("./action-group-Uimj-MJP.cjs"),W=require("./clear-button-CyzA8riE.cjs"),j=require("./close-button-BQJ2wHkM.cjs"),J=require("./color-loupe-SskbNeMp.cjs"),Q=require("./field-group-DSY2HUoj.cjs"),X=require("./field-label-CjsQ3ujK.cjs"),e=require("./overlay-Deh6Ki6I.cjs"),L=require("./slottable-request-event-BfUUt1Mh.cjs"),u=require("./picker-dwg8oHVQ.cjs"),Y=require("./popover-Ddx-P2RQ.cjs"),Z=require("./progress-circle-NNbCMK2i.cjs"),$=require("./text-field-mxJCYues.cjs");exports.LuzmoAccordion=t.LuzmoAccordion;exports.LuzmoAccordionItem=t.LuzmoAccordionItem;exports.LuzmoActionBar=a.LuzmoActionBar;exports.LuzmoActionButton=z.LuzmoActionButton;exports.LuzmoActionMenu=d.LuzmoActionMenu;exports.LuzmoAvatar=q.LuzmoAvatar;exports.LuzmoButton=x.LuzmoButton;exports.LuzmoButtonGroup=p.LuzmoButtonGroup;exports.LuzmoCalendar=C.LuzmoCalendar;exports.LuzmoCheckbox=v.LuzmoCheckbox;exports.LuzmoColorArea=S.LuzmoColorArea;exports.LuzmoColorField=_.LuzmoColorField;exports.LuzmoColorHandle=b.LuzmoColorHandle;exports.LuzmoColorMenu=g.LuzmoColorMenu;exports.LuzmoColorPicker=T.LuzmoColorPicker;exports.LuzmoColorSlider=I.LuzmoColorSlider;exports.LuzmoDateTimePicker=P.LuzmoDateTimePicker;exports.LuzmoDivider=M.LuzmoDivider;exports.LuzmoIcon=A.LuzmoIcon;exports.LuzmoInfieldButton=F.LuzmoInfieldButton;exports.LuzmoLabel=k.LuzmoLabel;exports.LuzmoMenu=i.LuzmoMenu;exports.LuzmoMenuDivider=i.LuzmoMenuDivider;exports.LuzmoMenuGroup=i.LuzmoMenuGroup;exports.LuzmoMenuItem=i.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=i.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=y.LuzmoMultiLangField;exports.LuzmoMultiPicker=B.LuzmoMultiPicker;exports.LuzmoNumberField=O.LuzmoNumberField;exports.LuzmoOverlayTrigger=r.LuzmoOverlayTrigger;exports.OverlayTriggerDirective=r.OverlayTriggerDirective;exports.SlottableRequestDirective=r.SlottableRequestDirective;exports.openOverlay=r.openOverlay;exports.slottableRequest=r.slottableRequest;exports.trigger=r.trigger;exports.LuzmoPickerButton=R.LuzmoPickerButton;exports.LuzmoRadio=n.LuzmoRadio;exports.LuzmoRadioGroup=n.LuzmoRadioGroup;exports.LuzmoSearch=h.LuzmoSearch;exports.LuzmoSlider=G.LuzmoSlider;exports.LuzmoSwatch=l.LuzmoSwatch;exports.LuzmoSwatchGroup=l.LuzmoSwatchGroup;exports.LuzmoSwitch=D.LuzmoSwitch;exports.LuzmoTag=m.LuzmoTag;exports.LuzmoTags=m.LuzmoTags;exports.LuzmoHelpText=f.LuzmoHelpText;exports.LuzmoToast=E.LuzmoToast;exports.LuzmoTooltip=N.LuzmoTooltip;exports.LuzmoUnitInput=w.LuzmoUnitInput;exports.LuzmoElement=c.LuzmoElement;exports.LuzmoMixin=c.LuzmoMixin;exports.FocusVisiblePolyfillMixin=U.FocusVisiblePolyfillMixin;exports.Focusable=H.Focusable;exports.isAndroid=o.isAndroid;exports.isAppleDevice=o.isAppleDevice;exports.isChrome=o.isChrome;exports.isFirefox=o.isFirefox;exports.isIOS=o.isIOS;exports.isIPad=o.isIPad;exports.isIPhone=o.isIPhone;exports.isMac=o.isMac;exports.isSeamonkey=o.isSeamonkey;exports.isWebKit=o.isWebKit;exports.ElementSizes=s.ElementSizes;exports.SizedMixin=s.SizedMixin;exports.streamingListener=V.streamingListener;exports.LuzmoActionGroup=K.LuzmoActionGroup;exports.LuzmoClearButton=W.LuzmoClearButton;exports.LuzmoCloseButton=j.LuzmoCloseButton;exports.LuzmoColorLoupe=J.LuzmoColorLoupe;exports.LuzmoFieldGroup=Q.LuzmoFieldGroup;exports.LuzmoFieldLabel=X.LuzmoFieldLabel;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.LuzmoAbstractOverlay=e.LuzmoAbstractOverlay;exports.LuzmoOverlay=e.LuzmoOverlay;exports.PlacementController=e.PlacementController;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=L.SlottableRequestEvent;exports.removeSlottableRequest=L.removeSlottableRequest;exports.DESCRIPTION_ID=u.DESCRIPTION_ID;exports.LuzmoPicker=u.LuzmoPicker;exports.LuzmoPickerBase=u.LuzmoPickerBase;exports.LuzmoPopover=Y.LuzmoPopover;exports.LuzmoProgressCircle=Z.LuzmoProgressCircle;exports.LuzmoTextField=$.LuzmoTextField;

package/components/index.js

@@ -15,8 +15,8 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  * */
-import { LuzmoAccordion as s, LuzmoAccordionItem as c } from "./accordion/index.js";
-import { LuzmoActionBar as d } from "./action-bar/index.js";
+import { LuzmoAccordion as c, LuzmoAccordionItem as s } from "./accordion/index.js";
+import { LuzmoActionBar as f } from "./action-bar/index.js";
 import { LuzmoActionButton as x } from "./action-button/index.js";
 import "./action-group/index.js";
 import { LuzmoActionMenu as b } from "./action-menu/index.js";
@@ -26,7 +26,7 @@ import { LuzmoButtonGroup as C } from "./button-group/index.js";
 import { L as w } from "./index-vWdA-LXe.js";
 import { LuzmoCheckbox as T } from "./checkbox/index.js";
 import { LuzmoColorArea as P } from "./color-area/index.js";
-import { LuzmoColorField as M } from "./color-field/index.js";
+import { LuzmoColorField as F } from "./color-field/index.js";
 import { LuzmoColorHandle as B } from "./color-handle/index.js";
 import "./color-loupe/index.js";
 import { LuzmoColorMenu as D } from "./color-menu/index.js";
@@ -41,40 +41,41 @@ import { LuzmoInfieldButton as J } from "./infield-button/index.js";
 import { LuzmoLabel as X } from "./label/index.js";
 import { LuzmoMenu as Z, LuzmoMenuDivider as $, LuzmoMenuGroup as oo, LuzmoMenuItem as ro, MenuItemAddedOrUpdatedEvent as eo } from "./menu/index.js";
 import { LuzmoMultiLangField as mo } from "./multi-language-field/index.js";
-import { LuzmoNumberField as to } from "./number-field/index.js";
-import { LuzmoOverlayTrigger as io, OverlayTriggerDirective as zo, SlottableRequestDirective as no, openOverlay as so, slottableRequest as co, trigger as po } from "./overlay/index.js";
+import { LuzmoMultiPicker as to } from "./multi-picker/index.js";
+import { LuzmoNumberField as io } from "./number-field/index.js";
+import { LuzmoOverlayTrigger as no, OverlayTriggerDirective as co, SlottableRequestDirective as so, openOverlay as po, slottableRequest as fo, trigger as xo } from "./overlay/index.js";
 import "./picker/index.js";
-import { LuzmoPickerButton as xo } from "./picker-button/index.js";
+import { LuzmoPickerButton as bo } from "./picker-button/index.js";
 import "./popover/index.js";
 import "./progress-circle/index.js";
-import { LuzmoRadio as bo, LuzmoRadioGroup as Lo } from "./radio/index.js";
-import { LuzmoSearch as vo } from "./search/index.js";
-import { LuzmoSlider as So } from "./slider/index.js";
-import { LuzmoSwatch as ko, LuzmoSwatchGroup as wo } from "./swatch/index.js";
-import { LuzmoSwitch as To } from "./switch/index.js";
-import { LuzmoTag as Po, LuzmoTags as Fo } from "./tags/index.js";
-import { LuzmoHelpText as Oo } from "./text-field/index.js";
-import { LuzmoToast as Ro } from "./toast/index.js";
-import { LuzmoTooltip as Eo } from "./tooltip/index.js";
-import { LuzmoUnitInput as Ho } from "./unit-input/index.js";
-import { a as Uo, L as qo } from "./base-CawdqE7p.js";
-import { F as _o } from "./focus-visible-DBlJGoEW.js";
-import { F as Ko } from "./focusable-cj2QhwDT.js";
-import { j as Jo, d as Qo, e as Xo, h as Yo, c as Zo, b as $o, a as or, i as rr, g as er, f as lr } from "./platform-BM-uMWpX.js";
-import { E as ur, S as tr } from "./sized-mixin-BxMraZLS.js";
-import { s as ir } from "./streaming-listener-CCalHg57.js";
-import { L as nr } from "./action-group-enfc-YnW.js";
-import { L as cr } from "./clear-button-DB34Vybj.js";
-import { L as dr } from "./close-button-DN2cjFRq.js";
-import { L as xr } from "./color-loupe-DxcqXoJ6.js";
-import { L as br } from "./field-group-DAhrTCfl.js";
-import { L as hr } from "./field-label-CAFfGxEL.js";
-import { C as yr, H as Sr, b as Cr, I as kr, c as wr, d as Ir, L as Tr, e as Ar, P as Pr, V as Fr, g as Mr, a as Or, n as Br, o as Rr, p as Dr } from "./overlay-CJ9by37f.js";
-import { S as Gr, r as Hr } from "./slottable-request-event-DggLA4Rx.js";
-import { D as Ur, a as qr, L as Vr } from "./picker-BxEG2NdV.js";
-import { LuzmoPopover as jr } from "./popover-Bx4ZDHk4.js";
-import { L as Wr } from "./progress-circle-Be24kv6B.js";
-import { L as Qr } from "./text-field-BTnBJoP9.js";
+import { LuzmoRadio as ho, LuzmoRadioGroup as vo } from "./radio/index.js";
+import { LuzmoSearch as So } from "./search/index.js";
+import { LuzmoSlider as ko } from "./slider/index.js";
+import { LuzmoSwatch as Io, LuzmoSwatchGroup as To } from "./swatch/index.js";
+import { LuzmoSwitch as Po } from "./switch/index.js";
+import { LuzmoTag as Fo, LuzmoTags as Oo } from "./tags/index.js";
+import { LuzmoHelpText as Ro } from "./text-field/index.js";
+import { LuzmoToast as Eo } from "./toast/index.js";
+import { LuzmoTooltip as Ho } from "./tooltip/index.js";
+import { LuzmoUnitInput as Uo } from "./unit-input/index.js";
+import { a as Vo, L as _o } from "./base-CawdqE7p.js";
+import { F as Ko } from "./focus-visible-DBlJGoEW.js";
+import { F as Jo } from "./focusable-cj2QhwDT.js";
+import { j as Xo, d as Yo, e as Zo, h as $o, c as or, b as rr, a as er, i as lr, g as mr, f as ur } from "./platform-BM-uMWpX.js";
+import { E as ar, S as ir } from "./sized-mixin-BxMraZLS.js";
+import { s as nr } from "./streaming-listener-CCalHg57.js";
+import { L as sr } from "./action-group-enfc-YnW.js";
+import { L as fr } from "./clear-button-DB34Vybj.js";
+import { L as xr } from "./close-button-DN2cjFRq.js";
+import { L as br } from "./color-loupe-DxcqXoJ6.js";
+import { L as hr } from "./field-group-DAhrTCfl.js";
+import { L as yr } from "./field-label-CAFfGxEL.js";
+import { C as Cr, H as kr, b as wr, I as Ir, c as Tr, d as Ar, L as Pr, e as Mr, P as Fr, V as Or, g as Br, a as Rr, n as Dr, o as Er, p as Gr } from "./overlay-CJ9by37f.js";
+import { S as Nr, r as Ur } from "./slottable-request-event-DggLA4Rx.js";
+import { D as Vr, a as _r, L as jr } from "./picker-h9eY75xS.js";
+import { LuzmoPopover as Wr } from "./popover-Bx4ZDHk4.js";
+import { L as Qr } from "./progress-circle-Be24kv6B.js";
+import { L as Yr } from "./text-field-BTnBJoP9.js";
 const r = () => {
   if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
     const o = document.createElement("style");
@@ -83,43 +84,43 @@ const r = () => {
 };
 r();
 export {
-  yr as ClickController,
-  Ur as DESCRIPTION_ID,
-  ur as ElementSizes,
-  _o as FocusVisiblePolyfillMixin,
-  Ko as Focusable,
-  Sr as HoverController,
-  Cr as InteractionController,
-  kr as InteractionTypes,
-  wr as LONGPRESS_INSTRUCTIONS,
-  Ir as LongpressController,
-  Tr as LuzmoAbstractOverlay,
-  s as LuzmoAccordion,
-  c as LuzmoAccordionItem,
-  d as LuzmoActionBar,
+  Cr as ClickController,
+  Vr as DESCRIPTION_ID,
+  ar as ElementSizes,
+  Ko as FocusVisiblePolyfillMixin,
+  Jo as Focusable,
+  kr as HoverController,
+  wr as InteractionController,
+  Ir as InteractionTypes,
+  Tr as LONGPRESS_INSTRUCTIONS,
+  Ar as LongpressController,
+  Pr as LuzmoAbstractOverlay,
+  c as LuzmoAccordion,
+  s as LuzmoAccordionItem,
+  f as LuzmoActionBar,
   x as LuzmoActionButton,
-  nr as LuzmoActionGroup,
+  sr as LuzmoActionGroup,
   b as LuzmoActionMenu,
   h as LuzmoAvatar,
   y as LuzmoButton,
   C as LuzmoButtonGroup,
   w as LuzmoCalendar,
   T as LuzmoCheckbox,
-  cr as LuzmoClearButton,
-  dr as LuzmoCloseButton,
+  fr as LuzmoClearButton,
+  xr as LuzmoCloseButton,
   P as LuzmoColorArea,
-  M as LuzmoColorField,
+  F as LuzmoColorField,
   B as LuzmoColorHandle,
-  xr as LuzmoColorLoupe,
+  br as LuzmoColorLoupe,
   D as LuzmoColorMenu,
   G as LuzmoColorPicker,
   N as LuzmoColorSlider,
   q as LuzmoDateTimePicker,
   _ as LuzmoDivider,
-  Uo as LuzmoElement,
-  br as LuzmoFieldGroup,
-  hr as LuzmoFieldLabel,
-  Oo as LuzmoHelpText,
+  Vo as LuzmoElement,
+  hr as LuzmoFieldGroup,
+  yr as LuzmoFieldLabel,
+  Ro as LuzmoHelpText,
   K as LuzmoIcon,
   J as LuzmoInfieldButton,
   X as LuzmoLabel,
@@ -127,54 +128,55 @@ export {
   $ as LuzmoMenuDivider,
   oo as LuzmoMenuGroup,
   ro as LuzmoMenuItem,
-  qo as LuzmoMixin,
+  _o as LuzmoMixin,
   mo as LuzmoMultiLangField,
-  to as LuzmoNumberField,
-  Ar as LuzmoOverlay,
-  io as LuzmoOverlayTrigger,
-  qr as LuzmoPicker,
-  Vr as LuzmoPickerBase,
-  xo as LuzmoPickerButton,
-  jr as LuzmoPopover,
-  Wr as LuzmoProgressCircle,
-  bo as LuzmoRadio,
-  Lo as LuzmoRadioGroup,
-  vo as LuzmoSearch,
-  So as LuzmoSlider,
-  ko as LuzmoSwatch,
-  wo as LuzmoSwatchGroup,
-  To as LuzmoSwitch,
-  Po as LuzmoTag,
-  Fo as LuzmoTags,
-  Qr as LuzmoTextField,
-  Ro as LuzmoToast,
-  Eo as LuzmoTooltip,
-  Ho as LuzmoUnitInput,
+  to as LuzmoMultiPicker,
+  io as LuzmoNumberField,
+  Mr as LuzmoOverlay,
+  no as LuzmoOverlayTrigger,
+  _r as LuzmoPicker,
+  jr as LuzmoPickerBase,
+  bo as LuzmoPickerButton,
+  Wr as LuzmoPopover,
+  Qr as LuzmoProgressCircle,
+  ho as LuzmoRadio,
+  vo as LuzmoRadioGroup,
+  So as LuzmoSearch,
+  ko as LuzmoSlider,
+  Io as LuzmoSwatch,
+  To as LuzmoSwatchGroup,
+  Po as LuzmoSwitch,
+  Fo as LuzmoTag,
+  Oo as LuzmoTags,
+  Yr as LuzmoTextField,
+  Eo as LuzmoToast,
+  Ho as LuzmoTooltip,
+  Uo as LuzmoUnitInput,
   eo as MenuItemAddedOrUpdatedEvent,
-  zo as OverlayTriggerDirective,
-  Pr as PlacementController,
-  tr as SizedMixin,
-  no as SlottableRequestDirective,
-  Gr as SlottableRequestEvent,
-  Fr as VirtualTrigger,
-  Mr as guaranteedAllTransitionend,
-  Jo as isAndroid,
-  Qo as isAppleDevice,
-  Xo as isChrome,
-  Yo as isFirefox,
-  Zo as isIOS,
-  $o as isIPad,
-  or as isIPhone,
-  rr as isMac,
-  er as isSeamonkey,
-  lr as isWebKit,
-  Or as nextFrame,
-  Br as noop,
-  so as openOverlay,
-  Rr as overlayTimer,
-  Dr as placementUpdatedSymbol,
-  Hr as removeSlottableRequest,
-  co as slottableRequest,
-  ir as streamingListener,
-  po as trigger
+  co as OverlayTriggerDirective,
+  Fr as PlacementController,
+  ir as SizedMixin,
+  so as SlottableRequestDirective,
+  Nr as SlottableRequestEvent,
+  Or as VirtualTrigger,
+  Br as guaranteedAllTransitionend,
+  Xo as isAndroid,
+  Yo as isAppleDevice,
+  Zo as isChrome,
+  $o as isFirefox,
+  or as isIOS,
+  rr as isIPad,
+  er as isIPhone,
+  lr as isMac,
+  mr as isSeamonkey,
+  ur as isWebKit,
+  Rr as nextFrame,
+  Dr as noop,
+  po as openOverlay,
+  Er as overlayTimer,
+  Gr as placementUpdatedSymbol,
+  Ur as removeSlottableRequest,
+  fo as slottableRequest,
+  nr as streamingListener,
+  xo as trigger
 };

package/components/multi-picker/index.cjs

@@ -0,0 +1,127 @@
+/*! * 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("../base-B7Pfl2if.cjs"),f=require("../state-C5I1gP3G.cjs"),g=require("../query-BL-TJj7K.cjs"),S=require("../class-map-Buyb1CLm.cjs"),p=require("../if-defined-B56xGmAg.cjs"),$=require("../style-map-uMq-yDJ3.cjs"),w=require("../focusable-DGWL1v1p.cjs"),I=require("../dependency-manger-C5HCkMMB.cjs"),d=require("../strategies-D_cIzAJE.cjs"),C=require("../pending-state-Do522lTd.cjs"),E=require("../sized-mixin-D9LkrMjb.cjs"),u=require("@luzmo/icons");require("../menu/index.cjs");require("../overlay/index.cjs");require("../progress-circle/index.cjs");require("../tooltip/index.cjs");var x=Object.defineProperty,L=Object.getOwnPropertyDescriptor,l=(c,e,t,i)=>{for(var o=i>1?void 0:i?L(e,t):e,a=c.length-1,r;a>=0;a--)(r=c[a])&&(o=(i?r(e,t,o):r(o))||o);return i&&o&&x(e,t,o),o};const q=()=>s.x`
+  <div class="disclosure-icon icon">
+    ${u.luzmoIcon(u.luzmoAngleDown,{className:"indicator"})}
+  </div>
+`,z=()=>s.x`
+  <div class="icon-container validation-icon icon">
+    ${u.luzmoIcon(u.luzmoAlert)}
+  </div>
+`,v="option-picker";class n extends E.SizedMixin(w.Focusable,{noDefaultSize:!0}){constructor(){super(),this.disabled=!1,this.focused=!1,this.variant="checkmarks",this.invalid=!1,this.pending=!1,this.pendingLabel="Pending",this.multiItemLabel="items selected",this.open=!1,this.readonly=!1,this.placement="bottom-start",this.quiet=!1,this.value="",this.values=[],this.selects="multiple",this.dependencyManager=new I.DependencyManagerController(this),this.isMobile=new d.MatchMediaController(this,d.IS_MOBILE),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.handleKeydown=e=>{this.focused=!0,!(e.code!=="ArrowDown"&&e.code!=="ArrowUp")&&(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>q(),this.renderAlertIcon=()=>z(),this.handleEnterKeydown=e=>{if(e.code==="Enter"){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener("keyup",t=>{t.code==="Enter"&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new C.PendingStateController(this)}get selectedItems(){return this._selectedItems}get buttonLabelContent(){return this._buttonLabelContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}set selectedItems(e){var o,a,r;const t=(o=e==null?void 0:e[0])==null?void 0:o.querySelector('[slot="icon"]');this.buttonLabelContent=((a=e??[])==null?void 0:a.length)>1?{icon:null,content:[s.x`<span class="count">${e==null?void 0:e.length}</span>
+                <span class="label">${this.multiItemLabel}</span>`]}:(r=e==null?void 0:e[0])==null?void 0:r.itemChildren;const i=this.selectedItems;this._selectedItems=e,this._selectedItemIcon=(t==null?void 0:t.icon)??void 0,this.requestUpdate("selectedItems",i)}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");const t=e.target;e.stopPropagation(),e.cancelable?this.setValuesFromItems(t.selectedItems,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){var t;(t=this.strategy)==null||t.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(){var e;(e=this.strategy)==null||e.abort(),this.strategy=this.isMobile.matches?new d.strategies.mobile(this.button,this):new d.strategies.desktop(this.button,this)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated}disconnectedCallback(){var e;this.close(),(e=this.strategy)==null||e.releaseDescription(),super.disconnectedCallback()}async setValuesFromItems(e,t){this.selects==="single"&&(this.open=!1,this.strategy&&(this.strategy.open=!1));const i=this.selectedItems,o=this.values;if(this.selectedItems=e,this.values=e.map(r=>r.value),await this.updateComplete,!this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:this.values}))&&this.selects){t&&t.preventDefault(),this.selectedItems.forEach(r=>{this.setMenuItemSelected(r,!1)}),i&&i.forEach(r=>{this.setMenuItemSelected(r,!0)}),this.selectedItems=i,this.values=o,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItems=i,this.values=o;return}i==null||i.forEach(r=>{this.setMenuItemSelected(r,!1)}),e.forEach(r=>{this.setMenuItemSelected(r,!!this.selects)})}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":"100%"}:{}}set buttonLabelContent(e){if(e===this.buttonLabelContent)return;const t=this.buttonLabelContent;this._buttonLabelContent=e,this.requestUpdate("buttonLabelContent",t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){var t,i;return(t=this.values)!=null&&t.length&&((i=this.selectedItems)!=null&&i.length)?e:s.x`
+      <slot name="label" id="label">
+        <span aria-hidden=${p.o(this.appliedLabel?void 0:"true")}>
+          ${this.label}
+        </span>
+      </slot>
+    `}get buttonContent(){var o,a,r,h,m,y,b;const e={"visually-hidden":this.icons==="only"&&((o=this.values)==null?void 0:o.length)>0,placeholder:!((a=this.values)!=null&&a.length),label:!0},t=this.appliedLabel||this.label,i=s.x` <div
+      id="icon"
+      ?hidden=${this.icons==="none"||((r=this.values)==null?void 0:r.length)>1}
+    >
+      ${this._selectedItemIcon?u.luzmoIcon(this._selectedItemIcon):s.E}
+    </div>`;return[s.x`
+        ${this._selectedItemIcon?i:s.E}
+        <div
+          id=${p.o((h=this.values)!=null&&h.length&&((m=this.selectedItems)!=null&&m.length)?"label":void 0)}
+          class=${S.e(e)}
+        >
+          ${this.renderLabelContent(this.buttonLabelContent.content)}
+        </div>
+        ${(y=this.values)!=null&&y.length&&((b=this.selectedItems)!=null&&b.length)?s.x`
+              <div
+                aria-hidden="true"
+                class="visually-hidden"
+                id="applied-label"
+              >
+                ${t}
+                <slot name="label"></slot>
+              </div>
+            `:s.x` <span hidden id="applied-label">${t}</span> `}
+        ${this.invalid&&!this.pending?s.x` ${this.renderAlertIcon()} `:s.E}
+        ${this.pendingStateController.renderPendingState()}
+        ${this.readonly?s.E:this.renderAngleIcon()}
+        <slot
+          aria-hidden="true"
+          name="tooltip"
+          id="tooltip"
+          @slotchange=${this.handleTooltipSlotchange}
+        ></slot>
+      `]}renderOverlay(e){var i,o,a;if(((i=this.strategy)==null?void 0:i.overlay)===void 0)return e;const t=this.renderContainer(e);return s.B(t,(o=this.strategy)==null?void 0:o.overlay,{host:this}),(a=this.strategy)==null?void 0:a.overlay}get renderDescriptionSlot(){return s.x`
+      <div id=${v}>
+        <slot name="description"></slot>
+      </div>
+    `}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),s.x`
+      <span
+        id="focus-helper"
+        tabindex=${this.focused||this.open?"-1":"0"}
+        @focus=${this.handleHelperFocus}
+        aria-describedby=${v}
+      ></span>
+      <button
+        aria-controls=${p.o(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=${p.o(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){var t,i;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("values")&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(":scope > luzmo-menu"),(t=this.deprecatedMenu)==null||t.toggleAttribute("ignore",!0),(i=this.deprecatedMenu)==null||i.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)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return s.x`
+      <div class="visually-hidden">
+        <button
+          tabindex="-1"
+          aria-label="Dismiss"
+          @click=${this.close}
+        ></button>
+      </div>
+    `}renderContainer(e){const t=s.x`
+      ${this.dismissHelper} ${e} ${this.dismissHelper}
+    `;return this.dependencyManager.add("luzmo-popover"),Promise.resolve().then(()=>require("../popover/index.cjs")),s.x`
+      <luzmo-popover
+        id="popover"
+        size=${this.size}
+        role="presentation"
+        style=${$.o(this.containerStyles)}
+        placement=${this.placement}
+      >
+        ${t}
+      </luzmo-popover>
+    `}get renderMenu(){const e=s.x`
+      <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.values??[]}
+        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(t=>this.selectionResolver=t);const e=[];await this.optionsMenu.updateComplete,this.recentlyConnected&&(await new Promise(t=>requestAnimationFrame(()=>t(!0))),this.recentlyConnected=!1),this.menuItems.forEach(t=>{this.values.includes(t.value)&&!t.disabled?e==null||e.push(t):t.selected=!1}),e&&(e.forEach(t=>{t.selected=!!this.selects}),this.selectedItems=e),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event("scroll",{cancelable:!0,composed:!0}))}}l([f.r()],n.prototype,"appliedLabel",2);l([g.e("#button")],n.prototype,"button",2);l([s.n({type:Boolean,reflect:!0})],n.prototype,"disabled",2);l([s.n({type:Boolean,reflect:!0})],n.prototype,"focused",2);l([s.n({type:String,reflect:!0})],n.prototype,"icons",2);l([s.n({type:String,reflect:!0})],n.prototype,"variant",2);l([s.n({type:Boolean,reflect:!0})],n.prototype,"invalid",2);l([s.n({type:Boolean,reflect:!0})],n.prototype,"pending",2);l([s.n({type:String,attribute:"pending-label"})],n.prototype,"pendingLabel",2);l([s.n({type:String,attribute:"multi-item-label",reflect:!0})],n.prototype,"multiItemLabel",2);l([s.n()],n.prototype,"label",2);l([s.n({type:Boolean,reflect:!0})],n.prototype,"open",2);l([s.n({type:Boolean,reflect:!0})],n.prototype,"readonly",2);l([f.r()],n.prototype,"labelAlignment",2);l([g.e("luzmo-menu")],n.prototype,"optionsMenu",2);l([g.e("luzmo-overlay")],n.prototype,"overlayElement",2);l([s.n()],n.prototype,"placement",2);l([s.n({type:Boolean,reflect:!0})],n.prototype,"quiet",2);l([s.n({type:String})],n.prototype,"value",2);l([s.n({type:Array})],n.prototype,"values",2);l([s.n({attribute:!1})],n.prototype,"selectedItems",1);l([f.r()],n.prototype,"buttonLabelContent",1);l([s.n({type:String,reflect:!0})],n.prototype,"selects",2);class M extends n{constructor(){super(...arguments),this.handleKeydown=e=>{var i,o;const{code:t}=e;if(this.focused=!0,!(!t.startsWith("Arrow")||this.readonly||this.pending)){if(t==="ArrowUp"||t==="ArrowDown"){this.toggle(!0),e.preventDefault();return}if(e.preventDefault(),this.selects==="single"){const a=(i=this.selectedItems)!=null&&i.length?this.menuItems.indexOf(this.selectedItems[0]):-1,r=a<0||t==="ArrowRight"?1:-1;let h=a+r;for(;this.menuItems[h]&&this.menuItems[h].disabled;)h+=r;if(!this.menuItems[h]||this.menuItems[h].disabled)return;(!((o=this.values)!=null&&o.length)||h!==a)&&this.setValuesFromItems([this.menuItems[h]])}}}}static get styles(){return[s.r(d.pickerStyles)]}get containerStyles(){const e=super.containerStyles;return this.quiet||(e["min-width"]=`${this.offsetWidth}px`),e}}customElements.get("luzmo-multi-picker")||customElements.define("luzmo-multi-picker",M);exports.LuzmoMultiPicker=M;

package/components/multi-picker/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoMultiPicker } from './multi-picker';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-multi-picker': LuzmoMultiPicker;
+    }
+}
+export { LuzmoMultiPicker } from './multi-picker';