@luzmo/lucero 2.4.2 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.js +1 -1
- package/components/{action-menu-CwzRbF61.cjs → action-menu-BNZWjeDd.cjs} +1 -1
- package/components/{action-menu-C0sHNsjG.js → action-menu-D1hTsg9A.js} +1 -1
- package/components/checkbox/index.cjs +1 -1
- package/components/checkbox/index.js +1 -1
- package/components/{checkbox-BEjvkjfc.js → checkbox-CydI9yXG.js} +1 -1
- package/components/{checkbox-ClVrkeLp.cjs → checkbox-JCvBro0K.cjs} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +11 -10
- package/components/match-media-B_0cVVtk.cjs +18 -0
- package/components/match-media-C5X2OZiD.js +34 -0
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +1 -1
- package/components/picker-COeWCv60.cjs +124 -0
- package/components/{picker-D0fMBZLb.js → picker-uKcRswTQ.js} +6 -5
- package/components/question-box/index.cjs +1 -1
- package/components/question-box/index.js +1 -1
- package/components/{question-box-D7YSi_6c.js → question-box-Bcm-P-UV.js} +1 -1
- package/components/{question-box-Bdtsgv1k.cjs → question-box-DZnuGMBB.cjs} +1 -1
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +1 -1
- package/components/{select-BUgHi69P.js → select-B86uAHme.js} +5 -4
- package/components/select-CKMCEJf7.cjs +158 -0
- package/components/strategies-Bb7zEjrU.cjs +18 -0
- package/components/{strategies-Cl59wdNZ.js → strategies-COS7mShJ.js} +11 -24
- package/components/table/controllers/table-announcer.d.ts +12 -0
- package/components/table/controllers/table-column-resize.d.ts +41 -0
- package/components/table/controllers/table-grid-navigation.d.ts +28 -0
- package/components/table/controllers/table-layout.d.ts +55 -0
- package/components/table/controllers/table-row-expansion.d.ts +45 -0
- package/components/table/controllers/table-virtualizer.d.ts +42 -0
- package/components/table/index.cjs +18 -0
- package/components/table/index.d.ts +32 -0
- package/components/table/index.js +20 -0
- package/components/table/table-body.d.ts +24 -0
- package/components/table/table-cell.d.ts +27 -0
- package/components/table/table-checkbox-cell.d.ts +41 -0
- package/components/table/table-columns.d.ts +45 -0
- package/components/table/table-disclosure-cell.d.ts +21 -0
- package/components/table/table-head-cell.d.ts +77 -0
- package/components/table/table-head.d.ts +34 -0
- package/components/table/table-model.d.ts +56 -0
- package/components/table/table-row-details.d.ts +29 -0
- package/components/table/table-row.d.ts +64 -0
- package/components/table/table-styles.d.ts +9 -0
- package/components/table/table-templates.d.ts +41 -0
- package/components/table/table.d.ts +197 -0
- package/components/table/types.d.ts +81 -0
- package/components/table-B75GjBhD.js +1592 -0
- package/components/table-CHrAaVU1.cjs +180 -0
- package/custom-elements.json +1 -1
- package/index.d.ts +1 -0
- package/package.json +9 -1
- package/standalone/accordion.js +1 -1
- package/standalone/action-bar.js +1 -1
- package/standalone/action-button.js +1 -1
- package/standalone/action-menu.js +1 -1
- package/standalone/avatar.js +1 -1
- package/standalone/calendar.js +1 -1
- package/standalone/checkbox.js +1 -1
- package/standalone/chunks/{action-button-BzzPBqt5.js → action-button-FSsfXYe9.js} +1 -1
- package/standalone/chunks/{button-Dykw3TSO.js → button-Q1n9DH9a.js} +1 -1
- package/standalone/chunks/{calendar-ZwUYkzVq.js → calendar-DcFjY2tw.js} +1 -1
- package/standalone/chunks/{checkbox-OQtakoP8.js → checkbox-DQ4wPgG_.js} +2 -2
- package/standalone/chunks/{clear-button-pVGfwye8.js → clear-button-3zpCVxG5.js} +1 -1
- package/standalone/chunks/{close-button-RpPiwBdf.js → close-button-C96dazyi.js} +1 -1
- package/standalone/chunks/{color-field-CrCF4kqZ.js → color-field-BFvUGE4L.js} +1 -1
- package/standalone/chunks/{color-menu-B5UOMYmX.js → color-menu-BIKuitbH.js} +2 -2
- package/standalone/chunks/{icon-Dy6J1QeX.js → icon-BypO7M7G.js} +1 -1
- package/standalone/chunks/luzmo-icons-B-pCv-xg.js +13 -0
- package/standalone/chunks/match-media-BMi7j6hf.js +2 -0
- package/standalone/chunks/{menu-nolJetlp.js → menu-DSMoQt1w.js} +1 -1
- package/standalone/chunks/{number-field-C3DYfl1s.js → number-field-B6BDXkL7.js} +3 -3
- package/standalone/chunks/{options-BjRSj630.js → options-CkmITqgV.js} +5 -5
- package/standalone/chunks/picker-FCQK0vdE.js +108 -0
- package/standalone/chunks/{picker-button-BeXTIgUt.js → picker-button-BZWqDoNQ.js} +1 -1
- package/standalone/chunks/{segments-factory-Ch3AAizU.js → segments-factory-eS38mJRz.js} +1 -1
- package/standalone/chunks/strategies-C-vW4MlK.js +2 -0
- package/standalone/chunks/{swatch-m_4GcO2_.js → swatch-CGR_GWqO.js} +1 -1
- package/standalone/chunks/{text-field-BnZtyodU.js → text-field-4OKvLOXG.js} +1 -1
- package/standalone/chunks/{text-field-BrlDeJsx.js → text-field-C2oROxum.js} +1 -1
- package/standalone/clear-button.js +1 -1
- package/standalone/close-button.js +1 -1
- package/standalone/color-field.js +1 -1
- package/standalone/color-menu.js +1 -1
- package/standalone/color-picker.js +1 -1
- package/standalone/date-range-picker.js +1 -1
- package/standalone/date-time-picker.js +1 -1
- package/standalone/icon.js +1 -1
- package/standalone/manifest.json +22 -20
- package/standalone/menu.js +1 -1
- package/standalone/multi-language-field.js +1 -1
- package/standalone/notice.js +1 -1
- package/standalone/number-field.js +1 -1
- package/standalone/options.js +1 -1
- package/standalone/picker-button.js +1 -1
- package/standalone/picker.js +1 -1
- package/standalone/progress-steps.js +1 -1
- package/standalone/prompt-box.js +9 -9
- package/standalone/question-box.js +1 -1
- package/standalone/search.js +1 -1
- package/standalone/select.js +2 -2
- package/standalone/slider.js +1 -1
- package/standalone/swatch.js +1 -1
- package/standalone/table.js +185 -0
- package/standalone/tabs.js +1 -1
- package/standalone/tags.js +1 -1
- package/standalone/text-field.js +1 -1
- package/standalone/toast.js +1 -1
- package/components/picker-BliQJlY_.cjs +0 -124
- package/components/select-DsGVB01K.cjs +0 -158
- package/components/strategies-BwNbUXYS.cjs +0 -18
- package/standalone/chunks/luzmo-icons-CJa-aByT.js +0 -13
- package/standalone/chunks/picker-hbMQOkUX.js +0 -108
- package/standalone/chunks/strategies-kad_0dTB.js +0 -2
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../action-menu-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../action-menu-BNZWjeDd.cjs");exports.LuzmoActionMenu=e.t;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs");require("./icon-zOPAWCdx.cjs");const t=require("./observe-slot-text-CvL-2ey3.cjs");require("./popover-BsdqkvKI.cjs"),require("./action-button-CX1uYbQp.cjs");const n=require("./observe-slot-presence-CS8pMePk.cjs"),r=require("./slottable-request-event-C6eb7Ch3.cjs");require("./overlay-Dn7EbA_W.cjs");const i=require("./picker-
|
|
18
|
+
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs");require("./icon-zOPAWCdx.cjs");const t=require("./observe-slot-text-CvL-2ey3.cjs");require("./popover-BsdqkvKI.cjs"),require("./action-button-CX1uYbQp.cjs");const n=require("./observe-slot-presence-CS8pMePk.cjs"),r=require("./slottable-request-event-C6eb7Ch3.cjs");require("./overlay-Dn7EbA_W.cjs");const i=require("./picker-COeWCv60.cjs");let a=require("lit"),o=require("lit/decorators.js"),s=require("@luzmo/icons"),c=require("lit/directives/if-defined.js");var l=`:host{display:inline-flex}:host([quiet]){min-width:0}:host>luzmo-menu{display:none}::slotted([slot=icon]),.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}`,u=class extends n.t(t.t(i.r,`label`),`[slot="label-only"]`){constructor(...e){super(...e),this.selects=void 0,this.listRole=`menu`,this.itemRole=`menuitem`,this.handleSlottableRequest=e=>{this.dispatchEvent(new r.t(e.name,e.data))}}static get styles(){return[(0,a.unsafeCSS)(l)]}get hasLabel(){return this.slotHasContent}get labelOnly(){return this.slotContentIsPresent}get buttonContent(){return[a.html`
|
|
19
19
|
${this.labelOnly?a.html``:a.html`
|
|
20
20
|
<slot
|
|
21
21
|
name="icon"
|
|
@@ -24,7 +24,7 @@ import "./action-button-BRijXjEz.js";
|
|
|
24
24
|
import { t as n } from "./observe-slot-presence-BKY6n06-.js";
|
|
25
25
|
import { t as r } from "./slottable-request-event-MRSZbgTu.js";
|
|
26
26
|
import "./overlay-DpHIYJtd.js";
|
|
27
|
-
import { r as i, t as a } from "./picker-
|
|
27
|
+
import { r as i, t as a } from "./picker-uKcRswTQ.js";
|
|
28
28
|
import { html as o, unsafeCSS as s } from "lit";
|
|
29
29
|
import { property as c, state as l } from "lit/decorators.js";
|
|
30
30
|
import { luzmoEllipsisHorizontal as u } from "@luzmo/icons";
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../checkbox-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../checkbox-JCvBro0K.cjs");exports.LuzmoCheckbox=e.t;
|
|
@@ -65,7 +65,7 @@ var u = ":host{color:var(--highcontrast-checkbox-content-color-default,var(--luz
|
|
|
65
65
|
`;
|
|
66
66
|
}
|
|
67
67
|
updated(e) {
|
|
68
|
-
super.updated(e), e.has("disabled") && (this.inputElement.disabled = this.disabled), e.has("indeterminate") && (this.inputElement.indeterminate = this.indeterminate), e.has("invalid") && (this.invalid ? this.inputElement.setAttribute("aria-invalid", "true") : this.inputElement.removeAttribute("aria-invalid"));
|
|
68
|
+
super.updated(e), e.has("disabled") && (this.inputElement.disabled = this.disabled), e.has("indeterminate") && (this.inputElement.indeterminate = this.indeterminate), e.has("invalid") && (this.invalid ? this.inputElement.setAttribute("aria-invalid", "true") : this.inputElement.removeAttribute("aria-invalid")), e.has("tabIndex") && (this.tabIndex < 0 ? this.inputElement.tabIndex = -1 : this.inputElement.removeAttribute("tabindex"));
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
//#endregion
|
|
@@ -22,4 +22,4 @@ require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./
|
|
|
22
22
|
${this.indeterminate?c():r.html``}
|
|
23
23
|
</span>
|
|
24
24
|
<label id="label" for="input"><slot></slot></label>
|
|
25
|
-
`}updated(e){super.updated(e),e.has(`disabled`)&&(this.inputElement.disabled=this.disabled),e.has(`indeterminate`)&&(this.inputElement.indeterminate=this.indeterminate),e.has(`invalid`)&&(this.invalid?this.inputElement.setAttribute(`aria-invalid`,`true`):this.inputElement.removeAttribute(`aria-invalid`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`indeterminate`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`autofocus`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({reflect:!0,type:Number,attribute:`tabindex`})],l.prototype,`tabIndex`,void 0),customElements.get(`luzmo-checkbox`)||customElements.define(`luzmo-checkbox`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
|
|
25
|
+
`}updated(e){super.updated(e),e.has(`disabled`)&&(this.inputElement.disabled=this.disabled),e.has(`indeterminate`)&&(this.inputElement.indeterminate=this.indeterminate),e.has(`invalid`)&&(this.invalid?this.inputElement.setAttribute(`aria-invalid`,`true`):this.inputElement.removeAttribute(`aria-invalid`)),e.has(`tabIndex`)&&(this.tabIndex<0?this.inputElement.tabIndex=-1:this.inputElement.removeAttribute(`tabindex`))}};e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`disabled`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`indeterminate`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`autofocus`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`invalid`,void 0),e.t([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`emphasized`,void 0),e.t([(0,i.property)({reflect:!0,type:Number,attribute:`tabindex`})],l.prototype,`tabIndex`,void 0),customElements.get(`luzmo-checkbox`)||customElements.define(`luzmo-checkbox`,l),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
|
package/components/index.cjs
CHANGED
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-BK0LfhmL.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-oo7YV0EW.cjs"),ne=require("./icon-zOPAWCdx.cjs"),re=require("./close-button-BAELImQY.cjs"),i=require("./field-label-C0vfY1b6.cjs"),a=require("./popover-BsdqkvKI.cjs"),o=require("./action-bar-DAqG_7VG.cjs"),s=require("./action-button-CX1uYbQp.cjs"),c=require("./slottable-request-event-C6eb7Ch3.cjs"),l=require("./progress-circle-bO_VAX3N.cjs"),u=require("./menu-CrhA2iPZ.cjs"),d=require("./overlay-Dn7EbA_W.cjs"),f=require("./platform-BAjeJp2W.cjs"),ie=require("./tooltip-DjOW52n2.cjs"),p=require("./picker-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-BK0LfhmL.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-oo7YV0EW.cjs"),ne=require("./icon-zOPAWCdx.cjs"),re=require("./close-button-BAELImQY.cjs"),i=require("./field-label-C0vfY1b6.cjs"),a=require("./popover-BsdqkvKI.cjs"),o=require("./action-bar-DAqG_7VG.cjs"),s=require("./action-button-CX1uYbQp.cjs"),c=require("./slottable-request-event-C6eb7Ch3.cjs"),l=require("./progress-circle-bO_VAX3N.cjs"),u=require("./menu-CrhA2iPZ.cjs"),d=require("./overlay-Dn7EbA_W.cjs"),f=require("./platform-BAjeJp2W.cjs"),ie=require("./tooltip-DjOW52n2.cjs"),p=require("./picker-COeWCv60.cjs"),ae=require("./action-menu-BNZWjeDd.cjs"),oe=require("./avatar-DHS5UGTJ.cjs"),se=require("./badge-D8pIDEoq.cjs"),m=require("./button-Bvnidb4x.cjs"),h=require("./button-group-Du7R4SxZ.cjs"),g=require("./calendar-pQxEWdYC.cjs"),_=require("./chat-message-BDfomRm-.cjs"),v=require("./chat-message-group-CvxdX3jt.cjs"),y=require("./checkbox-JCvBro0K.cjs"),b=require("./color-loupe-6NcLbFco.cjs"),x=require("./color-handle-2iFLp9FN.cjs"),S=require("./streaming-listener-Bfyk6Fsx.cjs"),C=require("./color-area-CmKlQG1i.cjs"),w=require("./text-field-3fDtTQkR.cjs"),T=require("./color-field-BH9x46k_.cjs"),E=require("./color-slider-CMW8gJ0Z.cjs"),D=require("./divider-BcE8D-pH.cjs"),O=require("./swatch-CQ0inIHK.cjs"),k=require("./color-menu-BYTgxLQG.cjs"),A=require("./color-palette-x6W09EBL.cjs"),j=require("./color-palette-group-D4k_7pW6.cjs"),M=require("./color-picker-BAikpqUT.cjs"),N=require("./picker-button-B8Jbf9jK.cjs"),P=require("./date-range-picker-D149LIGC.cjs"),F=require("./date-time-picker-CRpvRk9T.cjs"),I=require("./field-group-Dd5xYczm.cjs");require("./field-group/index.cjs");const L=require("./infield-button-kilVRjwB.cjs"),ce=require("./label-B3zs6OX0.cjs"),R=require("./text-field-CbN4nydd.cjs"),z=require("./multi-language-field-BndVikur.cjs"),B=require("./notice-CsWaqcq3.cjs"),V=require("./number-field-xxXgR70l.cjs"),H=require("./options-CP9V2CSJ.cjs");require("./picker/index.cjs");const U=require("./progress-bar-CrodWzcc.cjs"),W=require("./progress-steps-CvdQQwHc.cjs"),G=require("./skeleton-loader-CNcwCh4V.cjs"),K=require("./prompt-box-sp9_-Hnx.cjs"),le=require("./voice-recorder-B1tBrGTV.cjs"),q=require("./radio-CRTfoEX_.cjs"),J=require("./question-box-DZnuGMBB.cjs"),ue=require("./search-PxJEuwHt.cjs"),de=require("./select-CKMCEJf7.cjs"),Y=require("./slider-C_8pSK4N.cjs"),fe=require("./split-view-BwCFYey6.cjs"),pe=require("./status-light-D3hdx8Pd.cjs"),me=require("./switch-qwpYXVnO.cjs"),X=require("./table-CHrAaVU1.cjs"),Z=require("./tabs-DxOD4QNt.cjs"),Q=require("./top-nav-81IKEGjR.cjs"),$=require("./tags-fLCGajv_.cjs"),he=require("./toast-DRrGgznK.cjs");require("./utils.cjs"),exports.ClickController=d.d,exports.DEFAULT_FILE_ICONS=K.n,exports.DEFAULT_NOTICE_LABELS=B.t,exports.DEFAULT_PROGRESS_STEPS_LABELS=W.n,exports.DEFAULT_QUESTION_BOX_LABELS=J.a,exports.DEFAULT_SLIDER_LABELS=Y.r,exports.DEFAULT_TABLE_LABELS=X.u,exports.DESCRIPTION_ID=p.t,exports.ELEMENT_MIME_TYPE=K.r,exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=r.t,exports.Focusable=ee.t,exports.HoverController=d.u,exports.InteractionController=d.f,exports.InteractionTypes=d.p,exports.LONGPRESS_INSTRUCTIONS=d.c,exports.LongpressController=d.l,exports.LuzmoAbstractOverlay=d.y,exports.LuzmoAccordion=n.n,exports.LuzmoAccordionItem=n.t,exports.LuzmoActionBar=o.t,exports.LuzmoActionButton=s.t,exports.LuzmoActionGroup=te.t,exports.LuzmoActionMenu=ae.t,exports.LuzmoAvatar=oe.t,exports.LuzmoBadge=se.t,exports.LuzmoButton=m.n,exports.LuzmoButtonGroup=h.t,exports.LuzmoCalendar=g.t,exports.LuzmoChatMessage=_.t,exports.LuzmoChatMessageGroup=v.t,exports.LuzmoCheckbox=y.t,exports.LuzmoClearButton=m.t,exports.LuzmoCloseButton=re.t,exports.LuzmoColorArea=C.t,exports.LuzmoColorField=T.t,exports.LuzmoColorHandle=x.t,exports.LuzmoColorLoupe=b.t,exports.LuzmoColorMenu=k.t,exports.LuzmoColorPalette=A.t,exports.LuzmoColorPaletteGroup=j.t,exports.LuzmoColorPicker=M.t,exports.LuzmoColorSlider=E.t,exports.LuzmoDateRangePicker=P.t,exports.LuzmoDateTimePicker=F.t,exports.LuzmoDivider=D.t,exports.LuzmoElement=e.n,exports.LuzmoFieldGroup=I.t,exports.LuzmoFieldLabel=i.t,exports.LuzmoHelpText=R.t,exports.LuzmoIcon=ne.t,exports.LuzmoInfieldButton=L.t,exports.LuzmoLabel=ce.t,exports.LuzmoMenu=u.a,exports.LuzmoMenuDivider=u.i,exports.LuzmoMenuGroup=u.r,exports.LuzmoMenuItem=u.t,exports.LuzmoMixin=e.r,exports.LuzmoMultiLangField=z.t,exports.LuzmoNotice=B.n,exports.LuzmoNumberField=V.t,exports.LuzmoOption=H.a,exports.LuzmoOptions=H.t,exports.LuzmoOptionsDivider=H.i,exports.LuzmoOverlay=d.s,exports.LuzmoOverlayTrigger=d.o,exports.LuzmoPicker=p.n,exports.LuzmoPickerBase=p.r,exports.LuzmoPickerButton=N.t,exports.LuzmoPopover=a.t,exports.LuzmoProgressBar=U.t,exports.LuzmoProgressCircle=l.t,exports.LuzmoProgressSteps=W.t,exports.LuzmoPromptBox=K.t,exports.LuzmoQuestionBox=J.t,exports.LuzmoRadio=q.n,exports.LuzmoRadioGroup=q.t,exports.LuzmoSearch=ue.t,exports.LuzmoSelect=de.t,exports.LuzmoSkeletonLoader=G.t,exports.LuzmoSlider=Y.n,exports.LuzmoSliderHandle=Y.t,exports.LuzmoSplitView=fe.t,exports.LuzmoStatusLight=pe.t,exports.LuzmoSwatch=O.n,exports.LuzmoSwatchGroup=O.t,exports.LuzmoSwitch=me.t,exports.LuzmoTab=Z.i,exports.LuzmoTabPanel=Z.r,exports.LuzmoTable=X.c,exports.LuzmoTableBody=X.s,exports.LuzmoTableCell=X.o,exports.LuzmoTableCheckboxCell=X.a,exports.LuzmoTableDisclosureCell=X.n,exports.LuzmoTableHead=X.i,exports.LuzmoTableHeadCell=X.r,exports.LuzmoTableRow=X.t,exports.LuzmoTableRowDetails=X.l,exports.LuzmoTabs=Z.n,exports.LuzmoTabsOverflow=Z.t,exports.LuzmoTag=$.n,exports.LuzmoTags=$.t,exports.LuzmoTextField=w.t,exports.LuzmoToast=he.t,exports.LuzmoTooltip=ie.t,exports.LuzmoTopNav=Q.n,exports.LuzmoTopNavItem=Q.t,exports.MenuItemAddedOrUpdatedEvent=u.n,exports.OverlayTriggerDirective=d.t,exports.PlacementController=d.g,exports.QUESTION_BOX_OTHER_VALUE=J.o,exports.SAFARI_FOCUS_RING_CLASS=d.m,exports.SizedMixin=t.n,exports.SlottableRequestDirective=d.r,exports.SlottableRequestEvent=c.t,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=H.n,exports.VirtualTrigger=d.v,exports.VoiceRecorder=le.t,exports.guaranteedAllTransitionend=d.b,exports.isAndroid=f.t,exports.isAppleDevice=f.n,exports.isChrome=f.r,exports.isFirefox=f.i,exports.isIOS=f.a,exports.isIPad=f.o,exports.isIPhone=f.s,exports.isMac=f.c,exports.isSeamonkey=f.l,exports.isWebKit=f.u,exports.lastInteractionType=d.h,exports.nextFrame=d.x,exports.noop=d.S,exports.noticeVariants=B.r,exports.openOverlay=d.a,exports.overlayTimer=d.C,exports.placementUpdatedSymbol=d._,exports.questionBoxOtherKey=J.s,exports.questionsToRequestedSchema=J.n,exports.removeSlottableRequest=c.n,exports.requestedSchemaToQuestions=J.r,exports.slottableRequest=d.i,exports.streamingListener=S.t,exports.toElicitationContent=J.i,exports.trigger=d.n;
|
package/components/index.js
CHANGED
|
@@ -34,8 +34,8 @@ import { a as v, i as y, n as b, r as x, t as S } from "./menu-fdJseu1y.js";
|
|
|
34
34
|
import { C, S as w, _ as T, a as E, b as D, c as O, d as k, f as A, g as j, h as M, i as N, l as P, m as F, n as I, o as L, p as R, r as z, s as B, t as V, u as H, v as U, x as W, y as G } from "./overlay-DpHIYJtd.js";
|
|
35
35
|
import { a as K, c as q, i as J, l as Y, n as X, o as Z, r as Q, s as $, t as ee, u as te } from "./platform-Ce9pNsR9.js";
|
|
36
36
|
import { t as ne } from "./tooltip-xTa9Q5JW.js";
|
|
37
|
-
import { n as re, r as ie, t as ae } from "./picker-
|
|
38
|
-
import { t as oe } from "./action-menu-
|
|
37
|
+
import { n as re, r as ie, t as ae } from "./picker-uKcRswTQ.js";
|
|
38
|
+
import { t as oe } from "./action-menu-D1hTsg9A.js";
|
|
39
39
|
import { t as se } from "./avatar-CwSyYAKV.js";
|
|
40
40
|
import { t as ce } from "./badge-D2Hjf-Ww.js";
|
|
41
41
|
import { n as le, t as ue } from "./button-DIV_j_U3.js";
|
|
@@ -43,7 +43,7 @@ import { t as de } from "./button-group-Duf-Igst.js";
|
|
|
43
43
|
import { t as fe } from "./calendar-D1UtHvpY.js";
|
|
44
44
|
import { t as pe } from "./chat-message-D6U-sprD.js";
|
|
45
45
|
import { t as me } from "./chat-message-group-k9lo-ZqD.js";
|
|
46
|
-
import { t as he } from "./checkbox-
|
|
46
|
+
import { t as he } from "./checkbox-CydI9yXG.js";
|
|
47
47
|
import { t as ge } from "./color-loupe-CqHyyvjQ.js";
|
|
48
48
|
import { t as _e } from "./color-handle-BEDQ1RcS.js";
|
|
49
49
|
import { t as ve } from "./streaming-listener-CtcMpYfS.js";
|
|
@@ -76,16 +76,17 @@ import { t as Ye } from "./skeleton-loader-BeCsYADg.js";
|
|
|
76
76
|
import { n as Xe, r as Ze, t as Qe } from "./prompt-box-Cz_m2wso.js";
|
|
77
77
|
import { t as $e } from "./voice-recorder-CTg3kRxx.js";
|
|
78
78
|
import { n as et, t as tt } from "./radio-B6hX9Klr.js";
|
|
79
|
-
import { a as nt, i as rt, n as it, o as at, r as ot, s as st, t as ct } from "./question-box-
|
|
79
|
+
import { a as nt, i as rt, n as it, o as at, r as ot, s as st, t as ct } from "./question-box-Bcm-P-UV.js";
|
|
80
80
|
import { t as lt } from "./search-DEjLSJ96.js";
|
|
81
|
-
import { t as ut } from "./select-
|
|
81
|
+
import { t as ut } from "./select-B86uAHme.js";
|
|
82
82
|
import { n as dt, r as ft, t as pt } from "./slider-Bsl8Xrme.js";
|
|
83
83
|
import { t as mt } from "./split-view-CDwHDmII.js";
|
|
84
84
|
import { t as ht } from "./status-light-DwUnjE3t.js";
|
|
85
85
|
import { t as gt } from "./switch-CpG-hSWY.js";
|
|
86
|
-
import {
|
|
87
|
-
import { n as
|
|
88
|
-
import { n as
|
|
89
|
-
import { t as
|
|
86
|
+
import { a as _t, c as vt, i as yt, l as bt, n as xt, o as St, r as Ct, s as wt, t as Tt, u as Et } from "./table-B75GjBhD.js";
|
|
87
|
+
import { i as Dt, n as Ot, r as kt, t as At } from "./tabs-BD_ATrBg.js";
|
|
88
|
+
import { n as jt, t as Mt } from "./top-nav-CXjnpdFR.js";
|
|
89
|
+
import { n as Nt, t as Pt } from "./tags-BIpFgOYy.js";
|
|
90
|
+
import { t as Ft } from "./toast-KwHx-agn.js";
|
|
90
91
|
import "./utils.js";
|
|
91
|
-
export { k as ClickController, Xe as DEFAULT_FILE_ICONS, Be as DEFAULT_NOTICE_LABELS, qe as DEFAULT_PROGRESS_STEPS_LABELS, nt as DEFAULT_QUESTION_BOX_LABELS, ft as DEFAULT_SLIDER_LABELS, ae as DESCRIPTION_ID, Ze as ELEMENT_MIME_TYPE, r as ElementSizes, o as FocusVisiblePolyfillMixin, s as Focusable, H as HoverController, A as InteractionController, R as InteractionTypes, O as LONGPRESS_INSTRUCTIONS, P as LongpressController, G as LuzmoAbstractOverlay, i as LuzmoAccordion, a as LuzmoAccordionItem, p as LuzmoActionBar, m as LuzmoActionButton, c as LuzmoActionGroup, oe as LuzmoActionMenu, se as LuzmoAvatar, ce as LuzmoBadge, le as LuzmoButton, de as LuzmoButtonGroup, fe as LuzmoCalendar, pe as LuzmoChatMessage, me as LuzmoChatMessageGroup, he as LuzmoCheckbox, ue as LuzmoClearButton, u as LuzmoCloseButton, ye as LuzmoColorArea, xe as LuzmoColorField, _e as LuzmoColorHandle, ge as LuzmoColorLoupe, Ee as LuzmoColorMenu, De as LuzmoColorPalette, Oe as LuzmoColorPaletteGroup, ke as LuzmoColorPicker, Se as LuzmoColorSlider, je as LuzmoDateRangePicker, Me as LuzmoDateTimePicker, Ce as LuzmoDivider, e as LuzmoElement, Ne as LuzmoFieldGroup, d as LuzmoFieldLabel, Ie as LuzmoHelpText, l as LuzmoIcon, Pe as LuzmoInfieldButton, Fe as LuzmoLabel, v as LuzmoMenu, y as LuzmoMenuDivider, x as LuzmoMenuGroup, S as LuzmoMenuItem, t as LuzmoMixin, Le as LuzmoMultiLangField, Re as LuzmoNotice, Ve as LuzmoNumberField, He as LuzmoOption, Ge as LuzmoOptions, Ue as LuzmoOptionsDivider, B as LuzmoOverlay, L as LuzmoOverlayTrigger, re as LuzmoPicker, ie as LuzmoPickerBase, Ae as LuzmoPickerButton, f as LuzmoPopover, Ke as LuzmoProgressBar, _ as LuzmoProgressCircle, Je as LuzmoProgressSteps, Qe as LuzmoPromptBox, ct as LuzmoQuestionBox, et as LuzmoRadio, tt as LuzmoRadioGroup, lt as LuzmoSearch, ut as LuzmoSelect, Ye as LuzmoSkeletonLoader, dt as LuzmoSlider, pt as LuzmoSliderHandle, mt as LuzmoSplitView, ht as LuzmoStatusLight, we as LuzmoSwatch, Te as LuzmoSwatchGroup, gt as LuzmoSwitch,
|
|
92
|
+
export { k as ClickController, Xe as DEFAULT_FILE_ICONS, Be as DEFAULT_NOTICE_LABELS, qe as DEFAULT_PROGRESS_STEPS_LABELS, nt as DEFAULT_QUESTION_BOX_LABELS, ft as DEFAULT_SLIDER_LABELS, Et as DEFAULT_TABLE_LABELS, ae as DESCRIPTION_ID, Ze as ELEMENT_MIME_TYPE, r as ElementSizes, o as FocusVisiblePolyfillMixin, s as Focusable, H as HoverController, A as InteractionController, R as InteractionTypes, O as LONGPRESS_INSTRUCTIONS, P as LongpressController, G as LuzmoAbstractOverlay, i as LuzmoAccordion, a as LuzmoAccordionItem, p as LuzmoActionBar, m as LuzmoActionButton, c as LuzmoActionGroup, oe as LuzmoActionMenu, se as LuzmoAvatar, ce as LuzmoBadge, le as LuzmoButton, de as LuzmoButtonGroup, fe as LuzmoCalendar, pe as LuzmoChatMessage, me as LuzmoChatMessageGroup, he as LuzmoCheckbox, ue as LuzmoClearButton, u as LuzmoCloseButton, ye as LuzmoColorArea, xe as LuzmoColorField, _e as LuzmoColorHandle, ge as LuzmoColorLoupe, Ee as LuzmoColorMenu, De as LuzmoColorPalette, Oe as LuzmoColorPaletteGroup, ke as LuzmoColorPicker, Se as LuzmoColorSlider, je as LuzmoDateRangePicker, Me as LuzmoDateTimePicker, Ce as LuzmoDivider, e as LuzmoElement, Ne as LuzmoFieldGroup, d as LuzmoFieldLabel, Ie as LuzmoHelpText, l as LuzmoIcon, Pe as LuzmoInfieldButton, Fe as LuzmoLabel, v as LuzmoMenu, y as LuzmoMenuDivider, x as LuzmoMenuGroup, S as LuzmoMenuItem, t as LuzmoMixin, Le as LuzmoMultiLangField, Re as LuzmoNotice, Ve as LuzmoNumberField, He as LuzmoOption, Ge as LuzmoOptions, Ue as LuzmoOptionsDivider, B as LuzmoOverlay, L as LuzmoOverlayTrigger, re as LuzmoPicker, ie as LuzmoPickerBase, Ae as LuzmoPickerButton, f as LuzmoPopover, Ke as LuzmoProgressBar, _ as LuzmoProgressCircle, Je as LuzmoProgressSteps, Qe as LuzmoPromptBox, ct as LuzmoQuestionBox, et as LuzmoRadio, tt as LuzmoRadioGroup, lt as LuzmoSearch, ut as LuzmoSelect, Ye as LuzmoSkeletonLoader, dt as LuzmoSlider, pt as LuzmoSliderHandle, mt as LuzmoSplitView, ht as LuzmoStatusLight, we as LuzmoSwatch, Te as LuzmoSwatchGroup, gt as LuzmoSwitch, Dt as LuzmoTab, kt as LuzmoTabPanel, vt as LuzmoTable, wt as LuzmoTableBody, St as LuzmoTableCell, _t as LuzmoTableCheckboxCell, xt as LuzmoTableDisclosureCell, yt as LuzmoTableHead, Ct as LuzmoTableHeadCell, Tt as LuzmoTableRow, bt as LuzmoTableRowDetails, Ot as LuzmoTabs, At as LuzmoTabsOverflow, Nt as LuzmoTag, Pt as LuzmoTags, be as LuzmoTextField, Ft as LuzmoToast, ne as LuzmoTooltip, jt as LuzmoTopNav, Mt as LuzmoTopNavItem, b as MenuItemAddedOrUpdatedEvent, V as OverlayTriggerDirective, j as PlacementController, at as QUESTION_BOX_OTHER_VALUE, F as SAFARI_FOCUS_RING_CLASS, n as SizedMixin, z as SlottableRequestDirective, g as SlottableRequestEvent, We as VIRTUALIZE_AS_OF_NUM_ITEMS, U as VirtualTrigger, $e as VoiceRecorder, D as guaranteedAllTransitionend, ee as isAndroid, X as isAppleDevice, Q as isChrome, J as isFirefox, K as isIOS, Z as isIPad, $ as isIPhone, q as isMac, Y as isSeamonkey, te as isWebKit, M as lastInteractionType, W as nextFrame, w as noop, ze as noticeVariants, E as openOverlay, C as overlayTimer, T as placementUpdatedSymbol, st as questionBoxOtherKey, it as questionsToRequestedSchema, h as removeSlottableRequest, ot as requestedSchemaToQuestions, N as slottableRequest, ve as streamingListener, rt as toElicitationContent, I as trigger };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
var e=class{constructor(e,t){this.key=Symbol(`match-media-key`),this.matches=!1,this.host=e,this.host.addController(this),typeof window>`u`?this.matches=!1:(this.media=window.matchMedia(t),this.matches=this.media.matches),this.onChange=this.onChange.bind(this),e.addController(this)}hostConnected(){this.media?.addEventListener(`change`,this.onChange)}hostDisconnected(){this.media?.removeEventListener(`change`,this.onChange)}onChange(e){this.matches!==e.matches&&(this.matches=e.matches,this.host.requestUpdate(this.key,!this.matches))}};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return`(hover: none) and (pointer: coarse)`}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return`(max-width: 743px) and (hover: none) and (pointer: coarse)`}});
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
//#region src/utils/reactive-controllers/match-media.ts
|
|
19
|
+
var e = "(max-width: 743px) and (hover: none) and (pointer: coarse)", t = "(hover: none) and (pointer: coarse)", n = class {
|
|
20
|
+
constructor(e, t) {
|
|
21
|
+
this.key = Symbol("match-media-key"), this.matches = !1, this.host = e, this.host.addController(this), typeof window > "u" ? this.matches = !1 : (this.media = window.matchMedia(t), this.matches = this.media.matches), this.onChange = this.onChange.bind(this), e.addController(this);
|
|
22
|
+
}
|
|
23
|
+
hostConnected() {
|
|
24
|
+
this.media?.addEventListener("change", this.onChange);
|
|
25
|
+
}
|
|
26
|
+
hostDisconnected() {
|
|
27
|
+
this.media?.removeEventListener("change", this.onChange);
|
|
28
|
+
}
|
|
29
|
+
onChange(e) {
|
|
30
|
+
this.matches !== e.matches && (this.matches = e.matches, this.host.requestUpdate(this.key, !this.matches));
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
//#endregion
|
|
34
|
+
export { t as n, n as r, e as t };
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../picker-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../picker-COeWCv60.cjs");customElements.get(`luzmo-picker`)||customElements.define(`luzmo-picker`,e.n),exports.DESCRIPTION_ID=e.t,exports.LuzmoPicker=e.n,exports.LuzmoPickerBase=e.r;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
18
|
import "../tokens.js";
|
|
19
|
-
import { n as e, r as t, t as n } from "../picker-
|
|
19
|
+
import { n as e, r as t, t as n } from "../picker-uKcRswTQ.js";
|
|
20
20
|
//#region src/components/picker/index.ts
|
|
21
21
|
customElements.get("luzmo-picker") || customElements.define("luzmo-picker", e);
|
|
22
22
|
//#endregion
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2026 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
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("./match-media-B_0cVVtk.cjs");require("./progress-circle-bO_VAX3N.cjs");const o=require("./pending-state-CGHvTtKR.cjs");require("./menu-CrhA2iPZ.cjs"),require("./overlay-Dn7EbA_W.cjs"),require("./tooltip-DjOW52n2.cjs");const s=require("./strategies-Bb7zEjrU.cjs");let c=require("lit"),l=require("lit/decorators.js"),u=require("@luzmo/icons"),d=require("lit/directives/if-defined.js"),f=require("lit/directives/class-map.js"),p=require("lit/directives/style-map.js");var m=`#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)))}`,h=()=>c.html`
|
|
19
|
+
<div class="disclosure-icon icon">
|
|
20
|
+
${(0,u.luzmoIcon)(u.luzmoAngleDown,{className:`indicator`})}
|
|
21
|
+
</div>
|
|
22
|
+
`,g=()=>c.html`
|
|
23
|
+
<div class="icon-container validation-icon icon">
|
|
24
|
+
${(0,u.luzmoIcon)(u.luzmoAlert)}
|
|
25
|
+
</div>
|
|
26
|
+
`,_=`option-picker`,v=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.r(this,a.t),this.isTouchDevice=new a.r(this,a.n),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=()=>h(),this.renderAlertIcon=()=>g(),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 s.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:c.html`
|
|
27
|
+
<slot name="label" id="label">
|
|
28
|
+
<span aria-hidden=${(0,d.ifDefined)(this.appliedLabel?void 0:`true`)}>
|
|
29
|
+
${this.label}
|
|
30
|
+
</span>
|
|
31
|
+
</slot>
|
|
32
|
+
`}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},t=this.appliedLabel||this.label,n=c.html` <div id="icon" ?hidden=${this.icons===`none`}>
|
|
33
|
+
${this._selectedItemIcon?(0,u.luzmoIcon)(this._selectedItemIcon):c.nothing}
|
|
34
|
+
</div>`;return[c.html`
|
|
35
|
+
${this._selectedItemIcon?n:c.nothing}
|
|
36
|
+
<div
|
|
37
|
+
id=${(0,d.ifDefined)(this.value&&this.selectedItem?`label`:void 0)}
|
|
38
|
+
class=${(0,f.classMap)(e)}
|
|
39
|
+
>
|
|
40
|
+
${this.renderLabelContent(this.selectedItemContent.content)}
|
|
41
|
+
</div>
|
|
42
|
+
${this.value&&this.selectedItem?c.html`
|
|
43
|
+
<div
|
|
44
|
+
aria-hidden="true"
|
|
45
|
+
class="visually-hidden"
|
|
46
|
+
id="applied-label"
|
|
47
|
+
>
|
|
48
|
+
${t}
|
|
49
|
+
<slot name="label"></slot>
|
|
50
|
+
</div>
|
|
51
|
+
`:c.html` <span hidden id="applied-label">${t}</span> `}
|
|
52
|
+
${this.invalid&&!this.pending?c.html` ${this.renderAlertIcon()} `:c.nothing}
|
|
53
|
+
${this.pendingStateController.renderPendingState()}
|
|
54
|
+
${this.readonly?c.nothing:this.renderAngleIcon()}
|
|
55
|
+
<slot
|
|
56
|
+
aria-hidden="true"
|
|
57
|
+
name="tooltip"
|
|
58
|
+
id="tooltip"
|
|
59
|
+
@slotchange=${this.handleTooltipSlotchange}
|
|
60
|
+
></slot>
|
|
61
|
+
`]}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,c.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}get renderDescriptionSlot(){return c.html`
|
|
62
|
+
<div id=${_}>
|
|
63
|
+
<slot name="description"></slot>
|
|
64
|
+
</div>
|
|
65
|
+
`}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),c.html`
|
|
66
|
+
<span
|
|
67
|
+
id="focus-helper"
|
|
68
|
+
tabindex=${this.focused||this.open?`-1`:`0`}
|
|
69
|
+
@focus=${this.handleHelperFocus}
|
|
70
|
+
aria-describedby=${_}
|
|
71
|
+
></span>
|
|
72
|
+
<button
|
|
73
|
+
aria-controls=${(0,d.ifDefined)(this.open?`menu`:void 0)}
|
|
74
|
+
aria-describedby="tooltip"
|
|
75
|
+
aria-expanded=${this.open?`true`:`false`}
|
|
76
|
+
aria-haspopup="true"
|
|
77
|
+
aria-labelledby="loader icon label applied-label"
|
|
78
|
+
id="button"
|
|
79
|
+
class=${(0,d.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
|
|
80
|
+
@blur=${this.handleButtonBlur}
|
|
81
|
+
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
82
|
+
?disabled=${this.disabled}
|
|
83
|
+
tabindex="-1"
|
|
84
|
+
>
|
|
85
|
+
${this.buttonContent}
|
|
86
|
+
</button>
|
|
87
|
+
${this.renderMenu} ${this.renderDescriptionSlot}
|
|
88
|
+
`}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 c.html`
|
|
89
|
+
<div class="visually-hidden">
|
|
90
|
+
<button
|
|
91
|
+
tabindex="-1"
|
|
92
|
+
aria-label="Dismiss"
|
|
93
|
+
@click=${this.close}
|
|
94
|
+
></button>
|
|
95
|
+
</div>
|
|
96
|
+
`}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),Promise.resolve().then(()=>require("./popover/index.cjs")))}renderContainer(e){let t=c.html`
|
|
97
|
+
${this.dismissHelper} ${e} ${this.dismissHelper}
|
|
98
|
+
`;return c.html`
|
|
99
|
+
<luzmo-popover
|
|
100
|
+
id="popover"
|
|
101
|
+
size=${this.size}
|
|
102
|
+
role="presentation"
|
|
103
|
+
style=${(0,p.styleMap)(this.containerStyles)}
|
|
104
|
+
placement=${this.placement}
|
|
105
|
+
>
|
|
106
|
+
${t}
|
|
107
|
+
</luzmo-popover>
|
|
108
|
+
`}get renderMenu(){let e=c.html`
|
|
109
|
+
<luzmo-menu
|
|
110
|
+
aria-labelledby="applied-label"
|
|
111
|
+
@change=${this.handleChange}
|
|
112
|
+
id="menu"
|
|
113
|
+
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
114
|
+
@scroll=${this.onScroll}
|
|
115
|
+
role=${this.listRole}
|
|
116
|
+
.selects=${this.selects}
|
|
117
|
+
.selected=${this.value?[this.value]:[]}
|
|
118
|
+
.shouldSupportDragAndSelect=${!this.isTouchDevice.matches}
|
|
119
|
+
size=${this.size}
|
|
120
|
+
@luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
|
|
121
|
+
>
|
|
122
|
+
<slot @slotchange=${this.shouldScheduleManageSelection}></slot>
|
|
123
|
+
</luzmo-menu>
|
|
124
|
+
`;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,l.state)()],v.prototype,`appliedLabel`,void 0),e.t([(0,l.query)(`#button`)],v.prototype,`button`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`disabled`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`focused`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`icons`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`variant`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`invalid`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`pending`,void 0),e.t([(0,l.property)({type:String,attribute:`pending-label`})],v.prototype,`pendingLabel`,void 0),e.t([(0,l.property)()],v.prototype,`label`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`open`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`readonly`,void 0),e.t([(0,l.state)()],v.prototype,`labelAlignment`,void 0),e.t([(0,l.query)(`luzmo-menu`)],v.prototype,`optionsMenu`,void 0),e.t([(0,l.query)(`luzmo-overlay`)],v.prototype,`overlayElement`,void 0),e.t([(0,l.property)()],v.prototype,`placement`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`quiet`,void 0),e.t([(0,l.property)({type:String})],v.prototype,`value`,void 0),e.t([(0,l.property)({attribute:!1})],v.prototype,`selectedItem`,null),e.t([(0,l.state)()],v.prototype,`selectedItemContent`,null);var y=class extends v{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,c.unsafeCSS)(m)]}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 y}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
|
|
@@ -20,12 +20,13 @@ import { n as t } from "./sized-mixin-DzQTebN-.js";
|
|
|
20
20
|
import { t as n } from "./focusable-DuP0-Kuy.js";
|
|
21
21
|
import { n as r } from "./language-resolution-BaKYDD1a.js";
|
|
22
22
|
import { t as i } from "./dependency-manger-wHEXoU92.js";
|
|
23
|
-
import {
|
|
23
|
+
import { n as a, r as o, t as s } from "./match-media-C5X2OZiD.js";
|
|
24
24
|
import "./progress-circle-By6qUQYe.js";
|
|
25
|
-
import { t as
|
|
25
|
+
import { t as c } from "./pending-state-D_b45qvi.js";
|
|
26
26
|
import "./menu-fdJseu1y.js";
|
|
27
27
|
import "./overlay-DpHIYJtd.js";
|
|
28
28
|
import "./tooltip-xTa9Q5JW.js";
|
|
29
|
+
import { t as l } from "./strategies-COS7mShJ.js";
|
|
29
30
|
import { html as u, nothing as d, render as f, unsafeCSS as p } from "lit";
|
|
30
31
|
import { property as m, query as h, state as g } from "lit/decorators.js";
|
|
31
32
|
import { luzmoAlert as _, luzmoAngleDown as v, luzmoIcon as y } from "@luzmo/icons";
|
|
@@ -58,7 +59,7 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
|
|
|
58
59
|
return this.optionsMenu.childItems;
|
|
59
60
|
}
|
|
60
61
|
constructor() {
|
|
61
|
-
super(), this._languageScript = new r(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(this), this.isMobile = new
|
|
62
|
+
super(), this._languageScript = new r(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(this), this.isMobile = new o(this, s), this.isTouchDevice = new o(this, a), 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) => {
|
|
62
63
|
this.appliedLabel = e, this.labelAlignment = t.sideAligned ? "inline" : void 0;
|
|
63
64
|
}, this.handleEscape = (e) => {
|
|
64
65
|
e.code === "Escape" && this.open && (e.stopPropagation(), e.preventDefault(), this.toggle(!1));
|
|
@@ -78,7 +79,7 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
|
|
|
78
79
|
e.code === "Enter" && (this.enterKeydownOn = null);
|
|
79
80
|
}, { once: !0 });
|
|
80
81
|
}
|
|
81
|
-
}, this.pendingStateController = new
|
|
82
|
+
}, this.pendingStateController = new c(this);
|
|
82
83
|
}
|
|
83
84
|
set selectedItem(e) {
|
|
84
85
|
let t = e?.querySelector("[slot=\"icon\"]");
|
|
@@ -119,7 +120,7 @@ var C = "#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-f
|
|
|
119
120
|
this.readonly || this.strategy && (this.open = !1, this.strategy.open = !1);
|
|
120
121
|
}
|
|
121
122
|
bindEvents() {
|
|
122
|
-
this.strategy?.abort(), this.strategy = new
|
|
123
|
+
this.strategy?.abort(), this.strategy = new l.desktop(this.button, this), this.strategy?.overlay && (this.strategy.overlay.type = "auto", this.strategy.overlay.placement = this.placement);
|
|
123
124
|
}
|
|
124
125
|
connectedCallback() {
|
|
125
126
|
super.connectedCallback(), this.recentlyConnected = this.hasUpdated, this.ensurePopoverDependency();
|
|
@@ -15,4 +15,4 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../question-box-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("../tokens.cjs");const e=require("../question-box-DZnuGMBB.cjs");exports.DEFAULT_QUESTION_BOX_LABELS=e.a,exports.LuzmoQuestionBox=e.t,exports.QUESTION_BOX_OTHER_VALUE=e.o,exports.questionBoxOtherKey=e.s,exports.questionsToRequestedSchema=e.n,exports.requestedSchemaToQuestions=e.r,exports.toElicitationContent=e.i;
|
|
@@ -16,5 +16,5 @@
|
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
18
|
import "../tokens.js";
|
|
19
|
-
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../question-box-
|
|
19
|
+
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../question-box-Bcm-P-UV.js";
|
|
20
20
|
export { e as DEFAULT_QUESTION_BOX_LABELS, o as LuzmoQuestionBox, r as QUESTION_BOX_OTHER_VALUE, a as questionBoxOtherKey, n as questionsToRequestedSchema, i as requestedSchemaToQuestions, t as toElicitationContent };
|
|
@@ -24,7 +24,7 @@ import { t as i } from "./language-resolution-BaKYDD1a.js";
|
|
|
24
24
|
import "./action-button-BRijXjEz.js";
|
|
25
25
|
import "./badge-D2Hjf-Ww.js";
|
|
26
26
|
import "./button-DIV_j_U3.js";
|
|
27
|
-
import "./checkbox-
|
|
27
|
+
import "./checkbox-CydI9yXG.js";
|
|
28
28
|
import "./field-group/index.js";
|
|
29
29
|
import "./text-field-CmyqQxq0.js";
|
|
30
30
|
import "./radio-B6hX9Klr.js";
|