@luzmo/lucero 2.0.1 → 2.2.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/README.md +1 -0
- package/components/index.cjs +1 -1
- package/components/index.js +10 -9
- package/components/options/index.cjs +1 -1
- package/components/options/index.js +2 -2
- package/components/options/options.d.ts +7 -0
- package/components/{options-Dh4FJuAu.cjs → options-Bd6Uly5_.cjs} +7 -4
- package/components/{options-BqFBNoKA.js → options-CpaaBaxn.js} +23 -15
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +1 -1
- package/components/select/select.d.ts +4 -0
- package/components/{select-CFtAPE-U.js → select-BbFG38ag.js} +95 -80
- package/components/select-D5fQgPPj.cjs +158 -0
- package/components/split-view/index.cjs +18 -0
- package/components/split-view/index.d.ts +7 -0
- package/components/split-view/index.js +25 -0
- package/components/split-view/split-view-model.d.ts +12 -0
- package/components/split-view/split-view.d.ts +106 -0
- package/components/split-view-5uMSU_b7.cjs +43 -0
- package/components/split-view-FxpiSCem.js +359 -0
- package/custom-elements.json +1 -1
- package/index.d.ts +1 -0
- package/package.json +7 -1
- package/components/select-JFwtVyhG.cjs +0 -158
package/README.md
CHANGED
|
@@ -67,6 +67,7 @@ Use in your HTML:
|
|
|
67
67
|
| Search | `@luzmo/lucero/search` |
|
|
68
68
|
| Select | `@luzmo/lucero/select` |
|
|
69
69
|
| Slider | `@luzmo/lucero/slider` |
|
|
70
|
+
| Split View | `@luzmo/lucero/split-view` |
|
|
70
71
|
| Swatch | `@luzmo/lucero/swatch` |
|
|
71
72
|
| Switch | `@luzmo/lucero/switch` |
|
|
72
73
|
| Tabs | `@luzmo/lucero/tabs` |
|
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`});const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-DpsYMoeb.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-D1G30Iir.cjs"),ne=require("./icon-CSqR-OOO.cjs"),re=require("./close-button-BntGLAcp.cjs"),ie=require("./field-label-C5vdJ1ys.cjs"),i=require("./popover-DWWYpY-k.cjs"),a=require("./action-bar-CXT4lT30.cjs"),o=require("./action-button-BKnzGQR6.cjs");require("./action-group/index.cjs");const s=require("./slottable-request-event-C6eb7Ch3.cjs"),c=require("./progress-circle-DyApSKdm.cjs"),l=require("./menu-Cq7BEv5Y.cjs"),u=require("./overlay-B-gaxspw.cjs"),d=require("./platform-BAjeJp2W.cjs"),f=require("./overlay-CPZvL0Ic.cjs");require("./progress-circle/index.cjs");const ae=require("./tooltip-Sm0pruxL.cjs"),p=require("./picker-D225VAbx.cjs");require("./popover/index.cjs");const oe=require("./action-menu-CtMswuyc.cjs"),m=require("./avatar-Cu9c0sCS.cjs"),h=require("./badge-CrUIOuV-.cjs"),g=require("./button-l0fRopSN.cjs"),_=require("./button-group-6M8M-TUI.cjs"),v=require("./calendar-DZkKMs2L.cjs"),y=require("./chat-message-t4a0r3R6.cjs"),b=require("./chat-message-group-CzCwyW7F.cjs"),x=require("./checkbox-DdatW4xE.cjs"),S=require("./color-loupe-sY1wOisV.cjs"),C=require("./color-handle-DIoVrLRF.cjs"),w=require("./streaming-listener-Bfyk6Fsx.cjs"),T=require("./color-area-B_pRu9Vf.cjs"),E=require("./text-field-3fDtTQkR.cjs"),D=require("./color-field-BNGnBRSO.cjs");require("./color-loupe/index.cjs");const O=require("./color-slider-DLEM1nGA.cjs"),k=require("./divider-wana0uPI.cjs"),A=require("./swatch-DUmBmg4S.cjs"),j=require("./color-menu-CdETqhbP.cjs"),M=require("./color-palette-CidHsmE0.cjs"),N=require("./color-palette-group-B4r4tPfY.cjs"),P=require("./color-picker-C4pvkA2k.cjs"),F=require("./picker-button-BR7oM7_M.cjs"),I=require("./date-range-picker-9ioTuDZq.cjs"),L=require("./date-time-picker-DRjQTyGS.cjs"),se=require("./field-group-Dd5xYczm.cjs");require("./field-group/index.cjs"),require("./field-label/index.cjs");const R=require("./infield-button-CYO9V1eX.cjs"),z=require("./label-DPG13Ib0.cjs"),B=require("./text-field-wJK2bzMT.cjs"),V=require("./multi-language-field-Cfy3M_ZS.cjs"),H=require("./notice-xgrLOiC0.cjs"),U=require("./number-field-04RFqrUa.cjs"),W=require("./options-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./accordion-DpsYMoeb.cjs"),r=require("./focus-visible-DNHNlrty.cjs"),ee=require("./focusable-B6h03pAe.cjs"),te=require("./action-group-D1G30Iir.cjs"),ne=require("./icon-CSqR-OOO.cjs"),re=require("./close-button-BntGLAcp.cjs"),ie=require("./field-label-C5vdJ1ys.cjs"),i=require("./popover-DWWYpY-k.cjs"),a=require("./action-bar-CXT4lT30.cjs"),o=require("./action-button-BKnzGQR6.cjs");require("./action-group/index.cjs");const s=require("./slottable-request-event-C6eb7Ch3.cjs"),c=require("./progress-circle-DyApSKdm.cjs"),l=require("./menu-Cq7BEv5Y.cjs"),u=require("./overlay-B-gaxspw.cjs"),d=require("./platform-BAjeJp2W.cjs"),f=require("./overlay-CPZvL0Ic.cjs");require("./progress-circle/index.cjs");const ae=require("./tooltip-Sm0pruxL.cjs"),p=require("./picker-D225VAbx.cjs");require("./popover/index.cjs");const oe=require("./action-menu-CtMswuyc.cjs"),m=require("./avatar-Cu9c0sCS.cjs"),h=require("./badge-CrUIOuV-.cjs"),g=require("./button-l0fRopSN.cjs"),_=require("./button-group-6M8M-TUI.cjs"),v=require("./calendar-DZkKMs2L.cjs"),y=require("./chat-message-t4a0r3R6.cjs"),b=require("./chat-message-group-CzCwyW7F.cjs"),x=require("./checkbox-DdatW4xE.cjs"),S=require("./color-loupe-sY1wOisV.cjs"),C=require("./color-handle-DIoVrLRF.cjs"),w=require("./streaming-listener-Bfyk6Fsx.cjs"),T=require("./color-area-B_pRu9Vf.cjs"),E=require("./text-field-3fDtTQkR.cjs"),D=require("./color-field-BNGnBRSO.cjs");require("./color-loupe/index.cjs");const O=require("./color-slider-DLEM1nGA.cjs"),k=require("./divider-wana0uPI.cjs"),A=require("./swatch-DUmBmg4S.cjs"),j=require("./color-menu-CdETqhbP.cjs"),M=require("./color-palette-CidHsmE0.cjs"),N=require("./color-palette-group-B4r4tPfY.cjs"),P=require("./color-picker-C4pvkA2k.cjs"),F=require("./picker-button-BR7oM7_M.cjs"),I=require("./date-range-picker-9ioTuDZq.cjs"),L=require("./date-time-picker-DRjQTyGS.cjs"),se=require("./field-group-Dd5xYczm.cjs");require("./field-group/index.cjs"),require("./field-label/index.cjs");const R=require("./infield-button-CYO9V1eX.cjs"),z=require("./label-DPG13Ib0.cjs"),B=require("./text-field-wJK2bzMT.cjs"),V=require("./multi-language-field-Cfy3M_ZS.cjs"),H=require("./notice-xgrLOiC0.cjs"),U=require("./number-field-04RFqrUa.cjs"),W=require("./options-Bd6Uly5_.cjs");require("./picker/index.cjs");const G=require("./progress-bar-C7wJ5bxS.cjs"),K=require("./progress-steps-Ba4VbAKR.cjs"),ce=require("./skeleton-loader-Cm50Ztzk.cjs"),q=require("./prompt-box-Dg9S0C5x.cjs"),le=require("./voice-recorder-B1tBrGTV.cjs"),J=require("./radio-O3a1rmCe.cjs"),Y=require("./question-box-DvXRIiVG.cjs"),ue=require("./search-BhMhfCBh.cjs"),de=require("./select-D5fQgPPj.cjs"),X=require("./slider-DxliwjT6.cjs"),fe=require("./split-view-5uMSU_b7.cjs"),pe=require("./status-light-BYBYorYy.cjs"),me=require("./switch-B-gu-War.cjs"),Z=require("./tabs-ZwcVrVub.cjs"),Q=require("./top-nav-BcZLCBP_.cjs"),$=require("./tags-B28zWEic.cjs"),he=require("./toast-COQ7Xl5T.cjs");require("./utils.cjs"),exports.ClickController=u.s,exports.DEFAULT_FILE_ICONS=q.n,exports.DEFAULT_NOTICE_LABELS=H.t,exports.DEFAULT_QUESTION_BOX_LABELS=Y.a,exports.DEFAULT_SLIDER_LABELS=X.r,exports.DESCRIPTION_ID=p.t,exports.ELEMENT_MIME_TYPE=q.r,exports.ElementSizes=t.t,exports.FocusVisiblePolyfillMixin=r.t,exports.Focusable=ee.t,exports.HoverController=u.o,exports.InteractionController=u.c,exports.InteractionTypes=u.l,exports.LONGPRESS_INSTRUCTIONS=u.i,exports.LongpressController=u.a,exports.LuzmoAbstractOverlay=u.h,exports.LuzmoAccordion=n.n,exports.LuzmoAccordionItem=n.t,exports.LuzmoActionBar=a.t,exports.LuzmoActionButton=o.t,exports.LuzmoActionGroup=te.t,exports.LuzmoActionMenu=oe.t,exports.LuzmoAvatar=m.t,exports.LuzmoBadge=h.t,exports.LuzmoButton=g.n,exports.LuzmoButtonGroup=_.t,exports.LuzmoCalendar=v.t,exports.LuzmoChatMessage=y.t,exports.LuzmoChatMessageGroup=b.t,exports.LuzmoCheckbox=x.t,exports.LuzmoClearButton=g.t,exports.LuzmoCloseButton=re.t,exports.LuzmoColorArea=T.t,exports.LuzmoColorField=D.t,exports.LuzmoColorHandle=C.t,exports.LuzmoColorLoupe=S.t,exports.LuzmoColorMenu=j.t,exports.LuzmoColorPalette=M.t,exports.LuzmoColorPaletteGroup=N.t,exports.LuzmoColorPicker=P.t,exports.LuzmoColorSlider=O.t,exports.LuzmoDateRangePicker=I.t,exports.LuzmoDateTimePicker=L.t,exports.LuzmoDivider=k.t,exports.LuzmoElement=e.n,exports.LuzmoFieldGroup=se.t,exports.LuzmoFieldLabel=ie.t,exports.LuzmoHelpText=B.t,exports.LuzmoIcon=ne.t,exports.LuzmoInfieldButton=R.t,exports.LuzmoLabel=z.t,exports.LuzmoMenu=l.a,exports.LuzmoMenuDivider=l.i,exports.LuzmoMenuGroup=l.r,exports.LuzmoMenuItem=l.t,exports.LuzmoMixin=e.r,exports.LuzmoMultiLangField=V.t,exports.LuzmoNotice=H.n,exports.LuzmoNumberField=U.t,exports.LuzmoOption=W.a,exports.LuzmoOptions=W.t,exports.LuzmoOptionsDivider=W.i,exports.LuzmoOverlay=u.t,exports.LuzmoOverlayTrigger=f.o,exports.LuzmoPicker=p.n,exports.LuzmoPickerBase=p.r,exports.LuzmoPickerButton=F.t,exports.LuzmoPopover=i.t,exports.LuzmoProgressBar=G.t,exports.LuzmoProgressCircle=c.t,exports.LuzmoProgressSteps=K.t,exports.LuzmoPromptBox=q.t,exports.LuzmoQuestionBox=Y.t,exports.LuzmoRadio=J.n,exports.LuzmoRadioGroup=J.t,exports.LuzmoSearch=ue.t,exports.LuzmoSelect=de.t,exports.LuzmoSkeletonLoader=ce.t,exports.LuzmoSlider=X.n,exports.LuzmoSliderHandle=X.t,exports.LuzmoSplitView=fe.t,exports.LuzmoStatusLight=pe.t,exports.LuzmoSwatch=A.n,exports.LuzmoSwatchGroup=A.t,exports.LuzmoSwitch=me.t,exports.LuzmoTab=Z.i,exports.LuzmoTabPanel=Z.r,exports.LuzmoTabs=Z.n,exports.LuzmoTabsOverflow=Z.t,exports.LuzmoTag=$.n,exports.LuzmoTags=$.t,exports.LuzmoTextField=E.t,exports.LuzmoToast=he.t,exports.LuzmoTooltip=ae.t,exports.LuzmoTopNav=Q.n,exports.LuzmoTopNavItem=Q.t,exports.MenuItemAddedOrUpdatedEvent=l.n,exports.OverlayTriggerDirective=f.t,exports.PlacementController=u.f,exports.QUESTION_BOX_OTHER_VALUE=Y.o,exports.SAFARI_FOCUS_RING_CLASS=u.u,exports.SizedMixin=t.n,exports.SlottableRequestDirective=f.r,exports.SlottableRequestEvent=s.t,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=W.n,exports.VirtualTrigger=u.m,exports.VoiceRecorder=le.t,exports.guaranteedAllTransitionend=u.g,exports.isAndroid=d.t,exports.isAppleDevice=d.n,exports.isChrome=d.r,exports.isFirefox=d.i,exports.isIOS=d.a,exports.isIPad=d.o,exports.isIPhone=d.s,exports.isMac=d.c,exports.isSeamonkey=d.l,exports.isWebKit=d.u,exports.lastInteractionType=u.d,exports.nextFrame=u._,exports.noop=u.v,exports.noticeVariants=H.r,exports.openOverlay=f.a,exports.overlayTimer=u.y,exports.placementUpdatedSymbol=u.p,exports.questionBoxOtherKey=Y.s,exports.questionsToRequestedSchema=Y.n,exports.removeSlottableRequest=s.n,exports.requestedSchemaToQuestions=Y.r,exports.slottableRequest=f.i,exports.streamingListener=w.t,exports.toElicitationContent=Y.i,exports.trigger=f.n;
|
package/components/index.js
CHANGED
|
@@ -79,7 +79,7 @@ import { t as Ie } from "./text-field-C2MHZbTp.js";
|
|
|
79
79
|
import { t as Le } from "./multi-language-field-DhQ98r2D.js";
|
|
80
80
|
import { n as Re, r as ze, t as Be } from "./notice-s6QHF_tq.js";
|
|
81
81
|
import { t as Ve } from "./number-field-BqnZS9Gx.js";
|
|
82
|
-
import {
|
|
82
|
+
import { a as He, i as Ue, n as We, t as Ge } from "./options-CpaaBaxn.js";
|
|
83
83
|
import "./picker/index.js";
|
|
84
84
|
import { t as Ke } from "./progress-bar-BJO8j1aX.js";
|
|
85
85
|
import { t as qe } from "./progress-steps-nJ8Xw-nG.js";
|
|
@@ -89,13 +89,14 @@ import { t as Qe } from "./voice-recorder-CTg3kRxx.js";
|
|
|
89
89
|
import { n as $e, t as et } from "./radio-DRI4on-W.js";
|
|
90
90
|
import { a as tt, i as nt, n as rt, o as it, r as at, s as ot, t as st } from "./question-box-5VO9CM8H.js";
|
|
91
91
|
import { t as ct } from "./search-C-EPZmTG.js";
|
|
92
|
-
import { t as lt } from "./select-
|
|
92
|
+
import { t as lt } from "./select-BbFG38ag.js";
|
|
93
93
|
import { n as ut, r as dt, t as ft } from "./slider-B7QAhDTM.js";
|
|
94
|
-
import { t as pt } from "./
|
|
95
|
-
import { t as mt } from "./
|
|
96
|
-
import {
|
|
97
|
-
import { n as
|
|
98
|
-
import { n as
|
|
99
|
-
import { t as Ct } from "./
|
|
94
|
+
import { t as pt } from "./split-view-FxpiSCem.js";
|
|
95
|
+
import { t as mt } from "./status-light-DC8qqO8q.js";
|
|
96
|
+
import { t as ht } from "./switch-DOuXlFwI.js";
|
|
97
|
+
import { i as gt, n as _t, r as vt, t as yt } from "./tabs-CjY4eX9W.js";
|
|
98
|
+
import { n as bt, t as xt } from "./top-nav-B9YKdtFB.js";
|
|
99
|
+
import { n as St, t as Ct } from "./tags-BCKNzEaH.js";
|
|
100
|
+
import { t as wt } from "./toast-DlOeMDCI.js";
|
|
100
101
|
import "./utils.js";
|
|
101
|
-
export { F as ClickController, Ye as DEFAULT_FILE_ICONS, Be as DEFAULT_NOTICE_LABELS, tt as DEFAULT_QUESTION_BOX_LABELS, dt as DEFAULT_SLIDER_LABELS, ae as DESCRIPTION_ID, Xe as ELEMENT_MIME_TYPE, r as ElementSizes, o as FocusVisiblePolyfillMixin, s as Focusable, N as HoverController, T as InteractionController, j as InteractionTypes, A as LONGPRESS_INSTRUCTIONS, w as LongpressController, k 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,
|
|
102
|
+
export { F as ClickController, Ye as DEFAULT_FILE_ICONS, Be as DEFAULT_NOTICE_LABELS, tt as DEFAULT_QUESTION_BOX_LABELS, dt as DEFAULT_SLIDER_LABELS, ae as DESCRIPTION_ID, Xe as ELEMENT_MIME_TYPE, r as ElementSizes, o as FocusVisiblePolyfillMixin, s as Focusable, N as HoverController, T as InteractionController, j as InteractionTypes, A as LONGPRESS_INSTRUCTIONS, w as LongpressController, k 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, I as LuzmoOverlay, $ as LuzmoOverlayTrigger, re as LuzmoPicker, ie as LuzmoPickerBase, Ae as LuzmoPickerButton, f as LuzmoPopover, Ke as LuzmoProgressBar, _ as LuzmoProgressCircle, qe as LuzmoProgressSteps, Ze as LuzmoPromptBox, st as LuzmoQuestionBox, $e as LuzmoRadio, et as LuzmoRadioGroup, ct as LuzmoSearch, lt as LuzmoSelect, Je as LuzmoSkeletonLoader, ut as LuzmoSlider, ft as LuzmoSliderHandle, pt as LuzmoSplitView, mt as LuzmoStatusLight, we as LuzmoSwatch, Te as LuzmoSwatchGroup, ht as LuzmoSwitch, gt as LuzmoTab, vt as LuzmoTabPanel, _t as LuzmoTabs, yt as LuzmoTabsOverflow, St as LuzmoTag, Ct as LuzmoTags, be as LuzmoTextField, wt as LuzmoToast, ne as LuzmoTooltip, bt as LuzmoTopNav, xt as LuzmoTopNavItem, b as MenuItemAddedOrUpdatedEvent, te as OverlayTriggerDirective, D as PlacementController, it as QUESTION_BOX_OTHER_VALUE, L as SAFARI_FOCUS_RING_CLASS, n as SizedMixin, ee as SlottableRequestDirective, g as SlottableRequestEvent, We as VIRTUALIZE_AS_OF_NUM_ITEMS, M as VirtualTrigger, Qe as VoiceRecorder, O as guaranteedAllTransitionend, J as isAndroid, W as isAppleDevice, K as isChrome, H as isFirefox, B as isIOS, G as isIPad, q as isIPhone, V as isMac, U as isSeamonkey, Y as isWebKit, E as lastInteractionType, C as nextFrame, R as noop, ze as noticeVariants, X as openOverlay, z as overlayTimer, P as placementUpdatedSymbol, ot as questionBoxOtherKey, rt as questionsToRequestedSchema, h as removeSlottableRequest, at as requestedSchemaToQuestions, Z as slottableRequest, ve as streamingListener, nt as toElicitationContent, Q as trigger };
|
|
@@ -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`});const e=require("../options-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../options-Bd6Uly5_.cjs");exports.LuzmoOption=e.a,exports.LuzmoOptions=e.t,exports.LuzmoOptionsDivider=e.i,exports.VIRTUALIZE_AS_OF_NUM_ITEMS=e.n;
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import {
|
|
25
|
-
export { e as LuzmoOption, r as LuzmoOptions,
|
|
24
|
+
import { a as e, i as t, n, t as r } from "../options-CpaaBaxn.js";
|
|
25
|
+
export { e as LuzmoOption, r as LuzmoOptions, t as LuzmoOptionsDivider, n as VIRTUALIZE_AS_OF_NUM_ITEMS };
|
|
@@ -7,6 +7,7 @@ import { LuzmoOption } from './option';
|
|
|
7
7
|
import './options-divider';
|
|
8
8
|
export type OptionValue = {
|
|
9
9
|
divider?: false;
|
|
10
|
+
header?: boolean;
|
|
10
11
|
label?: string;
|
|
11
12
|
description?: string;
|
|
12
13
|
value?: string | number;
|
|
@@ -19,6 +20,7 @@ export type OptionValue = {
|
|
|
19
20
|
selected?: boolean;
|
|
20
21
|
children?: OptionValue[];
|
|
21
22
|
};
|
|
23
|
+
export declare function isStructuralOption(option?: OptionValue | string): boolean;
|
|
22
24
|
/**
|
|
23
25
|
* @internal
|
|
24
26
|
* Extended option type used internally for flattened rendering of hierarchical options.
|
|
@@ -44,6 +46,10 @@ declare const LuzmoOptions_base: typeof LuzmoElement & {
|
|
|
44
46
|
* @fires luzmo-exceeded-top - Announces that the `arrowUp` key has been pressed and the top of the options menu has been exceeded
|
|
45
47
|
* @fires luzmo-exceeded-bottom - Announces that the `arrowDown` key has been pressed and the bottom of the options menu has been exceeded
|
|
46
48
|
* @attr size - The size of the options menu: `s`, `m`, `l` or `xl`
|
|
49
|
+
* @cssprop --luzmo-options-section-header-font-size - Font size of section headers
|
|
50
|
+
* @cssprop --luzmo-options-section-header-font-weight - Font weight of section headers
|
|
51
|
+
* @cssprop --luzmo-options-section-header-line-height - Line height of section headers
|
|
52
|
+
* @cssprop --luzmo-options-section-header-color - Text color of section headers
|
|
47
53
|
*/
|
|
48
54
|
export declare class LuzmoOptions extends LuzmoOptions_base {
|
|
49
55
|
/**
|
|
@@ -86,6 +92,7 @@ export declare class LuzmoOptions extends LuzmoOptions_base {
|
|
|
86
92
|
* - value: string | number | null
|
|
87
93
|
* - disabled: boolean
|
|
88
94
|
* - divider: boolean
|
|
95
|
+
* - header: boolean
|
|
89
96
|
* - icon: IconDefinition
|
|
90
97
|
* - imgSrc: string
|
|
91
98
|
* - shortcut: string (leaf options only)
|
|
@@ -38,13 +38,13 @@ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs
|
|
|
38
38
|
<slot name="description"></slot>
|
|
39
39
|
<slot name="value"></slot>
|
|
40
40
|
${this.href&&this.href.length>0?super.renderAnchor({id:`button`,ariaHidden:!0,className:`button anchor hidden`}):c.nothing}
|
|
41
|
-
`}handlePointerdown(){}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`pointerdown`,this.handlePointerdown),this.hasAttribute(`id`)||(this.id=`luzmo-option-${a.t()}`)}updateAriaSelected(){let e=this.getAttribute(`role`);e===`option`?this.setAttribute(`aria-selected`,this.selected?`true`:`false`):e===`optioncheckbox`&&this.setAttribute(`aria-checked`,this.selected?`true`:`false`)}setRole(e){this.setAttribute(`role`,e),this.updateAriaSelected()}updated(e){super.updated(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&this.setAttribute(`aria-label`,this.label||``),this.anchorElement&&(this.anchorElement.addEventListener(`focus`,this.proxyFocus),this.anchorElement.tabIndex=-1),e.has(`selected`)&&this.updateAriaSelected()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(e=>requestAnimationFrame(e)),this.dispatchUpdate())}dispatchUpdate(){this.isConnected&&(this.willDispatchUpdate=!1)}};e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`active`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`focused`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`selected`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`emphasized`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`expandable`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`expanded`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`child-option`})],v.prototype,`childOption`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`has-selected-child`})],v.prototype,`hasSelectedChild`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`variant`,void 0),e.t([(0,l.property)({type:String})],v.prototype,`value`,null),e.t([(0,l.query)(`slot:not([name])`)],v.prototype,`contentSlot`,void 0),e.t([(0,l.query)(`slot[name="icon"]`)],v.prototype,`iconSlot`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`no-wrap`,hasChanged(){return!1}})],v.prototype,`noWrap`,void 0),e.t([(0,l.query)(`.anchor`)],v.prototype,`anchorElement`,void 0);var y=`:host{--options-divider-thickness:var(--divider-thickness-medium,var(--luzmo-border-width));inline-size:auto;margin-block:var(--luzmo-options-section-divider-margin-block,max(0px, (var(--option-section-divider-height) - var(--options-divider-thickness)) / 2));margin-inline:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content));flex-shrink:0;display:block;overflow:visible}`,b=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`]}){static get styles(){return[(0,c.unsafeCSS)(s.t),(0,c.unsafeCSS)(y)]}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`separator`)}},x=`:host{--option-top-to-action:var(--luzmo-spacing-1);--option-top-to-checkbox:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-line-height:var(--luzmo-line-height);--option-label-line-height-cjk:1.5;--option-label-to-description-spacing:1px;--option-focus-indicator-width:var(--luzmo-indicator-width);--option-focus-indicator-color:var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing:var(--luzmo-spacing-3);--option-label-content-color-default:var(--luzmo-font-color);--option-label-content-color-hover:var(--luzmo-font-color-hover);--option-label-content-color-down:var(--luzmo-font-color-down);--option-label-content-color-focus:var(--luzmo-font-color-focus);--option-label-icon-color-default:var(--luzmo-font-color);--option-label-icon-color-hover:var(--luzmo-font-color-hover);--option-label-icon-color-down:var(--luzmo-font-color-down);--option-label-icon-color-focus:var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color:var(--luzmo-primary);--option-highlight-selected-label-content-color:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-hover:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-down:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-focus:var(--luzmo-primary-inverse-color);--option-label-content-color-disabled:var(--luzmo-font-color-disabled);--option-label-icon-color-disabled:var(--luzmo-font-color-disabled);--option-description-line-height:var(--luzmo-line-height);--option-description-line-height-cjk:1.5;--option-description-color-default:var(--luzmo-font-color);--option-description-color-hover:var(--luzmo-font-color-hover);--option-description-color-down:var(--luzmo-font-color-down);--option-description-color-focus:var(--luzmo-font-color-focus);--option-description-color-disabled:var(--luzmo-disabled-color);--options-section-header-line-height:var(--luzmo-line-height);--options-section-header-line-height-cjk:1.5;--options-section-header-font-weight:bold;--options-section-header-color:var(--luzmo-font-color-down);--options-collapsible-icon-color:var(--luzmo-font-color-down);--options-checkmark-icon-color-default:var(--luzmo-font-color);--options-checkmark-icon-color-hover:var(--luzmo-font-color-hover);--options-checkmark-icon-color-down:var(--luzmo-font-color-down);--options-checkmark-icon-color-focus:var(--luzmo-font-color-focus);--options-checkbox-icon-color-default:var(--luzmo-font-color);--options-checkbox-icon-color-hover:var(--luzmo-font-color-hover);--options-checkbox-icon-color-down:var(--luzmo-font-color-down);--options-checkbox-icon-color-focus:var(--luzmo-font-color-focus);--options-drillin-icon-color-default:var(--luzmo-font-color);--options-drillin-icon-color-hover:var(--luzmo-font-color-hover);--options-drillin-icon-color-down:var(--luzmo-font-color-down);--options-drillin-icon-color-focus:var(--luzmo-font-color-focus);--option-value-color-default:var(--luzmo-font-color);--option-value-color-hover:var(--luzmo-font-color-hover);--option-value-color-down:var(--luzmo-font-color-down);--option-value-color-focus:var(--luzmo-font-color-focus);--option-shortcut-opacity:.7;--option-collapsible-no-icon-suboption-padding-x-start:28px;--option-background-color-selected:var(--luzmo-background-color);--option-background-color-default:var(--luzmo-background-color);--option-background-color-hover:var(--luzmo-background-color-hover);--option-background-color-down:var(--luzmo-background-color-down);--option-background-color-key-focus:var(--luzmo-background-color-focus);--options-scrollbar-width:var(--luzmo-scrollbar-size);--options-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--options-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--options-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--options-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--options-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--luzmo-option-thumbnail-border-radius:var(--luzmo-border-radius-s,4px);--luzmo-option-thumbnail-border-width:1px;--luzmo-option-thumbnail-border-style:solid;--luzmo-option-thumbnail-border-color:var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f));--option-min-height:var(--luzmo-component-height);--options-max-height:calc(8 * var(--option-min-height));--option-icon-container-height:18px;--options-pending-height:var(--option-min-height);--progress-circle-size:calc(var(--options-pending-height) - var(--option-top-edge-to-text) - var(--option-bottom-edge-to-text));--option-icon-height:var(--luzmo-font-size);--option-icon-width:var(--luzmo-font-size);--option-label-font-size:var(--luzmo-font-size);--option-shortcut-font-size:var(--luzmo-font-size-s);--option-label-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--pending-inline-edge-to-content:var(--option-label-inline-edge-to-content);--option-top-edge-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--option-bottom-edge-to-text:var(--luzmo-spacing-3);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size);--options-section-header-min-width:var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]){--option-min-height:var(--luzmo-component-height-s);--option-icon-container-height:17px;--option-icon-height:var(--luzmo-font-size-s);--option-icon-width:var(--luzmo-font-size-s);--option-label-font-size:var(--luzmo-font-size-s);--option-shortcut-font-size:var(--luzmo-font-size-xs);--option-label-text-to-visual:var(--luzmo-spacing-3);--option-label-text-to-control:var(--luzmo-spacing-3);--option-label-inline-edge-to-content:var(--luzmo-spacing-3);--option-top-edge-to-text:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-2));--option-bottom-edge-to-text:var(--luzmo-spacing-2);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size-s);--options-section-header-min-width:var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-3);--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:var(--luzmo-spacing-3);--option-top-to-checkbox:var(--luzmo-spacing-3)}:host([size=l]){--option-min-height:var(--luzmo-component-height-l);--option-icon-container-height:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--option-icon-height:var(--luzmo-font-size-l);--option-icon-width:var(--luzmo-font-size-l);--option-label-font-size:var(--luzmo-font-size-l);--option-shortcut-font-size:var(--luzmo-font-size);--option-label-text-to-visual:var(--luzmo-spacing-4);--option-label-text-to-control:var(--luzmo-spacing-4);--option-label-inline-edge-to-content:var(--luzmo-spacing-4);--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size-s);--options-section-header-font-size:var(--luzmo-font-size-l);--options-section-header-min-width:var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-4);--option-checkmark-size:var(--luzmo-font-size-s);--option-checkbox-size:var(--luzmo-font-size-s);--option-top-to-checkmark:var(--luzmo-spacing-4);--option-top-to-checkbox:var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height:var(--luzmo-component-height-xl);--option-icon-container-height:26px;--option-icon-height:var(--luzmo-font-size-xl);--option-icon-width:var(--luzmo-font-size-xl);--option-label-font-size:var(--luzmo-font-size-xl);--option-shortcut-font-size:var(--luzmo-font-size-l);--option-label-text-to-visual:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size);--options-section-header-font-size:var(--luzmo-font-size-xl);--options-section-header-min-width:var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size);--option-checkbox-size:var(--luzmo-font-size);--option-top-to-checkmark:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-to-checkbox:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host{--highcontrast-option-background-color-default:ButtonFace;--highcontrast-option-color-default:ButtonText;--highcontrast-option-background-color-focus:Highlight;--highcontrast-option-color-focus:HighlightText;--highcontrast-options-checkmark-icon-color-default:Highlight;--highcontrast-options-checkbox-icon-color-default:Highlight;--highcontrast-option-color-disabled:GrayText;--highcontrast-option-focus-indicator-color:Highlight;--highcontrast-option-selected-background-color:Highlight;--highcontrast-option-selected-color:HighlightText}@supports (color:SelectedItem){:host{--highcontrast-option-selected-background-color:SelectedItem;--highcontrast-option-selected-color:SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size,auto);box-sizing:border-box;max-height:var(--luzmo-options-max-height,var(--options-max-height));margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host::-webkit-scrollbar{width:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width));height:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background));border-radius:var(--luzmo-options-scrollbar-track-border-radius,var(--options-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background));border-radius:var(--luzmo-options-scrollbar-thumb-border-radius,var(--options-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-options-scrollbar-thumb-hover-background,var(--options-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background)) var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height:var(--luzmo-option-label-line-height-cjk,var(--option-label-line-height-cjk));--option-description-line-height:var(--luzmo-option-description-line-height-cjk,var(--option-description-line-height-cjk));--options-section-header-line-height:var(--luzmo-options-section-header-line-height-cjk,var(--options-section-header-line-height-cjk))}luzmo-option{width:100%}#pending{height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content);flex-shrink:0;align-items:center;display:flex}:host{flex-direction:column;width:100%;display:inline-flex}:host(:focus){outline:none}::slotted(*){flex-shrink:0}`;customElements.get(`lit-virtualizer`)||customElements.define(`lit-virtualizer`,f.LitVirtualizer);var S=e=>c.html`
|
|
41
|
+
`}handlePointerdown(){}firstUpdated(e){super.firstUpdated(e),this.setAttribute(`tabindex`,`-1`),this.addEventListener(`pointerdown`,this.handlePointerdown),this.hasAttribute(`id`)||(this.id=`luzmo-option-${a.t()}`)}updateAriaSelected(){let e=this.getAttribute(`role`);e===`option`?this.setAttribute(`aria-selected`,this.selected?`true`:`false`):e===`optioncheckbox`&&this.setAttribute(`aria-checked`,this.selected?`true`:`false`)}setRole(e){this.setAttribute(`role`,e),this.updateAriaSelected()}updated(e){super.updated(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&this.setAttribute(`aria-label`,this.label||``),this.anchorElement&&(this.anchorElement.addEventListener(`focus`,this.proxyFocus),this.anchorElement.tabIndex=-1),e.has(`selected`)&&this.updateAriaSelected()}connectedCallback(){super.connectedCallback(),this.triggerUpdate()}async triggerUpdate(){this.willDispatchUpdate||(this.willDispatchUpdate=!0,await new Promise(e=>requestAnimationFrame(e)),this.dispatchUpdate())}dispatchUpdate(){this.isConnected&&(this.willDispatchUpdate=!1)}};e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`active`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`focused`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`selected`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`emphasized`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`expandable`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,`expanded`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`child-option`})],v.prototype,`childOption`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`has-selected-child`})],v.prototype,`hasSelectedChild`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],v.prototype,`variant`,void 0),e.t([(0,l.property)({type:String})],v.prototype,`value`,null),e.t([(0,l.query)(`slot:not([name])`)],v.prototype,`contentSlot`,void 0),e.t([(0,l.query)(`slot[name="icon"]`)],v.prototype,`iconSlot`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`no-wrap`,hasChanged(){return!1}})],v.prototype,`noWrap`,void 0),e.t([(0,l.query)(`.anchor`)],v.prototype,`anchorElement`,void 0);var y=`:host{--options-divider-thickness:var(--divider-thickness-medium,var(--luzmo-border-width));inline-size:auto;margin-block:var(--luzmo-options-section-divider-margin-block,max(0px, (var(--option-section-divider-height) - var(--options-divider-thickness)) / 2));margin-inline:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content));flex-shrink:0;display:block;overflow:visible}`,b=class extends t.n(e.n,{validSizes:[`s`,`m`,`l`]}){static get styles(){return[(0,c.unsafeCSS)(s.t),(0,c.unsafeCSS)(y)]}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`role`)||this.setAttribute(`role`,`separator`)}},x=`:host{--option-top-to-action:var(--luzmo-spacing-1);--option-top-to-checkbox:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-line-height:var(--luzmo-line-height);--option-label-line-height-cjk:1.5;--option-label-to-description-spacing:1px;--option-focus-indicator-width:var(--luzmo-indicator-width);--option-focus-indicator-color:var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing:var(--luzmo-spacing-3);--option-label-content-color-default:var(--luzmo-font-color);--option-label-content-color-hover:var(--luzmo-font-color-hover);--option-label-content-color-down:var(--luzmo-font-color-down);--option-label-content-color-focus:var(--luzmo-font-color-focus);--option-label-icon-color-default:var(--luzmo-font-color);--option-label-icon-color-hover:var(--luzmo-font-color-hover);--option-label-icon-color-down:var(--luzmo-font-color-down);--option-label-icon-color-focus:var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color:var(--luzmo-primary);--option-highlight-selected-label-content-color:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-hover:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-down:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-focus:var(--luzmo-primary-inverse-color);--option-label-content-color-disabled:var(--luzmo-font-color-disabled);--option-label-icon-color-disabled:var(--luzmo-font-color-disabled);--option-description-line-height:var(--luzmo-line-height);--option-description-line-height-cjk:1.5;--option-description-color-default:var(--luzmo-font-color);--option-description-color-hover:var(--luzmo-font-color-hover);--option-description-color-down:var(--luzmo-font-color-down);--option-description-color-focus:var(--luzmo-font-color-focus);--option-description-color-disabled:var(--luzmo-disabled-color);--options-section-header-line-height:var(--luzmo-line-height);--options-section-header-line-height-cjk:1.5;--options-section-header-font-weight:var(--luzmo-font-weight-semibold);--options-section-header-color:var(--luzmo-font-color-down);--options-collapsible-icon-color:var(--luzmo-font-color-down);--options-checkmark-icon-color-default:var(--luzmo-font-color);--options-checkmark-icon-color-hover:var(--luzmo-font-color-hover);--options-checkmark-icon-color-down:var(--luzmo-font-color-down);--options-checkmark-icon-color-focus:var(--luzmo-font-color-focus);--options-checkbox-icon-color-default:var(--luzmo-font-color);--options-checkbox-icon-color-hover:var(--luzmo-font-color-hover);--options-checkbox-icon-color-down:var(--luzmo-font-color-down);--options-checkbox-icon-color-focus:var(--luzmo-font-color-focus);--options-drillin-icon-color-default:var(--luzmo-font-color);--options-drillin-icon-color-hover:var(--luzmo-font-color-hover);--options-drillin-icon-color-down:var(--luzmo-font-color-down);--options-drillin-icon-color-focus:var(--luzmo-font-color-focus);--option-value-color-default:var(--luzmo-font-color);--option-value-color-hover:var(--luzmo-font-color-hover);--option-value-color-down:var(--luzmo-font-color-down);--option-value-color-focus:var(--luzmo-font-color-focus);--option-shortcut-opacity:.7;--option-collapsible-no-icon-suboption-padding-x-start:28px;--option-background-color-selected:var(--luzmo-background-color);--option-background-color-default:var(--luzmo-background-color);--option-background-color-hover:var(--luzmo-background-color-hover);--option-background-color-down:var(--luzmo-background-color-down);--option-background-color-key-focus:var(--luzmo-background-color-focus);--options-scrollbar-width:var(--luzmo-scrollbar-size);--options-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--options-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--options-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--options-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--options-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--luzmo-option-thumbnail-border-radius:var(--luzmo-border-radius-s,4px);--luzmo-option-thumbnail-border-width:1px;--luzmo-option-thumbnail-border-style:solid;--luzmo-option-thumbnail-border-color:var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f));--option-min-height:var(--luzmo-component-height);--options-max-height:calc(8 * var(--option-min-height));--option-icon-container-height:18px;--options-pending-height:var(--option-min-height);--progress-circle-size:calc(var(--options-pending-height) - var(--option-top-edge-to-text) - var(--option-bottom-edge-to-text));--option-icon-height:var(--luzmo-font-size);--option-icon-width:var(--luzmo-font-size);--option-label-font-size:var(--luzmo-font-size);--option-shortcut-font-size:var(--luzmo-font-size-s);--option-label-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--pending-inline-edge-to-content:var(--option-label-inline-edge-to-content);--option-top-edge-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--option-bottom-edge-to-text:var(--luzmo-spacing-3);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size);--options-section-header-min-width:var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]){--option-min-height:var(--luzmo-component-height-s);--option-icon-container-height:17px;--option-icon-height:var(--luzmo-font-size-s);--option-icon-width:var(--luzmo-font-size-s);--option-label-font-size:var(--luzmo-font-size-s);--option-shortcut-font-size:var(--luzmo-font-size-xs);--option-label-text-to-visual:var(--luzmo-spacing-3);--option-label-text-to-control:var(--luzmo-spacing-3);--option-label-inline-edge-to-content:var(--luzmo-spacing-3);--option-top-edge-to-text:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-2));--option-bottom-edge-to-text:var(--luzmo-spacing-2);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size-s);--options-section-header-min-width:var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-3);--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:var(--luzmo-spacing-3);--option-top-to-checkbox:var(--luzmo-spacing-3)}:host([size=l]){--option-min-height:var(--luzmo-component-height-l);--option-icon-container-height:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--option-icon-height:var(--luzmo-font-size-l);--option-icon-width:var(--luzmo-font-size-l);--option-label-font-size:var(--luzmo-font-size-l);--option-shortcut-font-size:var(--luzmo-font-size);--option-label-text-to-visual:var(--luzmo-spacing-4);--option-label-text-to-control:var(--luzmo-spacing-4);--option-label-inline-edge-to-content:var(--luzmo-spacing-4);--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size-s);--options-section-header-font-size:var(--luzmo-font-size-l);--options-section-header-min-width:var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-4);--option-checkmark-size:var(--luzmo-font-size-s);--option-checkbox-size:var(--luzmo-font-size-s);--option-top-to-checkmark:var(--luzmo-spacing-4);--option-top-to-checkbox:var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height:var(--luzmo-component-height-xl);--option-icon-container-height:26px;--option-icon-height:var(--luzmo-font-size-xl);--option-icon-width:var(--luzmo-font-size-xl);--option-label-font-size:var(--luzmo-font-size-xl);--option-shortcut-font-size:var(--luzmo-font-size-l);--option-label-text-to-visual:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size);--options-section-header-font-size:var(--luzmo-font-size-xl);--options-section-header-min-width:var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size);--option-checkbox-size:var(--luzmo-font-size);--option-top-to-checkmark:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-to-checkbox:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host{--highcontrast-option-background-color-default:ButtonFace;--highcontrast-option-color-default:ButtonText;--highcontrast-option-background-color-focus:Highlight;--highcontrast-option-color-focus:HighlightText;--highcontrast-options-checkmark-icon-color-default:Highlight;--highcontrast-options-checkbox-icon-color-default:Highlight;--highcontrast-option-color-disabled:GrayText;--highcontrast-option-focus-indicator-color:Highlight;--highcontrast-option-selected-background-color:Highlight;--highcontrast-option-selected-color:HighlightText}@supports (color:SelectedItem){:host{--highcontrast-option-selected-background-color:SelectedItem;--highcontrast-option-selected-color:SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size,auto);box-sizing:border-box;max-height:var(--luzmo-options-max-height,var(--options-max-height));margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host::-webkit-scrollbar{width:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width));height:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background));border-radius:var(--luzmo-options-scrollbar-track-border-radius,var(--options-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background));border-radius:var(--luzmo-options-scrollbar-thumb-border-radius,var(--options-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-options-scrollbar-thumb-hover-background,var(--options-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background)) var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height:var(--luzmo-option-label-line-height-cjk,var(--option-label-line-height-cjk));--option-description-line-height:var(--luzmo-option-description-line-height-cjk,var(--option-description-line-height-cjk));--options-section-header-line-height:var(--luzmo-options-section-header-line-height-cjk,var(--options-section-header-line-height-cjk))}luzmo-option{width:100%}.section-header{align-items:center;gap:var(--option-label-text-to-visual);box-sizing:border-box;min-inline-size:var(--options-section-header-min-width);padding-block:var(--option-top-edge-to-text) var(--option-bottom-edge-to-text);padding-inline:var(--option-label-inline-edge-to-content);font-family:var(--luzmo-font-family);font-size:var(--luzmo-options-section-header-font-size,var(--options-section-header-font-size));font-weight:var(--luzmo-options-section-header-font-weight,var(--options-section-header-font-weight));line-height:var(--luzmo-options-section-header-line-height,var(--options-section-header-line-height));color:var(--luzmo-options-section-header-color,var(--options-section-header-color));flex-shrink:0;display:flex}.section-header-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#pending{height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content);flex-shrink:0;align-items:center;display:flex}:host{flex-direction:column;width:100%;display:inline-flex}:host(:focus){outline:none}::slotted(*){flex-shrink:0}`;customElements.get(`lit-virtualizer`)||customElements.define(`lit-virtualizer`,f.LitVirtualizer);var S=e=>c.html`
|
|
42
42
|
<luzmo-icon
|
|
43
43
|
block
|
|
44
44
|
.icon=${u.luzmoAngleRight}
|
|
45
45
|
style="transition: transform var(--luzmo-animation-duration, 130ms) ease; transform: rotate(${e?`90deg`:`0deg`})"
|
|
46
46
|
></luzmo-icon>
|
|
47
|
-
|
|
47
|
+
`;function C(e){return typeof e==`object`&&(!!e?.header||!!e?.divider)}var w=25;function T(e,t){return!!t&&(e===t||e.contains(t))}var E=class extends t.n(e.n,{noDefaultSize:!0}){static get styles(){return[(0,c.unsafeCSS)(x)]}get _flattenedOptions(){let e=[];for(let t of this.options)if(e.push(t),t.children?.length&&t.value!==void 0&&this._expandedValues.has(t.value))for(let n of t.children)e.push({...n,_isChild:!0,_parentValue:t.value});return e}get _flatVirtualizeActive(){let e=this.options.length;for(let t of this.options)t.children?.length&&(e+=t.children.length);return e>25}toggleExpand(e){let t=e.value;if(t===void 0)return;let n=new Set(this._expandedValues);n.has(t)?n.delete(t):n.add(t),this._expandedValues=n}constructor(){super(),this.label=``,this.variant=`highlight`,this.selects=`single`,this.emphasized=!1,this.pending=!1,this.options=[],this.value=[],this.focusedOptionIndex=0,this._selectedOptions=[],this._firstVisibleIndex=0,this._expandedValues=new Set,this.addEventListener(`focusin`,this.handleFocusin),this.addEventListener(`blur`,this.handleBlur)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute(`tabindex`)||(this.tabIndex=0);let t=[new Promise(e=>requestAnimationFrame(()=>e(!0)))];[...this.children].forEach(e=>{e.localName===`luzmo-option`&&t.push(e.updateComplete)}),this.optionElementsUpdated=Promise.all(t)}willUpdate(e){e.has(`selects`)&&this.selects===`single`&&this.value?.length>1&&(this.value=this.value.slice(0,1))}updated(e){super.updated(e),e.has(`label`)&&(this.label||e.get(`label`)!==void 0)&&(this.label?this.setAttribute(`aria-label`,this.label):this.removeAttribute(`aria-label`)),e.has(`pending`)&&(this.pending?this.setAttribute(`aria-busy`,`true`):this.removeAttribute(`aria-busy`))}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.optionElementsUpdated,e}focus({preventScroll:e}={}){super.focus({preventScroll:e}),this.focusOptionByOffset(0)}_removeFocusedPropertyOnOptions(){requestAnimationFrame(()=>{this.visibleOptionElements.forEach(e=>{e.focused=!1})})}scrollToTop(){this.scrollTop=0}handleFocusin(){this.startListeningToKeyboard()}handleBlur(e){T(this,e.relatedTarget)||(this.stopListeningToKeyboard(),this._removeFocusedPropertyOnOptions(),this.removeAttribute(`aria-activedescendant`))}startListeningToKeyboard(){this.addEventListener(`keydown`,this.handleKeydown)}stopListeningToKeyboard(){this.removeEventListener(`keydown`,this.handleKeydown)}handleKeydown(e){if(e.defaultPrevented)return;let t=this._flattenedOptions,n=this.focusedOptionIndex,r=[...this.visibleOptionElements].find(e=>e.value?.toString()===t?.[n]?.value?.toString()),{key:i}=e;if(i===`Tab`){this.prepareToCleanUp();return}if(i===` `||i===`Enter`){e.preventDefault();let i=t?.[n];r&&i&&(i.children?.length?this.toggleExpand(i):this.toggleOption(e,i));return}if(i===`ArrowDown`||i===`ArrowUp`){e.preventDefault(),this.navigateWithinOptions(e,r);return}}navigateWithinOptions(e,t){let{key:n}=e,r=n===`ArrowDown`?1:-1;e.preventDefault(),e.stopPropagation();let i=this.focusOptionByOffset(r,t,!0);i!==t&&(this._flatVirtualizeActive||i?.scrollIntoView({block:`nearest`}))}focusOptionByOffset(e,t,n){let r=this._flattenedOptions,i=e||1;t&&(t.focused=!1);let a=this.focusedOptionIndex;this.focusedOptionIndex=r.length>0?(r.length+this.focusedOptionIndex+e)%r.length:0;let o=r[this.focusedOptionIndex],s=r.length;for(;(o?.disabled||o?.divider||o?.header)&&s;)--s,this.focusedOptionIndex=(r.length+this.focusedOptionIndex+i)%r.length,o=r[this.focusedOptionIndex];let c=a<this.focusedOptionIndex&&e===-1,l=a>this.focusedOptionIndex&&e===1;(c||l)&&(this.focusedOptionIndex=a,this.dispatchEvent(new Event(`luzmo-exceeded-${c?`top`:`bottom`}`,{bubbles:!0,composed:!0,cancelable:!0})));let u;return n&&this._flatVirtualizeActive&&(u=[...this.visibleOptionElements].find(e=>e.value?.toString()===r[this.focusedOptionIndex]?.value?.toString()),u||(this.focusedOptionIndex=this._firstVisibleIndex)),this._flatVirtualizeActive&&n&&this.virtualizer.element(this.focusedOptionIndex)?.scrollIntoView({behavior:`smooth`,block:`nearest`}),u??=[...this.visibleOptionElements].find(e=>(e.value===null?null:e.value?.toString())===(r[this.focusedOptionIndex]?.value===null?r[this.focusedOptionIndex]?.value:r[this.focusedOptionIndex]?.value?.toString())),o?.disabled||this.setFocusedAndActiveDescendant(u),u}updateSelectedItemIndex(){this.focusedOptionIndex=this._flatVirtualizeActive?this._firstVisibleIndex:0}setSelectedOptionsFromValue(){this._selectedOptions=this.options.filter(e=>Array.isArray(this.value)&&this.value?.includes(e?.value??null))}visibilityChanged(e){this._firstVisibleIndex=e?.first??0}rangeChange(e){e.stopPropagation(),e.preventDefault(),e?.first!==-1&&e?.last!==-1&&this.dispatchEvent(new CustomEvent(`luzmo-scrolled`,{bubbles:!0,composed:!0,cancelable:!0,detail:{first:e.first,last:e.last}}))}async toggleOption(e,t){let n=e instanceof KeyboardEvent,r=this._flattenedOptions.findIndex(e=>e?.value===t?.value);this.focusedOptionIndex=r,this.visibleOptionElements.forEach(e=>{if(n){let n=(e?.value===null?null:e.value?.toString())===(t?.value===null?null:t?.value?.toString());e.focused=n,n&&this.setFocusedAndActiveDescendant(e)}else e.focused=!1});let i=Array.isArray(this.value)&&this.value?.includes(t?.value??null);this.selects===`single`?(this.value=[t?.value],this._selectedOptions=[t]):(this.value=i?this.value.filter(e=>e!==t?.value):[...this.value??[],t?.value],this._selectedOptions=i?this._selectedOptions.filter(e=>e.value!==t.value):[...this._selectedOptions,t]),await this.updateComplete,this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}})),this.prepareToCleanUp()}handleOptionClick(e,t){this.toggleOption(t,e)}handleExpandClick(e){this.toggleExpand(e)}render(){let e=e=>c.html`<luzmo-icon
|
|
48
48
|
slot="icon"
|
|
49
49
|
.icon=${e}
|
|
50
50
|
.size=${this.size}
|
|
@@ -55,7 +55,10 @@ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs
|
|
|
55
55
|
.size=${this.size}
|
|
56
56
|
></luzmo-icon>`,r=r=>{let i=r?.value,a=r?.label,o=r?.description,s=r?.shortcut,l=r?.icon,u=r?.imgSrc,d=r?.divider,f=typeof r==`string`?void 0:r?.disabled,p=!!(r.children&&r.children.length>0),m=!!r._isChild,h=p&&i!==void 0&&this._expandedValues.has(i);if(d)return c.html`<luzmo-options-divider
|
|
57
57
|
role="presentation"
|
|
58
|
-
></luzmo-options-divider>`;let g=this.optionIconRenderer?.(r,{size:this.size??`m`})??(l?e(l):u?n(u):c.nothing);if(
|
|
58
|
+
></luzmo-options-divider>`;let g=this.optionIconRenderer?.(r,{size:this.size??`m`})??(l?e(l):u?n(u):c.nothing);if(r?.header)return c.html`<div class="section-header" role="presentation">
|
|
59
|
+
${g}
|
|
60
|
+
<span class="section-header-label">${a}</span>
|
|
61
|
+
</div>`;if(p){let e=Array.isArray(this.value)&&r.children.some(e=>this.value.includes(e.value));return c.html`<luzmo-option
|
|
59
62
|
.value=${i}
|
|
60
63
|
.size=${this.size}
|
|
61
64
|
.variant=${this.variant}
|
|
@@ -99,4 +102,4 @@ const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs
|
|
|
99
102
|
indeterminate
|
|
100
103
|
label="Loading"
|
|
101
104
|
></luzmo-progress-circle>
|
|
102
|
-
</div>`:c.nothing}`}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`listbox`),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){super.disconnectedCallback()}prepareToCleanUp(){document.addEventListener(`focusout`,()=>{requestAnimationFrame(()=>{this.updateSelectedItemIndex()})},{once:!0})}updateItemFocus(){if(this.visibleOptionElements.length===0)return;let e=this._flattenedOptions,t=this.focusedOptionIndex,n=[...this.visibleOptionElements].find(n=>(n.value===null?null:n.value?.toString())===(e?.[t]?.value===null?null:e?.[t]?.value?.toString()));this.setFocusedAndActiveDescendant(n)}setFocusedAndActiveDescendant(e){if(!e)return;let t=this.hasVisibleFocusInTree()||!!(this.visibleOptionElements?.some&&this.visibleOptionElements?.some(e=>e.hasVisibleFocusInTree()));e.focused=t,t&&this.setAttribute(`aria-activedescendant`,e.id)}};e.t([(0,l.property)({type:String,reflect:!0})],
|
|
105
|
+
</div>`:c.nothing}`}connectedCallback(){super.connectedCallback(),this.setAttribute(`role`,`listbox`),this.updateComplete.then(()=>this.updateItemFocus())}disconnectedCallback(){super.disconnectedCallback()}prepareToCleanUp(){document.addEventListener(`focusout`,()=>{requestAnimationFrame(()=>{this.updateSelectedItemIndex()})},{once:!0})}updateItemFocus(){if(this.visibleOptionElements.length===0)return;let e=this._flattenedOptions,t=this.focusedOptionIndex,n=[...this.visibleOptionElements].find(n=>(n.value===null?null:n.value?.toString())===(e?.[t]?.value===null?null:e?.[t]?.value?.toString()));this.setFocusedAndActiveDescendant(n)}setFocusedAndActiveDescendant(e){if(!e)return;let t=this.hasVisibleFocusInTree()||!!(this.visibleOptionElements?.some&&this.visibleOptionElements?.some(e=>e.hasVisibleFocusInTree()));e.focused=t,t&&this.setAttribute(`aria-activedescendant`,e.id)}};e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`label`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`variant`,void 0),e.t([(0,l.property)({type:String,reflect:!0})],E.prototype,`selects`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],E.prototype,`emphasized`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0})],E.prototype,`pending`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],E.prototype,`options`,void 0),e.t([(0,l.property)({type:Boolean,reflect:!0,attribute:`no-wrap`})],E.prototype,`noWrap`,void 0),e.t([(0,l.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],E.prototype,`value`,void 0),e.t([(0,l.property)({attribute:!1})],E.prototype,`optionIconRenderer`,void 0),e.t([(0,l.query)(`lit-virtualizer`)],E.prototype,`virtualizer`,void 0),e.t([(0,l.queryAll)(`luzmo-option`)],E.prototype,`visibleOptionElements`,void 0),e.t([(0,l.state)()],E.prototype,`_expandedValues`,void 0),customElements.get(`luzmo-options`)||customElements.define(`luzmo-options`,E),customElements.get(`luzmo-options-divider`)||customElements.define(`luzmo-options-divider`,b),customElements.get(`luzmo-option`)||customElements.define(`luzmo-option`,v),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return E}});
|
|
@@ -199,7 +199,7 @@ var k = ":host{--options-divider-thickness:var(--divider-thickness-medium,var(--
|
|
|
199
199
|
firstUpdated(e) {
|
|
200
200
|
super.firstUpdated(e), this.hasAttribute("role") || this.setAttribute("role", "separator");
|
|
201
201
|
}
|
|
202
|
-
}, j = ":host{--option-top-to-action:var(--luzmo-spacing-1);--option-top-to-checkbox:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-line-height:var(--luzmo-line-height);--option-label-line-height-cjk:1.5;--option-label-to-description-spacing:1px;--option-focus-indicator-width:var(--luzmo-indicator-width);--option-focus-indicator-color:var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing:var(--luzmo-spacing-3);--option-label-content-color-default:var(--luzmo-font-color);--option-label-content-color-hover:var(--luzmo-font-color-hover);--option-label-content-color-down:var(--luzmo-font-color-down);--option-label-content-color-focus:var(--luzmo-font-color-focus);--option-label-icon-color-default:var(--luzmo-font-color);--option-label-icon-color-hover:var(--luzmo-font-color-hover);--option-label-icon-color-down:var(--luzmo-font-color-down);--option-label-icon-color-focus:var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color:var(--luzmo-primary);--option-highlight-selected-label-content-color:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-hover:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-down:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-focus:var(--luzmo-primary-inverse-color);--option-label-content-color-disabled:var(--luzmo-font-color-disabled);--option-label-icon-color-disabled:var(--luzmo-font-color-disabled);--option-description-line-height:var(--luzmo-line-height);--option-description-line-height-cjk:1.5;--option-description-color-default:var(--luzmo-font-color);--option-description-color-hover:var(--luzmo-font-color-hover);--option-description-color-down:var(--luzmo-font-color-down);--option-description-color-focus:var(--luzmo-font-color-focus);--option-description-color-disabled:var(--luzmo-disabled-color);--options-section-header-line-height:var(--luzmo-line-height);--options-section-header-line-height-cjk:1.5;--options-section-header-font-weight:bold;--options-section-header-color:var(--luzmo-font-color-down);--options-collapsible-icon-color:var(--luzmo-font-color-down);--options-checkmark-icon-color-default:var(--luzmo-font-color);--options-checkmark-icon-color-hover:var(--luzmo-font-color-hover);--options-checkmark-icon-color-down:var(--luzmo-font-color-down);--options-checkmark-icon-color-focus:var(--luzmo-font-color-focus);--options-checkbox-icon-color-default:var(--luzmo-font-color);--options-checkbox-icon-color-hover:var(--luzmo-font-color-hover);--options-checkbox-icon-color-down:var(--luzmo-font-color-down);--options-checkbox-icon-color-focus:var(--luzmo-font-color-focus);--options-drillin-icon-color-default:var(--luzmo-font-color);--options-drillin-icon-color-hover:var(--luzmo-font-color-hover);--options-drillin-icon-color-down:var(--luzmo-font-color-down);--options-drillin-icon-color-focus:var(--luzmo-font-color-focus);--option-value-color-default:var(--luzmo-font-color);--option-value-color-hover:var(--luzmo-font-color-hover);--option-value-color-down:var(--luzmo-font-color-down);--option-value-color-focus:var(--luzmo-font-color-focus);--option-shortcut-opacity:.7;--option-collapsible-no-icon-suboption-padding-x-start:28px;--option-background-color-selected:var(--luzmo-background-color);--option-background-color-default:var(--luzmo-background-color);--option-background-color-hover:var(--luzmo-background-color-hover);--option-background-color-down:var(--luzmo-background-color-down);--option-background-color-key-focus:var(--luzmo-background-color-focus);--options-scrollbar-width:var(--luzmo-scrollbar-size);--options-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--options-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--options-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--options-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--options-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--luzmo-option-thumbnail-border-radius:var(--luzmo-border-radius-s,4px);--luzmo-option-thumbnail-border-width:1px;--luzmo-option-thumbnail-border-style:solid;--luzmo-option-thumbnail-border-color:var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f));--option-min-height:var(--luzmo-component-height);--options-max-height:calc(8 * var(--option-min-height));--option-icon-container-height:18px;--options-pending-height:var(--option-min-height);--progress-circle-size:calc(var(--options-pending-height) - var(--option-top-edge-to-text) - var(--option-bottom-edge-to-text));--option-icon-height:var(--luzmo-font-size);--option-icon-width:var(--luzmo-font-size);--option-label-font-size:var(--luzmo-font-size);--option-shortcut-font-size:var(--luzmo-font-size-s);--option-label-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--pending-inline-edge-to-content:var(--option-label-inline-edge-to-content);--option-top-edge-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--option-bottom-edge-to-text:var(--luzmo-spacing-3);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size);--options-section-header-min-width:var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]){--option-min-height:var(--luzmo-component-height-s);--option-icon-container-height:17px;--option-icon-height:var(--luzmo-font-size-s);--option-icon-width:var(--luzmo-font-size-s);--option-label-font-size:var(--luzmo-font-size-s);--option-shortcut-font-size:var(--luzmo-font-size-xs);--option-label-text-to-visual:var(--luzmo-spacing-3);--option-label-text-to-control:var(--luzmo-spacing-3);--option-label-inline-edge-to-content:var(--luzmo-spacing-3);--option-top-edge-to-text:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-2));--option-bottom-edge-to-text:var(--luzmo-spacing-2);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size-s);--options-section-header-min-width:var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-3);--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:var(--luzmo-spacing-3);--option-top-to-checkbox:var(--luzmo-spacing-3)}:host([size=l]){--option-min-height:var(--luzmo-component-height-l);--option-icon-container-height:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--option-icon-height:var(--luzmo-font-size-l);--option-icon-width:var(--luzmo-font-size-l);--option-label-font-size:var(--luzmo-font-size-l);--option-shortcut-font-size:var(--luzmo-font-size);--option-label-text-to-visual:var(--luzmo-spacing-4);--option-label-text-to-control:var(--luzmo-spacing-4);--option-label-inline-edge-to-content:var(--luzmo-spacing-4);--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size-s);--options-section-header-font-size:var(--luzmo-font-size-l);--options-section-header-min-width:var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-4);--option-checkmark-size:var(--luzmo-font-size-s);--option-checkbox-size:var(--luzmo-font-size-s);--option-top-to-checkmark:var(--luzmo-spacing-4);--option-top-to-checkbox:var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height:var(--luzmo-component-height-xl);--option-icon-container-height:26px;--option-icon-height:var(--luzmo-font-size-xl);--option-icon-width:var(--luzmo-font-size-xl);--option-label-font-size:var(--luzmo-font-size-xl);--option-shortcut-font-size:var(--luzmo-font-size-l);--option-label-text-to-visual:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size);--options-section-header-font-size:var(--luzmo-font-size-xl);--options-section-header-min-width:var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size);--option-checkbox-size:var(--luzmo-font-size);--option-top-to-checkmark:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-to-checkbox:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host{--highcontrast-option-background-color-default:ButtonFace;--highcontrast-option-color-default:ButtonText;--highcontrast-option-background-color-focus:Highlight;--highcontrast-option-color-focus:HighlightText;--highcontrast-options-checkmark-icon-color-default:Highlight;--highcontrast-options-checkbox-icon-color-default:Highlight;--highcontrast-option-color-disabled:GrayText;--highcontrast-option-focus-indicator-color:Highlight;--highcontrast-option-selected-background-color:Highlight;--highcontrast-option-selected-color:HighlightText}@supports (color:SelectedItem){:host{--highcontrast-option-selected-background-color:SelectedItem;--highcontrast-option-selected-color:SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size,auto);box-sizing:border-box;max-height:var(--luzmo-options-max-height,var(--options-max-height));margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host::-webkit-scrollbar{width:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width));height:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background));border-radius:var(--luzmo-options-scrollbar-track-border-radius,var(--options-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background));border-radius:var(--luzmo-options-scrollbar-thumb-border-radius,var(--options-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-options-scrollbar-thumb-hover-background,var(--options-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background)) var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height:var(--luzmo-option-label-line-height-cjk,var(--option-label-line-height-cjk));--option-description-line-height:var(--luzmo-option-description-line-height-cjk,var(--option-description-line-height-cjk));--options-section-header-line-height:var(--luzmo-options-section-header-line-height-cjk,var(--options-section-header-line-height-cjk))}luzmo-option{width:100%}#pending{height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content);flex-shrink:0;align-items:center;display:flex}:host{flex-direction:column;width:100%;display:inline-flex}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";
|
|
202
|
+
}, j = ":host{--option-top-to-action:var(--luzmo-spacing-1);--option-top-to-checkbox:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-line-height:var(--luzmo-line-height);--option-label-line-height-cjk:1.5;--option-label-to-description-spacing:1px;--option-focus-indicator-width:var(--luzmo-indicator-width);--option-focus-indicator-color:var(--luzmo-indicator-color);--option-label-to-value-area-min-spacing:var(--luzmo-spacing-3);--option-label-content-color-default:var(--luzmo-font-color);--option-label-content-color-hover:var(--luzmo-font-color-hover);--option-label-content-color-down:var(--luzmo-font-color-down);--option-label-content-color-focus:var(--luzmo-font-color-focus);--option-label-icon-color-default:var(--luzmo-font-color);--option-label-icon-color-hover:var(--luzmo-font-color-hover);--option-label-icon-color-down:var(--luzmo-font-color-down);--option-label-icon-color-focus:var(--luzmo-font-color-focus);--option-highlight-selected-label-background-color:var(--luzmo-primary);--option-highlight-selected-label-content-color:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-hover:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-down:var(--luzmo-primary-inverse-color);--option-highlight-selected-label-content-color-focus:var(--luzmo-primary-inverse-color);--option-label-content-color-disabled:var(--luzmo-font-color-disabled);--option-label-icon-color-disabled:var(--luzmo-font-color-disabled);--option-description-line-height:var(--luzmo-line-height);--option-description-line-height-cjk:1.5;--option-description-color-default:var(--luzmo-font-color);--option-description-color-hover:var(--luzmo-font-color-hover);--option-description-color-down:var(--luzmo-font-color-down);--option-description-color-focus:var(--luzmo-font-color-focus);--option-description-color-disabled:var(--luzmo-disabled-color);--options-section-header-line-height:var(--luzmo-line-height);--options-section-header-line-height-cjk:1.5;--options-section-header-font-weight:var(--luzmo-font-weight-semibold);--options-section-header-color:var(--luzmo-font-color-down);--options-collapsible-icon-color:var(--luzmo-font-color-down);--options-checkmark-icon-color-default:var(--luzmo-font-color);--options-checkmark-icon-color-hover:var(--luzmo-font-color-hover);--options-checkmark-icon-color-down:var(--luzmo-font-color-down);--options-checkmark-icon-color-focus:var(--luzmo-font-color-focus);--options-checkbox-icon-color-default:var(--luzmo-font-color);--options-checkbox-icon-color-hover:var(--luzmo-font-color-hover);--options-checkbox-icon-color-down:var(--luzmo-font-color-down);--options-checkbox-icon-color-focus:var(--luzmo-font-color-focus);--options-drillin-icon-color-default:var(--luzmo-font-color);--options-drillin-icon-color-hover:var(--luzmo-font-color-hover);--options-drillin-icon-color-down:var(--luzmo-font-color-down);--options-drillin-icon-color-focus:var(--luzmo-font-color-focus);--option-value-color-default:var(--luzmo-font-color);--option-value-color-hover:var(--luzmo-font-color-hover);--option-value-color-down:var(--luzmo-font-color-down);--option-value-color-focus:var(--luzmo-font-color-focus);--option-shortcut-opacity:.7;--option-collapsible-no-icon-suboption-padding-x-start:28px;--option-background-color-selected:var(--luzmo-background-color);--option-background-color-default:var(--luzmo-background-color);--option-background-color-hover:var(--luzmo-background-color-hover);--option-background-color-down:var(--luzmo-background-color-down);--option-background-color-key-focus:var(--luzmo-background-color-focus);--options-scrollbar-width:var(--luzmo-scrollbar-size);--options-scrollbar-track-background:var(--luzmo-scrollbar-track-background);--options-scrollbar-track-border-radius:var(--luzmo-scrollbar-track-border-radius);--options-scrollbar-thumb-background:var(--luzmo-scrollbar-thumb-background);--options-scrollbar-thumb-border-radius:var(--luzmo-scrollbar-thumb-border-radius);--options-scrollbar-thumb-hover-background:var(--luzmo-scrollbar-thumb-hover-background);--luzmo-option-thumbnail-border-radius:var(--luzmo-border-radius-s,4px);--luzmo-option-thumbnail-border-width:1px;--luzmo-option-thumbnail-border-style:solid;--luzmo-option-thumbnail-border-color:var(--luzmo-border-color-full,var(--luzmo-border-color,#0000001f));--option-min-height:var(--luzmo-component-height);--options-max-height:calc(8 * var(--option-min-height));--option-icon-container-height:18px;--options-pending-height:var(--option-min-height);--progress-circle-size:calc(var(--options-pending-height) - var(--option-top-edge-to-text) - var(--option-bottom-edge-to-text));--option-icon-height:var(--luzmo-font-size);--option-icon-width:var(--luzmo-font-size);--option-label-font-size:var(--luzmo-font-size);--option-shortcut-font-size:var(--luzmo-font-size-s);--option-label-text-to-visual:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--pending-inline-edge-to-content:var(--option-label-inline-edge-to-content);--option-top-edge-to-text:calc(var(--luzmo-spacing-2) + var(--luzmo-spacing-1));--option-bottom-edge-to-text:var(--luzmo-spacing-3);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size);--options-section-header-min-width:var(--luzmo-component-height);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]){--option-min-height:var(--luzmo-component-height-s);--option-icon-container-height:17px;--option-icon-height:var(--luzmo-font-size-s);--option-icon-width:var(--luzmo-font-size-s);--option-label-font-size:var(--luzmo-font-size-s);--option-shortcut-font-size:var(--luzmo-font-size-xs);--option-label-text-to-visual:var(--luzmo-spacing-3);--option-label-text-to-control:var(--luzmo-spacing-3);--option-label-inline-edge-to-content:var(--luzmo-spacing-3);--option-top-edge-to-text:calc(var(--luzmo-spacing-1) + var(--luzmo-spacing-2));--option-bottom-edge-to-text:var(--luzmo-spacing-2);--option-description-font-size:var(--luzmo-font-size-xs);--options-section-header-font-size:var(--luzmo-font-size-s);--options-section-header-min-width:var(--luzmo-component-height-s);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-3);--option-checkmark-size:var(--luzmo-font-size-xs);--option-checkbox-size:var(--luzmo-font-size-xs);--option-top-to-checkmark:var(--luzmo-spacing-3);--option-top-to-checkbox:var(--luzmo-spacing-3)}:host([size=l]){--option-min-height:var(--luzmo-component-height-l);--option-icon-container-height:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-1));--option-icon-height:var(--luzmo-font-size-l);--option-icon-width:var(--luzmo-font-size-l);--option-label-font-size:var(--luzmo-font-size-l);--option-shortcut-font-size:var(--luzmo-font-size);--option-label-text-to-visual:var(--luzmo-spacing-4);--option-label-text-to-control:var(--luzmo-spacing-4);--option-label-inline-edge-to-content:var(--luzmo-spacing-4);--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size-s);--options-section-header-font-size:var(--luzmo-font-size-l);--options-section-header-min-width:var(--luzmo-component-height-l);--option-selectable-edge-to-text-not-selected:var(--luzmo-spacing-4);--option-checkmark-size:var(--luzmo-font-size-s);--option-checkbox-size:var(--luzmo-font-size-s);--option-top-to-checkmark:var(--luzmo-spacing-4);--option-top-to-checkbox:var(--luzmo-spacing-4)}:host([size=xl]){--option-min-height:var(--luzmo-component-height-xl);--option-icon-container-height:26px;--option-icon-height:var(--luzmo-font-size-xl);--option-icon-width:var(--luzmo-font-size-xl);--option-label-font-size:var(--luzmo-font-size-xl);--option-shortcut-font-size:var(--luzmo-font-size-l);--option-label-text-to-visual:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-text-to-control:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-label-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-edge-to-text:var(--luzmo-spacing-4);--option-bottom-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--option-description-font-size:var(--luzmo-font-size);--options-section-header-font-size:var(--luzmo-font-size-xl);--options-section-header-min-width:var(--luzmo-component-height-xl);--option-selectable-edge-to-text-not-selected:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-checkmark-size:var(--luzmo-font-size);--option-checkbox-size:var(--luzmo-font-size);--option-top-to-checkmark:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--option-top-to-checkbox:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1))}@media (forced-colors:active){:host{--highcontrast-option-background-color-default:ButtonFace;--highcontrast-option-color-default:ButtonText;--highcontrast-option-background-color-focus:Highlight;--highcontrast-option-color-focus:HighlightText;--highcontrast-options-checkmark-icon-color-default:Highlight;--highcontrast-options-checkbox-icon-color-default:Highlight;--highcontrast-option-color-disabled:GrayText;--highcontrast-option-focus-indicator-color:Highlight;--highcontrast-option-selected-background-color:Highlight;--highcontrast-option-selected-color:HighlightText}@supports (color:SelectedItem){:host{--highcontrast-option-selected-background-color:SelectedItem;--highcontrast-option-selected-color:SelectedItemText}}}:host{inline-size:auto;inline-size:var(--luzmo-options-inline-size,auto);box-sizing:border-box;max-height:var(--luzmo-options-max-height,var(--options-max-height));margin:0;padding:0;list-style-type:none;display:inline-block;overflow:auto}:host::-webkit-scrollbar{width:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width));height:var(--luzmo-options-scrollbar-width,var(--options-scrollbar-width))}:host::-webkit-scrollbar-track{background:var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background));border-radius:var(--luzmo-options-scrollbar-track-border-radius,var(--options-scrollbar-track-border-radius))}:host::-webkit-scrollbar-thumb{background:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background));border-radius:var(--luzmo-options-scrollbar-thumb-border-radius,var(--options-scrollbar-thumb-border-radius))}:host::-webkit-scrollbar-thumb:hover{background:var(--luzmo-options-scrollbar-thumb-hover-background,var(--options-scrollbar-thumb-hover-background))}:host{scrollbar-width:var(--luzmo-scrollbar-width,thin);scrollbar-color:var(--luzmo-options-scrollbar-thumb-background,var(--options-scrollbar-thumb-background)) var(--luzmo-options-scrollbar-track-background,var(--options-scrollbar-track-background))}:host:lang(ja),:host:lang(ko),:host:lang(zh){--option-label-line-height:var(--luzmo-option-label-line-height-cjk,var(--option-label-line-height-cjk));--option-description-line-height:var(--luzmo-option-description-line-height-cjk,var(--option-description-line-height-cjk));--options-section-header-line-height:var(--luzmo-options-section-header-line-height-cjk,var(--options-section-header-line-height-cjk))}luzmo-option{width:100%}.section-header{align-items:center;gap:var(--option-label-text-to-visual);box-sizing:border-box;min-inline-size:var(--options-section-header-min-width);padding-block:var(--option-top-edge-to-text) var(--option-bottom-edge-to-text);padding-inline:var(--option-label-inline-edge-to-content);font-family:var(--luzmo-font-family);font-size:var(--luzmo-options-section-header-font-size,var(--options-section-header-font-size));font-weight:var(--luzmo-options-section-header-font-weight,var(--options-section-header-font-weight));line-height:var(--luzmo-options-section-header-line-height,var(--options-section-header-line-height));color:var(--luzmo-options-section-header-color,var(--options-section-header-color));flex-shrink:0;display:flex}.section-header-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#pending{height:var(--options-pending-height);padding-inline:var(--pending-inline-edge-to-content);flex-shrink:0;align-items:center;display:flex}:host{flex-direction:column;width:100%;display:inline-flex}:host(:focus){outline:none}::slotted(*){flex-shrink:0}";
|
|
203
203
|
//#endregion
|
|
204
204
|
//#region src/components/options/options.ts
|
|
205
205
|
customElements.get("lit-virtualizer") || customElements.define("lit-virtualizer", S);
|
|
@@ -209,11 +209,15 @@ var M = (e) => l`
|
|
|
209
209
|
.icon=${g}
|
|
210
210
|
style="transition: transform var(--luzmo-animation-duration, 130ms) ease; transform: rotate(${e ? "90deg" : "0deg"})"
|
|
211
211
|
></luzmo-icon>
|
|
212
|
-
|
|
213
|
-
function
|
|
212
|
+
`;
|
|
213
|
+
function N(e) {
|
|
214
|
+
return typeof e == "object" && (!!e?.header || !!e?.divider);
|
|
215
|
+
}
|
|
216
|
+
var P = 25;
|
|
217
|
+
function F(e, t) {
|
|
214
218
|
return !!t && (e === t || e.contains(t));
|
|
215
219
|
}
|
|
216
|
-
var
|
|
220
|
+
var I = class extends n(e, { noDefaultSize: !0 }) {
|
|
217
221
|
static get styles() {
|
|
218
222
|
return [d(j)];
|
|
219
223
|
}
|
|
@@ -274,7 +278,7 @@ var F = class extends n(e, { noDefaultSize: !0 }) {
|
|
|
274
278
|
this.startListeningToKeyboard();
|
|
275
279
|
}
|
|
276
280
|
handleBlur(e) {
|
|
277
|
-
|
|
281
|
+
F(this, e.relatedTarget) || (this.stopListeningToKeyboard(), this._removeFocusedPropertyOnOptions(), this.removeAttribute("aria-activedescendant"));
|
|
278
282
|
}
|
|
279
283
|
startListeningToKeyboard() {
|
|
280
284
|
this.addEventListener("keydown", this.handleKeydown);
|
|
@@ -312,7 +316,7 @@ var F = class extends n(e, { noDefaultSize: !0 }) {
|
|
|
312
316
|
let a = this.focusedOptionIndex;
|
|
313
317
|
this.focusedOptionIndex = r.length > 0 ? (r.length + this.focusedOptionIndex + e) % r.length : 0;
|
|
314
318
|
let o = r[this.focusedOptionIndex], s = r.length;
|
|
315
|
-
for (; (o?.disabled || o?.divider) && s;) --s, this.focusedOptionIndex = (r.length + this.focusedOptionIndex + i) % r.length, o = r[this.focusedOptionIndex];
|
|
319
|
+
for (; (o?.disabled || o?.divider || o?.header) && s;) --s, this.focusedOptionIndex = (r.length + this.focusedOptionIndex + i) % r.length, o = r[this.focusedOptionIndex];
|
|
316
320
|
let c = a < this.focusedOptionIndex && e === -1, l = a > this.focusedOptionIndex && e === 1;
|
|
317
321
|
(c || l) && (this.focusedOptionIndex = a, this.dispatchEvent(new Event(`luzmo-exceeded-${c ? "top" : "bottom"}`, {
|
|
318
322
|
bubbles: !0,
|
|
@@ -383,6 +387,10 @@ var F = class extends n(e, { noDefaultSize: !0 }) {
|
|
|
383
387
|
role="presentation"
|
|
384
388
|
></luzmo-options-divider>`;
|
|
385
389
|
let _ = this.optionIconRenderer?.(r, { size: this.size ?? "m" }) ?? (c ? e(c) : d ? n(d) : u);
|
|
390
|
+
if (r?.header) return l`<div class="section-header" role="presentation">
|
|
391
|
+
${_}
|
|
392
|
+
<span class="section-header-label">${a}</span>
|
|
393
|
+
</div>`;
|
|
386
394
|
if (m) {
|
|
387
395
|
let e = Array.isArray(this.value) && r.children.some((e) => this.value.includes(e.value));
|
|
388
396
|
return l`<luzmo-option
|
|
@@ -464,32 +472,32 @@ var F = class extends n(e, { noDefaultSize: !0 }) {
|
|
|
464
472
|
t([f({
|
|
465
473
|
type: String,
|
|
466
474
|
reflect: !0
|
|
467
|
-
})],
|
|
475
|
+
})], I.prototype, "label", void 0), t([f({
|
|
468
476
|
type: String,
|
|
469
477
|
reflect: !0
|
|
470
|
-
})],
|
|
478
|
+
})], I.prototype, "variant", void 0), t([f({
|
|
471
479
|
type: String,
|
|
472
480
|
reflect: !0
|
|
473
|
-
})],
|
|
481
|
+
})], I.prototype, "selects", void 0), t([f({
|
|
474
482
|
type: Boolean,
|
|
475
483
|
reflect: !0
|
|
476
|
-
})],
|
|
484
|
+
})], I.prototype, "emphasized", void 0), t([f({
|
|
477
485
|
type: Boolean,
|
|
478
486
|
reflect: !0
|
|
479
|
-
})],
|
|
487
|
+
})], I.prototype, "pending", void 0), t([f({
|
|
480
488
|
type: Array,
|
|
481
489
|
hasChanged(e, t) {
|
|
482
490
|
return JSON.stringify(e ?? []) !== JSON.stringify(t ?? []);
|
|
483
491
|
}
|
|
484
|
-
})],
|
|
492
|
+
})], I.prototype, "options", void 0), t([f({
|
|
485
493
|
type: Boolean,
|
|
486
494
|
reflect: !0,
|
|
487
495
|
attribute: "no-wrap"
|
|
488
|
-
})],
|
|
496
|
+
})], I.prototype, "noWrap", void 0), t([f({
|
|
489
497
|
type: Array,
|
|
490
498
|
hasChanged(e, t) {
|
|
491
499
|
return JSON.stringify(e ?? []) !== JSON.stringify(t ?? []);
|
|
492
500
|
}
|
|
493
|
-
})],
|
|
501
|
+
})], I.prototype, "value", void 0), t([f({ attribute: !1 })], I.prototype, "optionIconRenderer", void 0), t([p("lit-virtualizer")], I.prototype, "virtualizer", void 0), t([m("luzmo-option")], I.prototype, "visibleOptionElements", void 0), t([h()], I.prototype, "_expandedValues", void 0), customElements.get("luzmo-options") || customElements.define("luzmo-options", I), customElements.get("luzmo-options-divider") || customElements.define("luzmo-options-divider", A), customElements.get("luzmo-option") || customElements.define("luzmo-option", O);
|
|
494
502
|
//#endregion
|
|
495
|
-
export { O as i,
|
|
503
|
+
export { O as a, A as i, P as n, N as r, I 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`});const e=require("../select-
|
|
18
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../select-D5fQgPPj.cjs");exports.LuzmoSelect=e.t;
|
|
@@ -21,5 +21,5 @@
|
|
|
21
21
|
e.setAttribute("data-luzmo-vars", ""), e.textContent = "html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), black 45%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), black 25%);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-border-width: 1px;--luzmo-shadow-color-rgb: 0, 0, 0;--luzmo-shadow-opacity: 0.1;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), black 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), black 8%);--luzmo-primary: #4434ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), black 20%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), black 8%);--luzmo-primary-inverse-color: #ffffff;--luzmo-accent-on-subtle-color: var(--luzmo-primary);--luzmo-primary-rgb: 68, 52, 255;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 7%), black 1%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 5%), black 1.5%);--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), black 20%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), black 10%);--luzmo-secondary: #d000d0;--luzmo-secondary-hover: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-down: color-mix(in oklch, var(--luzmo-secondary), black 20%);--luzmo-secondary-focus: color-mix(in oklch, var(--luzmo-secondary), black 8%);--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 208, 0, 208;--luzmo-scrollbar-size: 6px;--luzmo-scrollbar-thumb-background: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-scrollbar-thumb-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-thumb-hover-background: rgba( var(--luzmo-border-color-rgb), 0.4 );--luzmo-scrollbar-track-background: transparent;--luzmo-scrollbar-track-border-radius: var(--luzmo-border-radius-s);--luzmo-scrollbar-width: thin;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), black 20%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), black 8%);--luzmo-negative-on-subtle-color: var(--luzmo-negative-color);--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-negative-inverse-color: #ffffff;--luzmo-positive-color: rgb(18, 133, 90);--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), black 20%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), black 8%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 11% );--luzmo-positive-color-rgb: 18, 133, 90;--luzmo-positive-inverse-color: #ffffff;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), black 45%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), black 25%);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), black 45%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), black 25%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #1670dd;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), black 8%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), black 20%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 9% );--luzmo-informative-color-rgb: 22, 112, 221;--luzmo-informative-inverse-color: #ffffff;--luzmo-notice-color: rgb(229, 127, 0);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), black 8%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), black 20%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: color-mix( in oklch, var(--luzmo-notice-color), var(--luzmo-font-color) 40% );--luzmo-notice-inverse-color: var(--luzmo-selected-color-hard);--luzmo-seafoam-color: rgb(0, 140, 140);--luzmo-indigo-color: rgb(68, 52, 255);--luzmo-purple-color: rgb(112, 48, 210);--luzmo-fuchsia-color: rgb(205, 30, 170);--luzmo-magenta-color: rgb(203, 36, 98);--luzmo-yellow-color: rgb(228, 208, 0);--luzmo-gray-color: rgb(110, 110, 110);--luzmo-red-color: rgb(202, 34, 28);--luzmo-orange-color: rgb(218, 123, 17);--luzmo-chartreuse-color: rgb(85, 135, 0);--luzmo-celery-color: rgb(48, 134, 22);--luzmo-green-color: rgb(18, 133, 90);--luzmo-cyan-color: rgb(0, 134, 180);--luzmo-blue-color: rgb(22, 112, 221);--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 10px;--luzmo-icon-size-xs: 12px;--luzmo-icon-size-s: 14px;--luzmo-icon-size-m: 16px;--luzmo-icon-size-l: 18px;--luzmo-icon-size-xl: 20px;--luzmo-icon-size-xxl: 32px}html.dark,html.dark-theme,:where(.dark-theme){--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.2);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.35);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-rgb: 255, 255, 255;--luzmo-border-color-full: #4c4c57;--luzmo-border-color-full-hover: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-full-down: color-mix(in oklch, var(--luzmo-border-color-full), white 35%);--luzmo-border-color-full-focus: color-mix(in oklch, var(--luzmo-border-color-full), white 20%);--luzmo-border-color-disabled: #333;--luzmo-shadow-opacity: 0.35;--luzmo-shadow-color: rgba( var(--luzmo-shadow-color-rgb), var(--luzmo-shadow-opacity) );--luzmo-font-color: #ced4da;--luzmo-font-color-extra-dimmed: #72787f;--luzmo-font-color-hover: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-font-color-down: color-mix(in oklch, var(--luzmo-font-color), white 20%);--luzmo-font-color-focus: color-mix(in oklch, var(--luzmo-font-color), white 8%);--luzmo-primary: #7b90ff;--luzmo-primary-hover: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-primary-down: color-mix(in oklch, var(--luzmo-primary), white 24%);--luzmo-primary-focus: color-mix(in oklch, var(--luzmo-primary), white 12%);--luzmo-accent-on-subtle-color: color-mix( in oklch, var(--luzmo-primary), var(--luzmo-font-color) 1% );--luzmo-background-color: #262626;--luzmo-background-color-rgb: 0, 0, 0;--luzmo-background-color-disabled: #939ea8;--luzmo-background-color-hover: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-down: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 25%);--luzmo-background-color-focus: color-mix(in oklch, color-mix(in oklch, var(--luzmo-background-color), var(--luzmo-primary) 3%), white 14%);--luzmo-background-color-highlight: rgb(72, 72, 72);--luzmo-background-color-highlight-disabled: #313131;--luzmo-background-color-highlight-hover: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-background-color-highlight-down: color-mix(in oklch, var(--luzmo-background-color-highlight), white 35%);--luzmo-background-color-highlight-focus: color-mix(in oklch, var(--luzmo-background-color-highlight), white 20%);--luzmo-primary-inverse-color: var(--luzmo-background-color);--luzmo-indicator-color: var(--luzmo-primary);--luzmo-primary-rgb: 94, 113, 208;--luzmo-secondary: #ebff00;--luzmo-secondary-inverse-color: #333;--luzmo-secondary-rgb: 200, 219, 0;--luzmo-negative-color: #f76d74;--luzmo-negative-color-hover: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-color-down: color-mix(in oklch, var(--luzmo-negative-color), white 24%);--luzmo-negative-color-focus: color-mix(in oklch, var(--luzmo-negative-color), white 12%);--luzmo-negative-on-subtle-color: color-mix( in oklch, var(--luzmo-negative-color), var(--luzmo-font-color) 40% );--luzmo-negative-color-rgb: 247, 109, 116;--luzmo-negative-inverse-color: var(--luzmo-background-color);--luzmo-positive-color: #39a875;--luzmo-positive-color-hover: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-color-down: color-mix(in oklch, var(--luzmo-positive-color), white 24%);--luzmo-positive-color-focus: color-mix(in oklch, var(--luzmo-positive-color), white 12%);--luzmo-positive-on-subtle-color: color-mix( in oklch, var(--luzmo-positive-color), var(--luzmo-font-color) 35% );--luzmo-positive-color-rgb: 57, 168, 117;--luzmo-positive-inverse-color: var(--luzmo-background-color);--luzmo-selected-color: #afafaf;--luzmo-selected-color-hover: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-down: color-mix(in oklch, var(--luzmo-selected-color), white 35%);--luzmo-selected-color-focus: color-mix(in oklch, var(--luzmo-selected-color), white 20%);--luzmo-selected-color-hard: #e9e9e9;--luzmo-selected-color-hard-hover: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-selected-color-hard-down: color-mix(in oklch, var(--luzmo-selected-color-hard), white 35%);--luzmo-selected-color-hard-focus: color-mix(in oklch, var(--luzmo-selected-color-hard), white 20%);--luzmo-neutral-on-subtle-color: var(--luzmo-selected-color-hard);--luzmo-informative-color: #5c94ff;--luzmo-informative-color-hover: color-mix(in oklch, var(--luzmo-informative-color), white 12%);--luzmo-informative-color-down: color-mix(in oklch, var(--luzmo-informative-color), white 24%);--luzmo-informative-color-focus: var(--luzmo-informative-color-hover);--luzmo-informative-on-subtle-color: color-mix( in oklch, var(--luzmo-informative-color), var(--luzmo-font-color) 36% );--luzmo-informative-color-rgb: 92, 148, 255;--luzmo-informative-inverse-color: var(--luzmo-background-color);--luzmo-notice-color-hover: color-mix(in oklch, var(--luzmo-notice-color), white 12%);--luzmo-notice-color-down: color-mix(in oklch, var(--luzmo-notice-color), white 24%);--luzmo-notice-color-focus: var(--luzmo-notice-color-hover);--luzmo-notice-on-subtle-color: var(--luzmo-notice-color);--luzmo-notice-inverse-color: var(--luzmo-background-color);--luzmo-disabled-color: #75797b}", document.head.appendChild(e);
|
|
22
22
|
}
|
|
23
23
|
})();
|
|
24
|
-
import { t as e } from "../select-
|
|
24
|
+
import { t as e } from "../select-BbFG38ag.js";
|
|
25
25
|
export { e as LuzmoSelect };
|
|
@@ -309,6 +309,10 @@ export declare class LuzmoSelect extends LuzmoSelect_base {
|
|
|
309
309
|
protected get renderDescriptionSlot(): TemplateResult;
|
|
310
310
|
protected setSelectedOptionsFromValue(): void;
|
|
311
311
|
protected renderSearchInput(): TemplateResult;
|
|
312
|
+
/**
|
|
313
|
+
* @internal
|
|
314
|
+
*/
|
|
315
|
+
protected filterOptions(): OptionValue[];
|
|
312
316
|
/**
|
|
313
317
|
* @internal
|
|
314
318
|
*/
|