@luzmo/lucero 2.4.2 → 2.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/action-menu/index.cjs +1 -1
- package/components/action-menu/index.js +1 -1
- package/components/{action-menu-CwzRbF61.cjs → action-menu-BNZWjeDd.cjs} +1 -1
- package/components/{action-menu-C0sHNsjG.js → action-menu-D1hTsg9A.js} +1 -1
- package/components/checkbox/index.cjs +1 -1
- package/components/checkbox/index.js +1 -1
- package/components/{checkbox-BEjvkjfc.js → checkbox-CydI9yXG.js} +1 -1
- package/components/{checkbox-ClVrkeLp.cjs → checkbox-JCvBro0K.cjs} +1 -1
- package/components/index.cjs +1 -1
- package/components/index.js +11 -10
- package/components/match-media-B_0cVVtk.cjs +18 -0
- package/components/match-media-C5X2OZiD.js +34 -0
- package/components/picker/index.cjs +1 -1
- package/components/picker/index.js +1 -1
- package/components/picker-COeWCv60.cjs +124 -0
- package/components/{picker-D0fMBZLb.js → picker-uKcRswTQ.js} +6 -5
- package/components/question-box/index.cjs +1 -1
- package/components/question-box/index.js +1 -1
- package/components/{question-box-D7YSi_6c.js → question-box-Bcm-P-UV.js} +1 -1
- package/components/{question-box-Bdtsgv1k.cjs → question-box-DZnuGMBB.cjs} +1 -1
- package/components/select/index.cjs +1 -1
- package/components/select/index.js +1 -1
- package/components/{select-BUgHi69P.js → select-B86uAHme.js} +5 -4
- package/components/select-CKMCEJf7.cjs +158 -0
- package/components/strategies-Bb7zEjrU.cjs +18 -0
- package/components/{strategies-Cl59wdNZ.js → strategies-COS7mShJ.js} +11 -24
- package/components/table/controllers/table-announcer.d.ts +12 -0
- package/components/table/controllers/table-column-resize.d.ts +41 -0
- package/components/table/controllers/table-grid-navigation.d.ts +28 -0
- package/components/table/controllers/table-layout.d.ts +55 -0
- package/components/table/controllers/table-row-expansion.d.ts +45 -0
- package/components/table/controllers/table-virtualizer.d.ts +42 -0
- package/components/table/index.cjs +18 -0
- package/components/table/index.d.ts +32 -0
- package/components/table/index.js +20 -0
- package/components/table/table-body.d.ts +24 -0
- package/components/table/table-cell.d.ts +27 -0
- package/components/table/table-checkbox-cell.d.ts +41 -0
- package/components/table/table-columns.d.ts +45 -0
- package/components/table/table-disclosure-cell.d.ts +21 -0
- package/components/table/table-head-cell.d.ts +77 -0
- package/components/table/table-head.d.ts +34 -0
- package/components/table/table-model.d.ts +56 -0
- package/components/table/table-row-details.d.ts +29 -0
- package/components/table/table-row.d.ts +64 -0
- package/components/table/table-styles.d.ts +9 -0
- package/components/table/table-templates.d.ts +41 -0
- package/components/table/table.d.ts +197 -0
- package/components/table/types.d.ts +81 -0
- package/components/table-B75GjBhD.js +1592 -0
- package/components/table-CHrAaVU1.cjs +180 -0
- package/custom-elements.json +1 -1
- package/index.d.ts +1 -0
- package/package.json +9 -1
- package/standalone/accordion.js +1 -1
- package/standalone/action-bar.js +1 -1
- package/standalone/action-button.js +1 -1
- package/standalone/action-menu.js +1 -1
- package/standalone/avatar.js +1 -1
- package/standalone/calendar.js +1 -1
- package/standalone/checkbox.js +1 -1
- package/standalone/chunks/{action-button-BzzPBqt5.js → action-button-FSsfXYe9.js} +1 -1
- package/standalone/chunks/{button-Dykw3TSO.js → button-Q1n9DH9a.js} +1 -1
- package/standalone/chunks/{calendar-ZwUYkzVq.js → calendar-DcFjY2tw.js} +1 -1
- package/standalone/chunks/{checkbox-OQtakoP8.js → checkbox-DQ4wPgG_.js} +2 -2
- package/standalone/chunks/{clear-button-pVGfwye8.js → clear-button-3zpCVxG5.js} +1 -1
- package/standalone/chunks/{close-button-RpPiwBdf.js → close-button-C96dazyi.js} +1 -1
- package/standalone/chunks/{color-field-CrCF4kqZ.js → color-field-BFvUGE4L.js} +1 -1
- package/standalone/chunks/{color-menu-B5UOMYmX.js → color-menu-BIKuitbH.js} +2 -2
- package/standalone/chunks/{icon-Dy6J1QeX.js → icon-BypO7M7G.js} +1 -1
- package/standalone/chunks/luzmo-icons-B-pCv-xg.js +13 -0
- package/standalone/chunks/match-media-BMi7j6hf.js +2 -0
- package/standalone/chunks/{menu-nolJetlp.js → menu-DSMoQt1w.js} +1 -1
- package/standalone/chunks/{number-field-C3DYfl1s.js → number-field-B6BDXkL7.js} +3 -3
- package/standalone/chunks/{options-BjRSj630.js → options-CkmITqgV.js} +5 -5
- package/standalone/chunks/picker-FCQK0vdE.js +108 -0
- package/standalone/chunks/{picker-button-BeXTIgUt.js → picker-button-BZWqDoNQ.js} +1 -1
- package/standalone/chunks/{segments-factory-Ch3AAizU.js → segments-factory-eS38mJRz.js} +1 -1
- package/standalone/chunks/strategies-C-vW4MlK.js +2 -0
- package/standalone/chunks/{swatch-m_4GcO2_.js → swatch-CGR_GWqO.js} +1 -1
- package/standalone/chunks/{text-field-BnZtyodU.js → text-field-4OKvLOXG.js} +1 -1
- package/standalone/chunks/{text-field-BrlDeJsx.js → text-field-C2oROxum.js} +1 -1
- package/standalone/clear-button.js +1 -1
- package/standalone/close-button.js +1 -1
- package/standalone/color-field.js +1 -1
- package/standalone/color-menu.js +1 -1
- package/standalone/color-picker.js +1 -1
- package/standalone/date-range-picker.js +1 -1
- package/standalone/date-time-picker.js +1 -1
- package/standalone/icon.js +1 -1
- package/standalone/manifest.json +22 -20
- package/standalone/menu.js +1 -1
- package/standalone/multi-language-field.js +1 -1
- package/standalone/notice.js +1 -1
- package/standalone/number-field.js +1 -1
- package/standalone/options.js +1 -1
- package/standalone/picker-button.js +1 -1
- package/standalone/picker.js +1 -1
- package/standalone/progress-steps.js +1 -1
- package/standalone/prompt-box.js +9 -9
- package/standalone/question-box.js +1 -1
- package/standalone/search.js +1 -1
- package/standalone/select.js +2 -2
- package/standalone/slider.js +1 -1
- package/standalone/swatch.js +1 -1
- package/standalone/table.js +185 -0
- package/standalone/tabs.js +1 -1
- package/standalone/tags.js +1 -1
- package/standalone/text-field.js +1 -1
- package/standalone/toast.js +1 -1
- package/components/picker-BliQJlY_.cjs +0 -124
- package/components/select-DsGVB01K.cjs +0 -158
- package/components/strategies-BwNbUXYS.cjs +0 -18
- package/standalone/chunks/luzmo-icons-CJa-aByT.js +0 -13
- package/standalone/chunks/picker-hbMQOkUX.js +0 -108
- package/standalone/chunks/strategies-kad_0dTB.js +0 -2
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2026 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
require("./tokens.cjs");const e=require("./decorate-Dq34MBGe.cjs"),t=require("./sized-mixin-BT7cv-fT.cjs"),n=require("./focusable-B6h03pAe.cjs");require("./icon-zOPAWCdx.cjs"),require("./popover-BsdqkvKI.cjs");const r=require("./dependency-manger-BSaHw9ju.cjs"),i=require("./strategies-BwNbUXYS.cjs");require("./progress-circle-bO_VAX3N.cjs");const a=require("./pending-state-CGHvTtKR.cjs");require("./overlay-Dn7EbA_W.cjs"),require("./tooltip-DjOW52n2.cjs");const o=require("./options-CP9V2CSJ.cjs");let s=require("lit"),c=require("lit/decorators.js"),l=require("@luzmo/icons"),u=require("lit/directives/if-defined.js"),d=require("lit/directives/class-map.js");var f=(e,t)=>{let n=getComputedStyle(e).getPropertyValue(t);for(;!n&&e.parentElement;)e=e.parentElement,n=getComputedStyle(e).getPropertyValue(t);return n.trim()},p=`:host{font-family:var(--luzmo-select-font-family,var(--select-font-family));font-size:var(--luzmo-select-font-size,var(--select-font-size))}#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-select-font-size,var(--select-font-size));margin-inline-end:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-select-focus-indicator-color:Highlight;--highcontrast-select-border-color-default:ButtonBorder;--highcontrast-select-border-color-hover:Highlight;--highcontrast-select-border-color-disabled:GrayText;--highcontrast-select-content-color-default:ButtonText;--highcontrast-select-content-color-disabled:GrayText;--highcontrast-select-background-color:ButtonFace}#button:focus-visible{--highcontrast-select-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--select-minimum-width-multiplier) * var(--luzmo-select-button-block-size,var(--select-button-block-size)));block-size:var(--luzmo-select-button-block-size,var(--select-button-block-size));border-width:var(--luzmo-select-button-border-width,var(--select-button-border-width));border-radius:var(--luzmo-select-button-border-radius,var(--select-button-border-radius));box-shadow:var(--luzmo-select-button-box-shadow,var(--select-button-box-shadow));transition:background-color var(--luzmo-select-animation-duration,var(--select-animation-duration)), box-shadow var(--luzmo-select-animation-duration,var(--select-animation-duration)), border-color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-style:solid;border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));margin-block-start:var(--luzmo-select-spacing-label-to-select,var(--select-spacing-label-to-select));padding-block:0;padding-inline-start:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));padding-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon,var(--select-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width,var(--select-button-border-width)) * 2);inline-size:calc(100% + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) * 2 + var(--luzmo-select-button-border-width,var(--select-button-border-width)) * 2);border-style:solid;border-width:var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width));border-radius:calc(var(--luzmo-select-button-border-radius,var(--select-button-border-radius)) + var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width,var(--select-button-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width,var(--select-button-border-width))) * -1);margin-inline-start:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) + var(--luzmo-select-button-border-width,var(--select-button-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-active,var(--select-background-color-active)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-active,var(--select-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-active,var(--select-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-key-focus,var(--select-background-color-key-focus)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-key-focus,var(--select-border-color-key-focus)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-key-focus,var(--select-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-select-focus-indicator-color,var(--luzmo-select-focus-indicator-color,var(--select-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-key-focus,var(--select-font-color-key-focus)))}#button:focus-visible .disclosure-icon,#button:focus-visible .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-key-focus,var(--select-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default-open,var(--select-font-color-default-open)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default-open,var(--select-background-color-default-open)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-default-open,var(--select-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled) .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-default-open,var(--select-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-default,var(--select-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-error,var(--select-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-active,var(--select-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-default-open,var(--select-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-error-key-focus,var(--select-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon,:host([pending]) #button .clear-icon{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-icon-color-disabled,var(--select-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-select-font-size,var(--select-font-size));line-height:var(--luzmo-select-button-line-height,var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight,var(--select-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}.label.placeholder{font-weight:var(--luzmo-select-placeholder-font-weight,var(--select-font-weight));font-style:var(--luzmo-select-placeholder-font-style,var(--select-placeholder-font-style));transition:color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-in-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-active,var(--select-font-color-active)))}.clear-icon,.disclosure-icon{vertical-align:top;transition:color var(--luzmo-select-animation-duration,var(--select-animation-duration)) ease-out;color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-default,var(--select-icon-color-default)));flex-shrink:0;display:inline-block;position:relative}.disclosure-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-disclosure-icon,var(--select-spacing-icon-to-disclosure-icon))}.clear-icon{margin-inline-start:var(--luzmo-select-spacing-icon-to-clear-icon,var(--select-spacing-icon-to-clear-icon))}.disclosure-icon:active{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-active,var(--select-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-select-disclosure-icon-size,var(--select-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon,.label~.clear-icon{margin-inline-start:var(--luzmo-select-spacing-text-to-icon,var(--select-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-select-inline-edge-to-content-quiet,var(--select-inline-edge-to-content-quiet));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)));background-color:initial;background-color:var(--highcontrast-select-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-select-spacing-label-to-select-quiet,var(--select-spacing-label-to-select-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-select-spacing-edge-to-disclosure-icon-quiet,var(--select-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-hover,var(--select-font-color-hover)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-hover,var(--select-background-color-hover)));border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-hover,var(--select-border-color-hover)))}#button:hover .disclosure-icon,#button:hover .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-hover,var(--select-icon-color-hover)))}#button:hover .clear-icon:hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-clear-icon-color-hover,var(--select-icon-color-focus)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-hover-open,var(--select-font-color-hover-open)));background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-hover-open,var(--select-background-color-hover-open)));border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-hover-open,var(--select-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon,:host([open]) #button:not(:disabled,.is-disabled):hover .clear-icon{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-icon-color-hover-open,var(--select-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-error-hover,var(--select-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-select-border-color-hover,var(--luzmo-select-border-color-error-hover-open,var(--select-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-hover,var(--select-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-select-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-select-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-select-focus-indicator-width,var(--select-focus-indicator-width)) 0 0 var(--highcontrast-select-focus-indicator-color,var(--luzmo-select-focus-indicator-color,var(--select-focus-indicator-color)));margin:calc((var(--luzmo-select-focus-indicator-gap,var(--select-focus-indicator-gap)) + var(--luzmo-select-button-border-width,var(--select-button-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-select-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-disabled,var(--select-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-select-border-color-disabled,transparent);color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-font-color-disabled,var(--select-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .clear-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .clear-icon,#button:disabled .validation-icon{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-icon-color-disabled,var(--select-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-select-content-color-disabled,var(--luzmo-select-font-color-disabled,var(--select-font-color-disabled)))}#popover{max-width:var(--luzmo-select-popover-max-width,var(--select-popover-max-width));min-width:var(--luzmo-select-popover-min-width,var(--select-popover-min-width));width:var(--luzmo-select-popover-width,var(--select-popover-width))}#popover.search-on{padding:0 0 var(--luzmo-popover-content-area-spacing-vertical,var(--popover-content-area-spacing-vertical)) 0!important}#search-container{border-bottom:var(--luzmo-select-search-container-border-bottom-width,var(--select-search-container-border-bottom-width)) solid var(--luzmo-select-search-container-border-bottom-color,var(--select-search-container-border-bottom-color));flex:none;display:flex;position:relative}#search-icon{left:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));color:var(--luzmo-select-search-icon-color,var(--select-search-icon-color));font-size:var(--luzmo-select-search-icon-height,var(--select-search-icon-height));width:var(--luzmo-select-search-icon-width,var(--select-search-icon-width));text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}#search:focus-within+#search-icon,#search:focus+#search-icon{color:var(--luzmo-select-search-icon-color-focus,var(--select-search-icon-color-focus))}#search{box-sizing:border-box;border-top-left-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));border-top-right-radius:var(--luzmo-popover-border-radius,var(--popover-border-radius));background-color:var(--luzmo-select-search-background-color,var(--select-search-background-color));width:100%;color:var(--luzmo-select-search-color,var(--select-search-color));height:var(--luzmo-select-button-block-size,var(--select-button-block-size));line-height:var(--luzmo-select-button-block-size,var(--select-button-block-size));padding-left:calc(var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content)) + var(--luzmo-select-spacing-search-icon-to-text,var(--select-spacing-search-icon-to-text)) + var(--luzmo-select-search-icon-width,var(--select-search-icon-width)));padding-right:var(--luzmo-select-inline-edge-to-content,var(--select-inline-edge-to-content));font-size:var(--luzmo-select-font-size,var(--select-font-size));font-family:var(--luzmo-select-font-family,var(--select-font-family));line-height:var(--luzmo-select-button-line-height,var(--select-button-line-height));font-weight:var(--luzmo-select-font-weight,var(--select-font-weight));border:var(--luzmo-select-search-input-border-bottom-width,var(--select-search-input-border-bottom-width)) solid var(--luzmo-select-search-input-border-bottom-color,var(--select-search-input-border-bottom-color));outline:none}#no-results{color:var(--luzmo-select-no-results-color,var(--select-no-results-color));font-style:var(--luzmo-select-no-results-font-style,var(--select-no-results-font-style));height:var(--luzmo-select-no-results-height,var(--select-no-results-height));padding-inline:var(--luzmo-select-no-results-spacing-edge-to-text,var(--select-no-results-spacing-edge-to-text));align-items:center;display:flex}:host{--select-popover-max-width:300px;--select-popover-min-width:160px;--select-font-family:var(--luzmo-font-family);--select-font-size:var(--luzmo-font-size);--select-font-weight:var(--luzmo-font-weight);--select-spacing-search-icon-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-search-icon-height:var(--luzmo-font-size);--select-search-icon-width:var(--luzmo-font-size);--select-search-icon-color:var(--luzmo-disabled-color);--select-search-icon-color-focus:var(--luzmo-font-color);--select-search-color:var(--luzmo-font-color);--select-search-background-color:var(--luzmo-background-color);--select-search-container-border-bottom-width:var(--luzmo-border-width);--select-search-container-border-bottom-color:var(--luzmo-border-color);--select-search-input-border-bottom-width:var(--luzmo-border-width);--select-search-input-border-bottom-color:transparent;--select-background-color-default:var(--luzmo-background-color);--select-background-color-default-open:var(--luzmo-background-color-hover);--select-background-color-active:var(--luzmo-background-color-down);--select-background-color-hover:var(--luzmo-background-color-hover);--select-background-color-hover-open:var(--luzmo-background-color-down);--select-background-color-key-focus:var(--luzmo-background-color-down);--select-border-color-default:var(--luzmo-border-color);--select-border-color-default-open:var(--luzmo-border-color-hover);--select-border-color-hover:var(--luzmo-border-color);--select-border-color-hover-open:var(--luzmo-border-color-hover);--select-border-color-active:var(--luzmo-border-color);--select-border-color-key-focus:var(--luzmo-border-color);--select-button-border-width:var(--luzmo-border-width);--select-placeholder-font-style:var(--luzmo-font-style);--select-button-line-height:var(--luzmo-line-height);--select-button-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--select-button-block-size:var(--luzmo-component-height);--select-button-border-radius:var(--luzmo-border-radius);--select-button-border-radius-reset:0;--select-inline-edge-to-content:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-icon-to-clear-icon:var(--select-spacing-icon-to-disclosure-icon);--select-inline-edge-to-content-quiet:0px;--select-spacing-label-to-select:0px;--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon-quiet:0px;--select-animation-duration:var(--luzmo-animation-duration);--select-font-color-default:var(--luzmo-font-color);--select-font-color-default-open:var(--luzmo-font-color-hover);--select-font-color-hover:var(--luzmo-font-color-hover);--select-font-color-hover-open:var(--luzmo-font-color-down);--select-font-color-active:var(--luzmo-font-color-focus);--select-font-color-key-focus:var(--luzmo-font-color-focus);--select-icon-color-default:var(--luzmo-font-color);--select-icon-color-default-open:var(--luzmo-font-color-hover);--select-icon-color-hover:var(--luzmo-font-color-hover);--select-icon-color-hover-open:var(--luzmo-font-color-hover);--select-icon-color-active:var(--luzmo-font-color-focus);--select-icon-color-key-focus:var(--luzmo-font-color-focus);--select-border-color-error-default:var(--luzmo-negative-color);--select-border-color-error-default-open:var(--luzmo-negative-color-down);--select-border-color-error-hover:var(--luzmo-negative-color-hover);--select-border-color-error-hover-open:var(--luzmo-negative-color-down);--select-border-color-error-active:var(--luzmo-negative-color-down);--select-border-color-error-key-focus:var(--luzmo-negative-color-focus);--select-icon-color-error:var(--luzmo-negative-color);--select-background-color-disabled:var(--luzmo-background-color-disabled);--select-font-color-disabled:var(--luzmo-disabled-color);--select-icon-color-disabled:var(--luzmo-disabled-color);--select-focus-indicator-gap:var(--luzmo-indicator-gap);--select-focus-indicator-width:var(--luzmo-indicator-width);--select-focus-indicator-color:var(--luzmo-indicator-color);--select-disclosure-icon-size:var(--luzmo-font-size-s);--select-no-results-height:var(--select-button-block-size);--select-no-results-color:var(--select-font-color-disabled);--select-no-results-font-style:italic;--select-no-results-spacing-edge-to-text:var(--select-inline-edge-to-content)}:host([size=s]){--select-button-block-size:var(--luzmo-component-height-s);--select-font-size:var(--luzmo-font-size-s);--select-search-icon-height:var(--luzmo-font-size-s);--select-search-icon-width:var(--luzmo-font-size-s);--select-popover-max-width:280px;--select-popover-min-width:140px;--select-spacing-search-icon-to-text:var(--luzmo-spacing-3);--select-inline-edge-to-content:var(--luzmo-spacing-3);--select-spacing-text-to-icon:var(--luzmo-spacing-3);--select-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--select-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-3));--select-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--select-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--select-button-block-size:var(--luzmo-component-height-l);--select-font-size:var(--luzmo-font-size-l);--select-search-icon-height:var(--luzmo-font-size-l);--select-search-icon-width:var(--luzmo-font-size-l);--select-popover-max-width:360px;--select-popover-min-width:220px;--select-spacing-search-icon-to-text:var(--luzmo-spacing-4);--select-inline-edge-to-content:var(--luzmo-spacing-4);--select-spacing-text-to-icon:var(--luzmo-spacing-4);--select-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--select-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-4));--select-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--select-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--select-button-block-size:var(--luzmo-component-height-xl);--select-font-size:var(--luzmo-font-size-xl);--select-search-icon-height:var(--luzmo-font-size-xl);--select-search-icon-width:var(--luzmo-font-size-xl);--select-popover-max-width:400px;--select-popover-min-width:260px;--select-spacing-search-icon-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-inline-edge-to-content:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-label-to-select-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--select-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-option[selected]){--option-highlight-label-content-color:var(--luzmo-primary-inverse-color);--option-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-option-highlight-label-background-color,var(--option-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-option-label-inline-edge-to-content,var(--option-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-select-inline-size,var(--select-inline-size));min-inline-size:calc(var(--select-minimum-width-multiplier) * var(--luzmo-select-block-size,var(--select-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-options{pointer-events:initial}:host>#no-results,:host>luzmo-options{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--select-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-select-background-color,var(--luzmo-select-background-color-default,var(--select-background-color-default)));border-color:var(--highcontrast-select-border-color-default,var(--luzmo-select-border-color-default,var(--select-border-color-default)));color:var(--highcontrast-select-content-color-default,var(--luzmo-select-font-color-default,var(--select-font-color-default)))}`,m=()=>s.html`
|
|
19
|
-
<div class="disclosure-icon icon">
|
|
20
|
-
${(0,l.luzmoIcon)(l.luzmoAngleDown,{className:`indicator`})}
|
|
21
|
-
</div>
|
|
22
|
-
`,h=()=>s.html`
|
|
23
|
-
<div class="icon-container validation-icon icon">
|
|
24
|
-
${(0,l.luzmoIcon)(l.luzmoAlert)}
|
|
25
|
-
</div>
|
|
26
|
-
`,g=()=>s.html`
|
|
27
|
-
<div class="icon-container search-icon icon" id="search-icon">
|
|
28
|
-
${(0,l.luzmoIcon)(l.luzmoSearch)}
|
|
29
|
-
</div>
|
|
30
|
-
`,_=`select-option-menu`,v=class extends t.n(n.t,{noDefaultSize:!0}){static get styles(){return[(0,s.unsafeCSS)(p)]}get selfManageFocusElement(){return this._selfManageFocusElement}constructor(){super(),this.disabled=!1,this.focused=!1,this.variant=`checkmarks`,this.emphasized=!1,this.invalid=!1,this.search=`auto`,this.noWrap=!1,this.retrieving=!1,this.pending=!1,this.clearable=!1,this.hideDropdownIcon=!1,this.pendingLabel=`Pending`,this.searchLabel=`Search`,this.noResultsLabel=`No results`,this.noDataLabel=`No data`,this.multipleLabelTemplate=`Selected {count} items`,this.label=`Select`,this.open=!1,this.readonly=!1,this.placement=`bottom-end`,this.quiet=!1,this.value=[],this.options=[],this.selects=`multiple`,this.dependencyManager=new r.t(this),this.isMobile=new i.i(this,i.n),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.selectionPromise=Promise.resolve(),this.enterKeydownOn=null,this._selectedOptions=[],this.handleSlottableRequest=e=>{},this.renderAngleIcon=()=>m(),this.renderAlertIcon=()=>h(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{if(e.code===`Enter`){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})}},this.clearValue=e=>{e.preventDefault(),e.stopPropagation(),this.value=[],this.strategy&&(this.strategy.preventNextToggle=`no`),this.open=!1,this.strategy&&(this.strategy.open=!1),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{let{code:t}=e;if(t===`Escape`){this.handleEscape(e);return}if([`Delete`,`Backspace`].includes(t)){this.clearValue(e);return}if(this.focused=!0,!(!t.startsWith(`Arrow`)||this.readonly||this.pending)){if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}if(e.preventDefault(),this.selects===`single`){let e=t===`ArrowRight`?1:-1,n=this.options.findIndex(e=>e?.value?.toString()===this.value?.[0]?.toString()),r=(this.options.length+n+e)%this.options.length,i=this.options.length;for(;(this.options?.[r]?.disabled||o.r(this.options?.[r]))&&i;)--i,r=(this.options.length+r+e)%this.options.length;let a=this.options[r];if(a?.disabled||o.r(a))return;this.value=[a.value??null],this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}}},this.pendingStateController=new a.t(this)}get focusElement(){return this.open?this.search===`on`||this.search===`auto`&&this.options?.length>20?this.searchInput:this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){let t=e?.detail?.value??[];JSON.stringify(this.value)!==JSON.stringify(t)&&(this.value=t),this.strategy&&(this.strategy.preventNextToggle=`no`),e.stopPropagation(),(!e.cancelable||this.selects===`single`)&&(this.open=!1,this.strategy&&(this.strategy.open=!1)),e.preventDefault(),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:{value:this.value??[]}}))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new i.t.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}get labelTemplate(){let e=this._selectedOptions?.length===1&&this._selectedOptions[0]?.icon,t=s.html`<div
|
|
31
|
-
id="icon"
|
|
32
|
-
?hidden=${typeof this.icons==`string`||this.value?.length>1||!e}
|
|
33
|
-
>
|
|
34
|
-
${e?(0,l.luzmoIcon)(this._selectedOptions[0].icon):s.nothing}
|
|
35
|
-
</div>`,n=e=>e.replaceAll(/{([^}]+)}/g,(e,t)=>t===`count`?String(this.value?.length):e),r={"visually-hidden":this.icons===`only`&&this.value?.length>0,placeholder:!this.value?.length,label:!0},i;i=this.value?.length?this.value.length===1?s.html`<span
|
|
36
|
-
>${this._selectedOptions?.[0]?.shortLabel??this._selectedOptions?.[0]?.label??this.value?.[0]}</span
|
|
37
|
-
>`:s.html`<span
|
|
38
|
-
>${n(this.multipleLabelTemplate)}</span
|
|
39
|
-
>`:s.html`
|
|
40
|
-
<slot name="label" id="label">
|
|
41
|
-
<span aria-hidden="true"> ${this.label} </span>
|
|
42
|
-
</slot>
|
|
43
|
-
`;let a=this.value?.length?s.html`
|
|
44
|
-
<div aria-hidden="true" class="visually-hidden" id="applied-label">
|
|
45
|
-
${this.label}
|
|
46
|
-
<slot name="label"></slot>
|
|
47
|
-
</div>
|
|
48
|
-
`:s.html` <span hidden id="applied-label">${this.label}</span> `;return[s.html`
|
|
49
|
-
${this.value?.length===1?t:s.nothing}
|
|
50
|
-
<div
|
|
51
|
-
id=${(0,u.ifDefined)(this.value?.length?`label`:void 0)}
|
|
52
|
-
class=${(0,d.classMap)(r)}
|
|
53
|
-
>
|
|
54
|
-
${i}
|
|
55
|
-
</div>
|
|
56
|
-
${a}
|
|
57
|
-
${this.invalid&&!this.pending?s.html` ${this.renderAlertIcon()} `:s.nothing}
|
|
58
|
-
${this.pendingStateController.renderPendingState()}
|
|
59
|
-
${this.clearable&&!this.readonly&&this.value?.length>0?s.html`
|
|
60
|
-
<div class="icon-container clear-icon icon" @click=${this.clearValue}>
|
|
61
|
-
${(0,l.luzmoIcon)(l.luzmoClose14)}
|
|
62
|
-
</div>
|
|
63
|
-
`:s.nothing}
|
|
64
|
-
${this.readonly||this.hideDropdownIcon?s.nothing:this.renderAngleIcon()}
|
|
65
|
-
<slot
|
|
66
|
-
aria-hidden="true"
|
|
67
|
-
name="tooltip"
|
|
68
|
-
id="tooltip"
|
|
69
|
-
@slotchange=${this.handleTooltipSlotchange}
|
|
70
|
-
></slot>
|
|
71
|
-
`]}update(e){e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}willUpdate(e){let t=e.has(`open`),n=e.has(`value`),r=e.has(`options`),i=e.has(`selects`),a=e.get(`open`);i&&this.selects===`single`&&this.value?.length>1&&(console.warn(`luzmo-select is being set to a single value given the selects property changed to 'single'`),this.value=this.value.slice(0,1)),t&&a===!1&&this.open&&this.searchString&&(this.searchString=``),(n||r)&&this.setSelectedOptionsFromValue()}updated(e){super.updated(e);let t=e.has(`options`),n=e.has(`open`),r=e.has(`placement`);if(n&&(this.strategy.open=this.open,this.open===!1&&this.optionsMenu.scrollToTop()),t){let e=this.options?.length??0;for(let t of this.options??[])t.children?.length&&(e+=t.children.length);if(e>25){let e=(e,t=e.label)=>(t?.length??0)+(e.children?.length?0:e.shortcut?.length??0),t=this.options[0];for(let n of this.options)e(n)>e(t)&&(t=n);for(let n of this.options)if(n.children?.length)for(let r of n.children){let i=`${n.label} (${r.label})`;e(r,i)>e(t)&&(t={...r,label:i})}this._estimatePopoverWidth(t)}else this.style.removeProperty(`--select-popover-width`)}this.strategy?.overlay&&(this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`),(r||this.strategy.overlay.type===`auto`)&&(this.strategy.overlay.placement=this.placement))}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}_getCssVarInPixels(e){let t=f(this,e),n;if(t.endsWith(`rem`)){let e=Number.parseFloat(getComputedStyle(document.documentElement).fontSize);n=Number.parseFloat(t)*e}else if(t.endsWith(`em`)){let e=Number.parseFloat(getComputedStyle(this).fontSize);n=Number.parseFloat(t)*e}else n=Number.parseFloat(t);return n>=0?n:void 0}_estimatePopoverWidth(e){let t=this._getCssVarInPixels(`--luzmo-select-font-size`)??this._getCssVarInPixels(`--select-font-size`),n=this._getCssVarInPixels(`--luzmo-select-popover-min-width`)??this._getCssVarInPixels(`--select-popover-min-width`),r=this._getCssVarInPixels(`--luzmo-spacing-5`),i=document.createElement(`luzmo-options`);i.style.setProperty(`--luzmo-select-font-size`,`${t}px`),i.options=[e],i.value=[e.value??null],i.variant=this.variant,i.size=this.size,i.style.position=`absolute`,i.style.left=`-9999px`,i.style.top=`-9999px`,i.style.opacity=`0`,i.style.width=`auto`,document.body.append(i),i.updateComplete.then(()=>{let e=i.offsetWidth+(r??0);return e>(n??0)?this.style.setProperty(`--select-popover-width`,`${e}px`):this.style.removeProperty(`--select-popover-width`),i.remove(),e}).catch(e=>{console.error(e),i.remove()})}get dismissHelper(){return s.html`
|
|
72
|
-
<div class="visually-hidden">
|
|
73
|
-
<button
|
|
74
|
-
tabindex="-1"
|
|
75
|
-
aria-label="Dismiss"
|
|
76
|
-
@click=${this.close}
|
|
77
|
-
></button>
|
|
78
|
-
</div>
|
|
79
|
-
`}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),s.html`
|
|
80
|
-
<span
|
|
81
|
-
id="focus-helper"
|
|
82
|
-
tabindex=${this.focused||this.open?`-1`:`0`}
|
|
83
|
-
@focus=${this.handleHelperFocus}
|
|
84
|
-
aria-describedby=${_}
|
|
85
|
-
></span>
|
|
86
|
-
<button
|
|
87
|
-
aria-controls=${(0,u.ifDefined)(this.open?`menu`:void 0)}
|
|
88
|
-
aria-describedby="tooltip"
|
|
89
|
-
aria-expanded=${this.open?`true`:`false`}
|
|
90
|
-
aria-haspopup="true"
|
|
91
|
-
aria-labelledby="loader icon label applied-label"
|
|
92
|
-
id="button"
|
|
93
|
-
class=${(0,u.ifDefined)(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
|
|
94
|
-
@blur=${this.handleButtonBlur}
|
|
95
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
96
|
-
?disabled=${this.disabled}
|
|
97
|
-
tabindex="-1"
|
|
98
|
-
>
|
|
99
|
-
${this.labelTemplate}
|
|
100
|
-
</button>
|
|
101
|
-
${this.renderMenu} ${this.renderDescriptionSlot}
|
|
102
|
-
`}get renderDescriptionSlot(){return s.html`
|
|
103
|
-
<div id=${_}>
|
|
104
|
-
<slot name="description"></slot>
|
|
105
|
-
</div>
|
|
106
|
-
`}setSelectedOptionsFromValue(){let e=[];for(let t of this.options){let n=t?.value;!t.children?.length&&this.value?.includes(n??null)&&e.push(t);for(let n of t.children??[]){let r=n?.value;this.value?.includes(r??null)&&e.push({...n,label:`${t.label} (${n.label})`})}}this._selectedOptions=e}renderSearchInput(){return s.html`
|
|
107
|
-
<div id="search-container">
|
|
108
|
-
<input
|
|
109
|
-
type="text"
|
|
110
|
-
id="search"
|
|
111
|
-
.placeholder=${this.searchLabel}
|
|
112
|
-
@input=${this.handleSearchInput}
|
|
113
|
-
@keydown=${this.handleSearchKeydown}
|
|
114
|
-
.value=${this.searchString??``}
|
|
115
|
-
.aria-label=${this.searchLabel}
|
|
116
|
-
autocomplete="off"
|
|
117
|
-
tabindex="0"
|
|
118
|
-
role="searchbox"
|
|
119
|
-
/>
|
|
120
|
-
${g()}
|
|
121
|
-
</div>
|
|
122
|
-
`}filterOptions(){let e=this.searchString?.toLowerCase()??``,t=this.options.filter(t=>o.r(t)?!0:!!(typeof t==`string`?t:t?.label)?.toString()?.toLowerCase()?.includes(e));if(!e)return t;let n=t.filter((e,n)=>{if(!o.r(e))return!0;for(let e of t.slice(n+1)){if(e?.header)return!1;if(!o.r(e))return!0}return!1});return n.filter((e,t)=>!e?.divider||t>0&&!n[t-1]?.divider)}get renderMenu(){let e=this.filterOptions(),t=e.some(e=>!o.r(e)),n=s.html`
|
|
123
|
-
<luzmo-options
|
|
124
|
-
.variant=${this.variant}
|
|
125
|
-
aria-labelledby="applied-label"
|
|
126
|
-
id="menu"
|
|
127
|
-
?emphasized=${this.emphasized}
|
|
128
|
-
.selects=${this.selects??`multiple`}
|
|
129
|
-
.options=${e}
|
|
130
|
-
.value=${this.value}
|
|
131
|
-
.optionIconRenderer=${this.optionIconRenderer}
|
|
132
|
-
?pending=${this.retrieving}
|
|
133
|
-
?no-wrap=${this.noWrap}
|
|
134
|
-
@change=${this.handleChange}
|
|
135
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
136
|
-
@luzmo-scrolled=${this.handleScrolled}
|
|
137
|
-
@luzmo-exceeded-top=${this.handleExceededTop}
|
|
138
|
-
role=${this.listRole}
|
|
139
|
-
size=${this.size}
|
|
140
|
-
tabindex="0"
|
|
141
|
-
>
|
|
142
|
-
</luzmo-options>
|
|
143
|
-
${!t&&!this.retrieving&&!this.pending?s.html`<div id="no-results">
|
|
144
|
-
${this.searchString?this.noResultsLabel:this.noDataLabel}
|
|
145
|
-
</div>`:s.nothing}
|
|
146
|
-
`;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(n)):n}renderOverlay(e){return this.strategy?.overlay===void 0?e:((0,s.render)(this.renderContainer(e),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`))}renderContainer(e){let t=this.search===`on`||this.searchString&&this.searchString?.length>0||this.search===`auto`&&this.options?.length>20,n=s.html`
|
|
147
|
-
${t?this.renderSearchInput():s.nothing} ${this.dismissHelper} ${e} ${this.dismissHelper}
|
|
148
|
-
`;return s.html`
|
|
149
|
-
<luzmo-popover
|
|
150
|
-
class=${(0,u.ifDefined)(t?`search-on`:void 0)}
|
|
151
|
-
id="popover"
|
|
152
|
-
size=${this.size}
|
|
153
|
-
role="presentation"
|
|
154
|
-
placement=${this.placement}
|
|
155
|
-
>
|
|
156
|
-
${n}
|
|
157
|
-
</luzmo-popover>
|
|
158
|
-
`}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,this.overlayElement&&await this.overlayElement.updateComplete,e}handleScrolled(e){e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent(`luzmo-scrolled`,{bubbles:!0,composed:!0,cancelable:!0,detail:{first:e?.detail?.first,last:e?.detail?.last}}))}handleExceededTop(e){e.preventDefault(),e.stopPropagation(),this.searchInput?this.searchInput.focus():this.toggle(!1)}handleSearchInput(e){let t=e.target.value;t!==this.searchString&&(this.searchString=t,this.dispatchEvent(new CustomEvent(`luzmo-search`,{bubbles:!0,composed:!0,cancelable:!0,detail:{string:this.searchString}})))}handleSearchKeydown(e){if(e.code===`Escape`){this.searchString?this.searchString=``:this.handleEscape(e);return}if(e.code===`ArrowDown`){this.optionsMenu.focus(),e.preventDefault(),e.stopPropagation();return}else if(e.code===`ArrowUp`){this.toggle(!1);return}}};e.t([(0,c.query)(`#button`)],v.prototype,`button`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`disabled`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`focused`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],v.prototype,`icons`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],v.prototype,`variant`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`emphasized`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`invalid`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],v.prototype,`search`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`no-wrap`})],v.prototype,`noWrap`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`retrieving`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`pending`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`clearable`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0,attribute:`hide-dropdown-icon`})],v.prototype,`hideDropdownIcon`,void 0),e.t([(0,c.property)({type:String,attribute:`pending-label`})],v.prototype,`pendingLabel`,void 0),e.t([(0,c.property)({type:String,attribute:`search-label`})],v.prototype,`searchLabel`,void 0),e.t([(0,c.property)({type:String,attribute:`no-results-label`})],v.prototype,`noResultsLabel`,void 0),e.t([(0,c.property)({type:String,attribute:`no-data-label`})],v.prototype,`noDataLabel`,void 0),e.t([(0,c.property)({type:String,attribute:`multiple-label-template`,reflect:!0})],v.prototype,`multipleLabelTemplate`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],v.prototype,`label`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`open`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`readonly`,void 0),e.t([(0,c.state)()],v.prototype,`labelAlignment`,void 0),e.t([(0,c.state)()],v.prototype,`displayLabelContent`,void 0),e.t([(0,c.state)()],v.prototype,`searchString`,void 0),e.t([(0,c.query)(`luzmo-options`)],v.prototype,`optionsMenu`,void 0),e.t([(0,c.query)(`#search`)],v.prototype,`searchInput`,void 0),e.t([(0,c.query)(`luzmo-overlay`)],v.prototype,`overlayElement`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],v.prototype,`placement`,void 0),e.t([(0,c.property)({type:Boolean,reflect:!0})],v.prototype,`quiet`,void 0),e.t([(0,c.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])},converter:{fromAttribute:e=>{if(!e||e===``)return[];try{return JSON.parse(e)}catch{return[]}},toAttribute:e=>JSON.stringify(e)}})],v.prototype,`value`,void 0),e.t([(0,c.property)({type:Array,hasChanged(e,t){return JSON.stringify(e??[])!==JSON.stringify(t??[])}})],v.prototype,`options`,void 0),e.t([(0,c.property)({attribute:!1})],v.prototype,`optionIconRenderer`,void 0),e.t([(0,c.property)({type:String,reflect:!0})],v.prototype,`selects`,void 0),customElements.get(`luzmo-select`)||customElements.define(`luzmo-select`,v),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/*! * Lucero - The design system for Luzmo.
|
|
2
|
-
*
|
|
3
|
-
* Copyright © 2026 Luzmo
|
|
4
|
-
* All rights reserved.
|
|
5
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
-
*
|
|
10
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
-
* SOFTWARE.
|
|
17
|
-
* */
|
|
18
|
-
const e=require("./platform-BAjeJp2W.cjs");var t=`(max-width: 743px) and (hover: none) and (pointer: coarse)`,n=`(hover: none) and (pointer: coarse)`,r=class{constructor(e,t){this.key=Symbol(`match-media-key`),this.matches=!1,this.host=e,this.host.addController(this),typeof window>`u`?this.matches=!1:(this.media=window.matchMedia(t),this.matches=this.media.matches),this.onChange=this.onChange.bind(this),e.addController(this)}hostConnected(){this.media?.addEventListener(`change`,this.onChange)}hostDisconnected(){this.media?.removeEventListener(`change`,this.onChange)}onChange(e){this.matches!==e.matches&&(this.matches=e.matches,this.host.requestUpdate(this.key,!this.matches))}},i=function(e){return e[e.desktop=0]=`desktop`,e[e.mobile=1]=`mobile`,e}({}),a=`remove-focus-ring-safari-hack`,o=class{get activelyOpening(){return!1}get open(){return this._open}set open(e){if(this._open!==e){if(this._open=e,this.overlay){this.host.open=e;return}Promise.resolve().then(()=>require("./overlay/index.cjs")).then(()=>{this.overlay=document.createElement(`luzmo-overlay`),this.host.open=!0,this.host.requestUpdate()})}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this._overlay=e,this.initOverlay())}constructor(e,t){this.target=e,this.host=t,this.listenersBound=!1,this.preventNextToggle=`no`,this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=e,this.host=t,this.host.addController(this),this.init()}releaseDescription(){}handleBeforetoggle(e){e.composedPath()[0]===e.target&&(e.newState===`closed`&&(this.preventNextToggle===`no`?this.open=!1:this.pointerdownState||this.overlay?.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),typeof this.host.optionsMenu?.closeDescendentOverlays==`function`&&this.host.optionsMenu.closeDescendentOverlays()))}initOverlay(){this.overlay&&(this.overlay.addEventListener(`beforetoggle`,e=>{this.handleBeforetoggle(e)}),this.overlay.type=this.host.isMobile.matches?`modal`:`auto`,this.overlay.triggerElement=this.host,this.overlay.placement=this.host.isMobile.matches?void 0:this.host.placement,this.overlay.receivesFocus=`true`,this.overlay.willPreventClose=this.preventNextToggle!==`no`&&this.open,this.overlay.addEventListener(`slottable-request`,this.host.handleSlottableRequest))}handlePointerdown(e){}handleButtonFocus(e){this.preventNextToggle===`maybe`&&e.relatedTarget===this.host.optionsMenu&&(this.preventNextToggle=`yes`)}handleActivate(e){}init(){}abort(){this.releaseDescription(),this.abortController?.abort(),this.listenersBound=!1}hostConnected(){this.init()}hostDisconnected(){this.abort()}hostUpdated(){this.overlay&&this.host.dependencyManager.loaded&&this.host.open!==this.overlay.open&&(this.overlay.willPreventClose=this.preventNextToggle!==`no`,this.overlay.open=this.host.open)}},s={desktop:class extends o{constructor(...e){super(...e),this.type=i.desktop}handlePointerdown(e){if(e.target.closest(`.clear-icon`)||e.button!==0||e.pointerType===`touch`)return;this.pointerdownState=this.open,this.preventNextToggle=`maybe`;let t=0,n=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>{document.removeEventListener(`pointerup`,n),document.removeEventListener(`pointercancel`,n),this.target.removeEventListener(`click`,n),requestAnimationFrame(()=>{this.preventNextToggle=`no`})})};document.addEventListener(`pointerup`,n),document.addEventListener(`pointercancel`,n),this.target.addEventListener(`click`,n),this.handleActivate()}handleActivate(e){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!==`yes`&&(e?.type===`click`&&this.open!==this.pointerdownState||this.host.toggle())}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleActivate(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focus`,e=>this.handleButtonFocus(e),{signal:e}),this.listenersBound=!0}},mobile:class extends o{constructor(...e){super(...e),this.type=i.mobile}handleClick(e){e.target.closest(`.clear-button`)&&(this.preventNextToggle===`no`&&(this.open=!this.open),this.preventNextToggle=`no`)}handlePointerdown(t){t.target.closest(`.clear-button`)&&(this.preventNextToggle=this.open?`yes`:`no`,e.u()&&this.target.classList.add(a))}handleFocusOut(){this.host.open||e.u()&&this.target.classList.contains(`remove-focus-ring-safari-hack`)&&this.target.classList.remove(a)}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleClick(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focusout`,()=>this.handleFocusOut(),{signal:e}),this.listenersBound=!0}}};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import{u as e}from"./lit-BN_lRQbJ.js";var t={icon:[32,32,`m 24.70005,9.3 -9,-9 a 1,1 0 0 0 -1.4,0 l -9,9 c -1,1 0.5,2.3 1.4,1.4 l 7.3,-7.3 V 31 c 0,1.3 2,1.3 2,0 V 3.4 l 7.3,7.3 c 1,1 2.3,-0.5 1.4,-1.4 z`],name:`arrow-up`},n={icon:[20,32,`m17.8 12.7-7 8a1 1 0 0 1-1.6 0l-7-8c-.8-1 .7-2.3 1.6-1.4l6.2 7.2 6.2-7.2c1-1 2.4.4 1.6 1.4z`],name:`angle-down`},r={icon:[20,32,`m17.8 19.3-7-8a1 1 0 0 0-1.6 0l-7 8c-.8 1 .7 2.3 1.6 1.4l6.2-7.2 6.2 7.2c1 1 2.4-.4 1.6-1.4z`],name:`angle-up`},i={icon:[14,32,`m3.7 8.2 8 7a1 1 0 0 1 0 1.6l-8 7c-1 .8-2.3-.7-1.4-1.6L9.5 16 2.3 9.8c-1-1 .4-2.4 1.4-1.6z`],name:`angle-right`},a={icon:[14,32,`m10.3 8.2-8 7a1 1 0 0 0 0 1.6l8 7c1 .8 2.3-.7 1.4-1.6L4.5 16l7.2-6.2c1-1-.4-2.4-1.4-1.6Z`],name:`angle-left`},o={icon:[24,24,`m6 6 16 16M3.3 4.7l7.3 7.3-7.3 7.3c-1 1 .5 2.3 1.4 1.4l7.3-7.3 7.3 7.3c1 1 2.3-.5 1.4-1.4L13.4 12l7.3-7.3c1-1-.5-2.3-1.4-1.4L12 10.6 4.7 3.3c-.9-1-2.3.5-1.4 1.4Z`],name:`close-12`},s={icon:[28,28,`m6 6 16 16M5.3 6.7l7.3 7.3-7.3 7.3c-1 1 .5 2.3 1.4 1.4l7.3-7.3 7.3 7.3c1 1 2.3-.5 1.4-1.4L15.4 14l7.3-7.3c1-1-.5-2.3-1.4-1.4L14 12.6 6.7 5.3c-.9-1-2.3.5-1.4 1.4Z`],name:`close-14`},c={icon:[32,32,`m6 6 16 16M5.3 6.7l9.3 9.3-9.3 9.3c-1 1 .5 2.3 1.4 1.4l9.3-9.3 9.3 9.3c1 1 2.3-.5 1.4-1.4L17.4 16l9.3-9.3c1-1-.5-2.3-1.4-1.4L16 14.6 6.7 5.3c-.9-1-2.3.5-1.4 1.4Z`],name:`close-16`},l={icon:[32,32,`M30 4a3 3 0 0 0-4 0L12 21l-6-6a3 3 0 0 0-4 0 3 3 0 0 0 0 4l8 9a3 3 0 0 0 4 0L30 8a3 3 0 0 0 0-4z`],name:`check`},u={icon:[32,32,`M7 13a3 3 0 1 0 0 6h18a3 3 0 1 0 0-6H7z`],name:`dash`},d={icon:[32,32,`M13.1 2.05.53 26.55C-.799 29.138.63 32 4.43 32H27.6c3.8 0 5.23-2.864 3.9-5.45L18.9 2.05c-1.42-2.74-4.438-2.685-5.8 0zm4.4 7.45v10c0 1.961-3 1.961-3 0v-10c0-1.961 3-1.961 3 0zM18 26c0 2.615-4 2.615-4 0s4-2.615 4 0z`],name:`alert`},f={icon:[32,32,`M13.1 2.05.53 26.55C-.797 29.136.63 32 4.43 32H27.6c3.8 0 5.23-2.865 3.9-5.45L18.9 2.05c-1.423-2.745-4.437-2.686-5.8 0zm4 .9 12.6 24.5c.72 1.43.04 2.55-2.1 2.55H4.43c-2.14 0-2.82-1.12-2.1-2.55L14.9 2.95c.614-1.268 1.586-1.268 2.2 0zM15 11v10c0 1.3 2 1.3 2 0V11c0-1.305-2-1.305-2 0zm-.5 14.5c0 1.961 3 1.961 3 0s-3-1.961-3 0z`],name:`alert-outline`},p={icon:[32,32,`M 6 14 A 2 2 0 0 0 4 16 A 2 2 0 0 0 6 18 A 2 2 0 0 0 8 16 A 2 2 0 0 0 6 14 z M 16 14 A 2 2 0 0 0 14 16 A 2 2 0 0 0 16 18 A 2 2 0 0 0 18 16 A 2 2 0 0 0 16 14 z M 26 14 A 2 2 0 0 0 24 16 A 2 2 0 0 0 26 18 A 2 2 0 0 0 28 16 A 2 2 0 0 0 26 14 z`],name:`ellipsis-horizontal`},m={icon:[32,32,`m16 19.8c-3.3 0-6.5 0.7-9.2 2.2-2.6 1.5-4.6 3.9-4.8 7a1 1 0 0 0 0.9 1.1 1 1 0 0 0 1.1-0.9C4.2 26.7 5.6 24.9 7.8 23.7 10 22.4 13 21.8 16 21.8c3 0 6 0.7 8.2 1.9 2.2 1.3 3.6 3 3.8 5.4a1 1 0 0 0 1.1 0.9 1 1 0 0 0 0.9-1.1C29.7 25.8 27.8 23.4 25.2 21.9 22.5 20.5 19.3 19.8 16 19.8ZM16 2c-4.4 0-8 3.6-8 8 0 4.4 3.6 8 8 8 4.4 0 8-3.6 8-8 0-4.4-3.6-8-8-8zm0 2c3.3 0 6 2.7 6 6 0 3.3-2.7 6-6 6-3.3 0-6-2.7-6-6 0-3.3 2.7-6 6-6z`],name:`user`},h={icon:[32,32,`M16 0C7.2 0 0 7.2 0 16 0 24.8 7.2 32 16 32 24.8 32 32 24.8 32 16 32 7.2 24.8 0 16 0zM16 2C20.9 2 25.2 4.5 27.7 8.4 27.1 8.9 26.5 9.7 26 10 25.1 10.6 25.3 12 25 13 24.7 14 25.7 15 26 16 26.5 17.4 28.5 17.3 29.9 17.9 29 24.1 24.2 28.9 18 29.8 18.7 27.9 18.5 25.5 20 24 20.7 23.3 22 22.9 22 22 22 21.3 22.4 20.4 21.9 19.9L20 18 15 18C14.3 17.3 13.7 16.4 12.9 15.9 12.2 15.6 10.5 15.5 11 15 11.7 14.3 12.1 13.2 13 13 13.4 12.9 14 13.3 14 12.6 14 12.1 13.6 11.3 14.1 10.9 14.4 10.7 14.6 10 15.1 10 15.5 10 16 10.1 16.3 9.7 16.6 9.3 17 9.1 17 8.6 17 7.4 17.7 6 17 5L14.8 2.1C15.2 2 15.6 2 16 2zM2.6 12C3.5 13.9 4.2 16.1 6 17 8 18 12 17.8 12 20 12 21.4 11.4 22.9 12 24.1 12.4 24.7 12.7 25.5 13.2 26.2 13.4 26.5 14 26.7 14 27.1 14 27.8 13.7 28.9 13.5 29.8 7 28.6 2 22.9 2 16 2 14.6 2.2 13.3 2.6 12z`],name:`globe`},g={icon:[32,32,`M16 0a16 16 0 1 0 0 32 16 16 0 0 0 0-32Zm0 2a14 14 0 0 1 14 14 14 14 0 0 1-14 14A14 14 0 0 1 2 16 14 14 0 0 1 16 2Zm0 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3ZM15 15v9c0 1.3 2 1.3 2 0v-9c0-1.3-2-1.3-2 0z`],name:`info-circle-outline`},_={icon:[32,32,`M31.4 2a1 1 0 0 0-1.1.3l-28 28A1 1 0 0 0 3 32h28c.6 0 1-.4 1-1V3a1 1 0 0 0-.6-1Z`],name:`corner-triangle`},v={icon:[28,32,`m18 1c0 2 0 3.51 0.13 4.74 0.14 1.22 0.43 2.24 1.16 2.97 0.74 0.74 1.75 1.03 2.97 1.16C23.49 10 25 10 27 10V8C25 8 23.51 8 22.49 7.88 21.46 7.77 20.97 7.56 20.71 7.29 20.44 7.03 20.23 6.54 20.12 5.51 20 4.49 20 3 20 1Zm3.62 17.26c-0.84-0.83-3.44-0.57-4.61-0.42-1.32-0.8-2.2-1.9-2.82-3.54 0.27-1.12 0.75-2.95 0.4-4.06-0.28-1.76-2.48-1.54-2.79-0.42-0.31 1.14-0.02 2.77 0.53 4.86-0.74 1.78-1.86 4.18-2.63 5.54-1.3 0.67-3.38 1.83-3.67 3.28-0.22 1.05 1.43 2.46 3.32 0.4 0.57-0.62 1.21-1.55 1.96-2.84 1.67-0.55 3.51-1.24 5.13-1.5 1.37 0.75 2.98 1.24 4.04 1.24 1.73 0.01 1.81-1.89 1.16-2.54zm-14.32 5.56c0.37-0.99 1.79-2.15 2.22-2.55-1.38 2.21-2.22 2.59-2.22 2.55zm5.95-13.89c0.54 0 0.49 2.34 0.13 2.97-0.32-1.02-0.31-2.97-0.13-2.97zm-1.77 9.96c0.71-1.24 1.31-2.7 1.8-3.98 0.61 1.11 1.38 1.98 2.19 2.59-1.52 0.29-2.84 0.94-3.99 1.39zm9.59-0.37c0 0-0.36 0.44-2.72-0.57 2.56-0.19 2.98 0.4 2.72 0.57zM4 0C1.8 0.02 0 1.8 0 4v24c0 2.2 1.8 4 4 4h20c2.2 0 4-1.8 4-4V8C28 5.8 22.22-0.13 20.02-0.11ZM4 2 20.02 1.89C21.12 1.88 26 6.9 26 8v20c0 1.1-0.9 2-2 2H4C2.9 30 2 29.1 2 28V4C2 2.9 2.9 2.01 4 2Z`],name:`file-pdf`},y={icon:[28,32,`M20-.1 4 0a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8c0-2.2-5.8-8.1-8-8.1m-2 2 .1 3.8q.2 2 1.2 3t3 1.2H26V28a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4q.2-1.8 2-2zm2 0c1.1 0 6 5 6 6h-3.5q-1.4-.2-1.8-.6t-.6-1.8zM5 14s-1 0-1 1v12s0 1 1 1h18s1 0 1-1V15s0-1-1-1zm1 2h4v4H6zm6 0h4v4h-4zm6 0h4v4h-4zM6 22h4v4H6zm6 0h4v4h-4zm6 0h4v4h-4z`],name:`file-excel`},b={icon:[28,32,`M20-.1 4 0a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8c0-2.2-5.8-8.1-8-8.1m-2 2 .1 3.8q.1 2 1.2 3t3 1.2H26V28a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4q.2-1.8 2-2zm2 0c1.1 0 6 5 6 6h-3.5q-1.4-.2-1.8-.6-.5-.5-.6-1.8zM7.1 15.3c-1.6 0-3.1 1-3.1 2.7v3c0 2.8 4 3.5 5.7 1.7 1-1-.5-2.3-1.4-1.4-.2.1-1 .4-1.5.3l-.6-.2q-.2 0-.2-.4v-3q0-.3.2-.4l.6-.2q1 0 1.5.3c1 1 2.3-.5 1.4-1.4q-1-1-2.6-1m6.8 0h-.4C11.7 15.7 11 17 11 18q.2 1.3 1.1 1.9c1.2.7 3.4.6 3 1.4s-2.2.2-2.4 0c-1-1-2.3.5-1.4 1.4q1.3 1.2 3.2 1 1-.2 1.7-.8c.2-.3 2.6-3.2-2-4.4-1-.2-1.2-1-.4-1.1.5-.2 1.3.2 1.5.3a1 1 0 0 0 1.4-1.4q-1.2-1.1-2.8-1m5.2.2c-.7 0-1.3.5-1 1.3l2 6a1 1 0 0 0 1.8 0l2-6c.5-1.2-1.4-1.9-1.8-.6L21 19.3l-1-3.1a1 1 0 0 0-1-.7`],name:`file-csv`},x={icon:[28,32,`M20-.1 4 0a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4V8c0-2.2-5.8-8.1-8-8.1m0 2c1.1 0 6 5 6 6h-3.5q-1.4-.2-1.8-.6t-.6-1.8zm-2 0 .1 3.8q.2 2 1.2 3t3 1.2H26V28a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4q.2-1.8 2-2zM6 15a1 1 0 0 0-1 1 1 1 0 0 0 1 1h16a1 1 0 0 0 1-1 1 1 0 0 0-1-1zm0 5a1 1 0 0 0-1 1 1 1 0 0 0 1 1h16a1 1 0 0 0 1-1 1 1 0 0 0-1-1zm0 5a1 1 0 0 0-1 1 1 1 0 0 0 1 1h16a1 1 0 0 0 1-1 1 1 0 0 0-1-1z`],name:`file-doc`},S={icon:[28,32,`M20 0 4 .1a4 4 0 0 0-4 4v24a4 4 0 0 0 4 4h20a4 4 0 0 0 4-4v-20C28 6 22.2 0 20 0m0 2c1.1 0 6 5 6 6.1L22.5 8q-1.4-.2-1.8-.6t-.6-1.8zm-2 0 .1 3.8q.2 2 1.2 3t3 1.2l3.7.1v18a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-24c0-1 .9-2 2-2zM8 14.1a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-2.5l3.6 1.4a1 1 0 0 0 1.4-.9v-9a1 1 0 0 0-1.4-1L18 16.7a3 3 0 0 0-3-2.5zm0 2h7q1 0 1 1v7q0 1-1 1H8a1 1 0 0 1-1-1v-7q0-1 1-1m13 1.5v6l-3-1.2v-3.6z`],name:`file-video`};h.icon,h.icon,h.icon,{icon:[28,32,`M3 0C1.4 0 0 1.4 0 3v26c0 1.6 1.4 3 3 3h22c1.6 0 3-1.4 3-3V3c0-1.6-1.4-3-3-3Zm0 2h22c.6 0 1 .4 1 1v9H2V3c0-.6.4-1 1-1zM2 14h6v4H2Zm8 0h6v4h-6Zm8 0h8v4h-8ZM2 20h6v4H2Zm8 0h6v4h-6Zm8 0h8v9c0 .6-.4 1-1 1h-7ZM2 26h6v4H3c-.6 0-1-.4-1-1zm8 0h6v4h-6Z`],name:`calculator`}.icon;var C={icon:{icon:[30,32,`M8 1a1 1 0 0 0-1 1v2H5a5 5 0 0 0-5 5v18a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V9a5 5 0 0 0-5-5h-2V2c0-1.3-2-1.3-2 0v2H9V2c0-.6-.4-1-1-1ZM5 6h2v2a1 1 0 0 0 2 0V6h12v2a1 1 0 1 0 2 0V6h2a3 3 0 0 1 3 3v3H2V9a3 3 0 0 1 3-3Zm-3 8h7v4H2Zm9 0h8v4h-8zm10 0h7v4h-7ZM2 20h7v4H2Zm9 0h8v4h-8zm10 0h7v4h-7ZM2 26h7v4H5a3 3 0 0 1-3-3Zm9 0h8v4h-8zm10 0h7v1a3 3 0 0 1-3 3h-4z`],name:`date`}.icon,name:`calendar`},w={icon:[32,32,`M7 0C3.14 0 0 3.14 0 7v18c0 3.86 3.14 7 7 7h18a7 7 0 0 0 7-7V7c0-3.86-3.14-7-7-7zm18 8a2 2 0 0 1 1.41.59 2 2 0 0 1 0 2.82l-12 12a2 2 0 0 1-2.83 0l-5.99-6a2 2 0 0 1 0-2.82 2 2 0 0 1 2.83 0L13 19.17 23.6 8.6A2 2 0 0 1 25 8Z`],name:`checkbox-checked`},T={icon:[32,32,`M7 0a7 7 0 0 0-7 7v18a7 7 0 0 0 7 7h18a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7zm0 2h18c2.79 0 5 2.22 5 5v18c0 2.79-2.21 5-5 5H7c-2.78 0-5-2.21-5-5V7c0-2.78 2.22-5 5-5z`],name:`checkbox`},E={icon:[32,32,`M16 0a16 16 0 1 0 0 32 16 16 0 0 0 0-32Zm0 2a14 14 0 0 1 14 14 14 14 0 0 1-14 14A14 14 0 0 1 2 16 14 14 0 0 1 16 2Zm5.2 8.4-6.3 9-4.2-4.1c-1-1-2.3.5-1.4 1.4l5 5a1 1 0 0 0 1.5-.1l7-10c.8-1.1-.9-2.2-1.6-1.2z`],name:`check-circle-outline`},D={icon:[24,24,`M9.8 0C4.4 0 0 4.4 0 9.8a9.81 9.81 0 0 0 15.98 7.59l6.3 6.32a1 1 0 0 0 1.43 0 1 1 0 0 0 0-1.42l-6.32-6.3A9.81 9.81 0 0 0 9.8 0Zm0 2c4.32 0 7.8 3.48 7.8 7.8s-3.48 7.8-7.8 7.8A7.79 7.79 0 1 1 9.8 2z`],name:`search-12`},O={icon:[28,28,`M11.4 0C5.12 0 0 5.12 0 11.4c0 6.3 5.12 11.4 11.4 11.4a11.2 11.2 0 0 0 7.22-2.77l7.68 7.69a1 1 0 0 0 1.66-.46 1 1 0 0 0-.24-.96l-7.69-7.68a11.2 11.2 0 0 0 2.78-7.22C22.8 5.12 17.69 0 11.4 0Zm0 2c5.21 0 9.4 4.2 9.4 9.4 0 5.21-4.19 9.4-9.4 9.4-5.2 0-9.4-4.19-9.4-9.4C2 6.2 6.2 2 11.4 2Z`],name:`search-14`},k={icon:[32,32,`M21.3 21.3a1 1 0 0 0 0 1.41l9 9a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.41l-8.99-9a1 1 0 0 0-1.42 0zM13 0C5.83 0 0 5.83 0 13s5.83 13 13 13 13-5.83 13-13S20.17 0 13 0Zm0 2c6.09 0 11 4.91 11 11S19.1 24 13 24 2 19.1 2 13 6.91 2 13 2z`],name:`search`},A={icon:[32,32,`M26 .25c-.97 0-1.97.3-2.7 1.04l-19 19a1 1 0 0 0-.2.3l-.03.04-4 10a1 1 0 0 0 1.3 1.3l10-4 .03-.02c.12-.05.3-.2.3-.2L27.42 12l3.3-3.3A3.78 3.78 0 0 0 31.75 6c0-.97-.3-1.97-1.04-2.7l-2-2A3.78 3.78 0 0 0 26 .24Zm0 2c.53 0 1.03.2 1.3.46l2 2c.26.26.45.76.45 1.29s-.2 1.03-.46 1.3L26 10.58 21.41 6l3.3-3.3c.26-.26.76-.45 1.29-.45Zm-6 5.16L24.59 12 12 24.59V24a1 1 0 0 0-1-1H9v-2a1 1 0 0 0-1-1h-.59Zm-.16 2.6a1 1 0 0 0-.55.28l-7 7a1 1 0 0 0 1.42 1.42l7-7a1 1 0 0 0-.87-1.7zM5.68 22H7v2a1 1 0 0 0 1 1h2v1.32l-5.4 2.16-1.08-1.08Z`],name:`pencil`};({icon:[32,32,`M2 1v7c0 .6.5 1 1 1h7c1.3 0 1.3-2 0-2H5.3a14 14 0 1 1-2.8 12.4C2 18.2.2 18.7.5 20A16 16 0 1 0 4 5.5V1C4-.3 2-.3 2 1z`],name:`arrow-rotate-left`}).icon;var j={icon:[24,24,`m7 7 14 14M5 7l4.9 5-5 5c-1.3 1.3.8 3.4 2.2 2l4.9-4.9 5 5c1.3 1.3 3.4-.8 2-2.2L14.2 12l5-5c1.3-1.3-.8-3.4-2.2-2L12 9.8l-5-5c-1.3-1.3-3.5.8-2 2.2Z`],name:`clear-12`},M={icon:[28,28,`m6 8 5.9 6-6 6c-1.3 1.3.8 3.4 2.2 2l5.9-5.9 6 6c1.3 1.3 3.4-.8 2-2.2L16.2 14l6-6c1.3-1.3-.8-3.4-2.2-2L14 11.8l-6-6c-1.3-1.3-3.5.8-2 2.2Z`],name:`clear-14`},N={icon:[32,32,`m6.6 9.4 6.6 6.6-6.6 6.6c-1.9 1.8 1 4.7 2.8 2.8l6.6-6.6 6.6 6.6c1.8 1.9 4.7-1 2.8-2.8L18.8 16l6.6-6.6c1.9-1.9-1-4.6-2.8-2.8L16 13.2 9.4 6.6c-1.8-1.8-4.7 1-2.8 2.8Z`],name:`clear-16`},P={icon:[22,32,`M11 0C6 0 3 4 3 9v5c0 5 3 8 8 8s8-3 8-8V9c0-5-3-9-8-9zm0 2c4 0 6 3 6 7v5c0 4-3 6-6 6s-6-2-6-6V9c0-4 2-7 6-7zm9.2 18.4a11.1 11.1 0 0 1-18.4 0 1 1 0 1 0-1.6 1.2c2.4 3.4 6 5.3 9.8 5.6V30H7a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.8c3.7-.3 7.4-2.2 9.8-5.6a1 1 0 1 0-1.6-1.2z`],name:`microphone`},F={icon:[32,32,`M30 11.1v3c0 2.2-1 3-2 3.5s-2 .5-2 .5H3.4l4.3-4.3c1-1-.5-2.3-1.4-1.4l-6 6a1 1 0 0 0 0 1.4l6 6c1 1 2.3-.5 1.4-1.4l-4.3-4.3H26s1.5 0 3-.7a6 6 0 0 0 3-5.3v-3c0-1.3-2-1.3-2 0`],name:`arrow-enter`},I={icon:[32,32,`M5 1h22a4 4 0 0 1 4 4v22a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4z`],name:`stop`},L={icon:[32,32,`M16 0a16 16 0 1 0 16 16A16 16 0 0 0 16 0m0 2a14 14 0 1 1 0 28 14 14 0 0 1 0-28m0 5q-.9 0-1 1v10c0 1.3 2 1.3 2 0V8q-.1-1-1-1m0 14c-.7 0-1.5.5-1.5 1.5 0 2 3 2 3 0Q17.4 21 16 21`],name:`exclamation-circle`};function R(t,{prefix:n,className:r,color:i}={}){return e`<svg
|
|
3
|
-
aria-hidden="true"
|
|
4
|
-
focusable="false"
|
|
5
|
-
data-icon="${t.name}"
|
|
6
|
-
role="img"
|
|
7
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
-
viewBox="0 0 ${t.icon[0]} ${t.icon[1]}"
|
|
9
|
-
class="${r?r+` `:``}${n||`luzmo-icon`} ${n||`luzmo-icon`}-${t.name}"
|
|
10
|
-
style="overflow: visible; box-sizing: content-box;height: 1em; vertical-align: var(--luzmo-icon-vertical-align, var(--icon-vertical-align, -.125em)); max-width: var(--luzmo-icon-max-width, unset);"
|
|
11
|
-
fill="${i||`currentColor`}">
|
|
12
|
-
${(Array.isArray(t.icon[2])?t.icon[2]:[t.icon[2]]).map((n,r)=>{var i;return e`<path d="${n}" style="fill:${t.icon[3]&&(i=t.icon[3])!=null&&i[r]?t.icon[3][r]:`currentColor`}"></path>`})}
|
|
13
|
-
</svg>`}export{T as A,R as C,S as D,_ as E,a as F,L as I,E as L,F as M,t as N,x as O,n as P,b as S,r as T,M as _,u as a,w as b,l as c,A as d,c as f,C as g,I as h,i,k as j,p as k,j as l,g as m,D as n,d as o,o as p,P as r,m as s,f as t,s as u,N as v,y as w,O as x,v as y};
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import{a as e,c as t,i as n,y as r}from"./lit-BN_lRQbJ.js";import{a as i,c as a,g as o,i as s,l as c,v as l,y as u}from"./lucero-runtime-DGJ9-isg.js";import{C as d,P as f,o as p}from"./luzmo-icons-CJa-aByT.js";import{n as m}from"./language-resolution-BWHk9A73.js";import{t as h}from"./class-map-CxQ0PcQP.js";import{t as g}from"./style-map-D4QeV3m0.js";import{t as _}from"./dependency-manger-BPrqqTnJ.js";import{i as v,n as y,r as b,t as x}from"./strategies-kad_0dTB.js";import"./progress-circle-CEx1b5Sv.js";import{t as S}from"./pending-state-DxeRqe6Q.js";import"./menu-nolJetlp.js";import"./overlay-C_XW8yry.js";import"./tooltip-DB6jRVyB.js";var C=`#button{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--luzmo-button-font-family,var(--luzmo-font-family));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--luzmo-button-line-height,var(--luzmo-line-height,1.3));text-transform:none;vertical-align:top;-webkit-appearance:button;transition:background var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, border-color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, color var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out, box-shadow var(--luzmo-button-animation-duration,var(--luzmo-animation-duration)) ease-out;justify-content:center;align-items:center;margin:0;-webkit-text-decoration:none;text-decoration:none;display:inline-flex;position:relative;overflow:visible}#button::-moz-focus-inner{border-style:none;padding:0}#button:focus{outline:none}#icon{font-size:var(--luzmo-picker-font-size,var(--picker-font-size));margin-inline-end:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}@media (forced-colors:active){:host{--highcontrast-picker-focus-indicator-color:Highlight;--highcontrast-picker-border-color-default:ButtonBorder;--highcontrast-picker-border-color-hover:Highlight;--highcontrast-picker-border-color-disabled:GrayText;--highcontrast-picker-content-color-default:ButtonText;--highcontrast-picker-content-color-disabled:GrayText;--highcontrast-picker-background-color:ButtonFace}#button:focus-visible{--highcontrast-picker-border-color-hover:ButtonText}#button .label,#button:after{forced-color-adjust:none}}#button{box-sizing:border-box;max-inline-size:100%;min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));block-size:var(--luzmo-picker-block-size,var(--picker-block-size));border-width:var(--luzmo-picker-border-width,var(--picker-border-width));border-radius:var(--luzmo-picker-border-radius,var(--picker-border-radius));box-shadow:var(--luzmo-picker-box-shadow,var(--picker-box-shadow));transition:background-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), box-shadow var(--luzmo-picker-animation-duration,var(--picker-animation-duration)), border-color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-style:solid;border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));margin-block-start:var(--luzmo-picker-spacing-label-to-picker,var(--picker-spacing-label-to-picker));padding-block:0;padding-inline-start:var(--luzmo-picker-spacing-edge-to-text,var(--picker-spacing-edge-to-text));padding-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon,var(--picker-spacing-edge-to-disclosure-icon));display:flex}#button:after{pointer-events:none;content:"";block-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);inline-size:calc(100% + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) * 2 + var(--luzmo-picker-border-width,var(--picker-border-width)) * 2);border-style:solid;border-width:var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width));border-radius:calc(var(--luzmo-picker-border-radius,var(--picker-border-radius)) + var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width)));border-color:#0000;margin-block-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);margin-inline-start:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1);position:absolute;inset-block:0;inset-inline:0}#button:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-active,var(--picker-background-color-active)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-active,var(--picker-border-color-active)))}#button:active:after{border-color:#0000}#button.placeholder:active .label{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}#button:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-key-focus,var(--picker-background-color-key-focus)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-key-focus,var(--picker-border-color-key-focus)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)));outline:none}#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)))}#button.placeholder:focus-visible{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-key-focus,var(--picker-font-color-key-focus)))}#button:focus-visible .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-key-focus,var(--picker-icon-color-key-focus)))}:host([open]) #button:not(:disabled,.is-disabled){color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default-open,var(--picker-font-color-default-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default-open,var(--picker-background-color-default-open)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-default-open,var(--picker-border-color-default-open)))}:host([open]) #button:not(:disabled,.is-disabled) .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default-open,var(--picker-icon-color-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default,var(--picker-border-color-error-default)))}:host([invalid]) #button:not(:disabled,.is-disabled) .validation-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-error,var(--picker-icon-color-error)))}:host([invalid]) #button:not(:disabled,.is-disabled):active{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-active,var(--picker-border-color-error-active)))}:host([invalid][open]) #button:not(:disabled,.is-disabled){border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-default-open,var(--picker-border-color-error-default-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):focus-visible{border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-error-key-focus,var(--picker-border-color-error-key-focus)))}:host([pending]) #button .disclosure-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}.icon{flex-shrink:0}.label{white-space:nowrap;font-size:var(--luzmo-picker-font-size,var(--picker-font-size));line-height:var(--luzmo-picker-line-height,var(--picker-line-height));font-weight:var(--luzmo-picker-font-weight,var(--picker-font-weight));text-overflow:ellipsis;text-align:start;flex:auto;overflow:hidden}:host([data-luzmo-language-script=Latn]) .label{text-box:trim-both cap alphabetic;margin-block:-.35em;padding-block:.35em}.label.placeholder{font-weight:var(--luzmo-picker-placeholder-font-weight,var(--picker-font-weight));font-style:var(--luzmo-picker-placeholder-font-style,var(--picker-placeholder-font-style));transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-in-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}.label.placeholder:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-active,var(--picker-font-color-active)))}.disclosure-icon{vertical-align:top;transition:color var(--luzmo-picker-animation-duration,var(--picker-animation-duration)) ease-out;color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-default,var(--picker-icon-color-default)));flex-shrink:0;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon,var(--picker-spacing-icon-to-disclosure-icon));display:inline-block;position:relative}.disclosure-icon:active{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-active,var(--picker-icon-color-active)))}luzmo-progress-circle,.validation-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}.icon-container{height:100%;font-size:var(--luzmo-picker-disclosure-icon-size,var(--picker-disclosure-icon-size));align-items:center;display:flex;position:relative}.icon-container.disclosure-icon{margin-inline-end:0}.label~.disclosure-icon{margin-inline-start:var(--luzmo-picker-spacing-text-to-icon,var(--picker-spacing-text-to-icon))}:host([quiet]) #button{inline-size:auto;min-inline-size:0;padding-inline:var(--luzmo-picker-spacing-edge-to-text-quiet,var(--picker-spacing-edge-to-text-quiet));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)));background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent);box-shadow:none;border:none;border-radius:0;margin-block-start:calc(var(--luzmo-picker-spacing-label-to-picker-quiet,var(--picker-spacing-label-to-picker-quiet)) + 1px)}:host([quiet]) #button.label-inline{margin-block-start:0}:host([quiet]) #button .disclosure-icon{margin-inline-end:var(--luzmo-picker-spacing-edge-to-disclosure-icon-quiet,var(--picker-spacing-edge-to-disclosure-icon-quiet))}:host([quiet]) #button:after{border:none;block-size:auto;inline-size:auto}@media (hover:hover){#button:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover,var(--picker-background-color-hover)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover,var(--picker-border-color-hover)))}#button:hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover,var(--picker-icon-color-hover)))}:host([open]):not([quiet]) #button:not(:disabled,.is-disabled):hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover-open,var(--picker-font-color-hover-open)));background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-hover-open,var(--picker-background-color-hover-open)));border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-hover-open,var(--picker-border-color-hover-open)))}:host([open]) #button:not(:disabled,.is-disabled):hover .disclosure-icon{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-icon-color-hover-open,var(--picker-icon-color-hover-open)))}:host([invalid]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover,var(--picker-border-color-error-hover)))}:host([invalid][open]) #button:not(:disabled,.is-disabled):hover{border-color:var(--highcontrast-picker-border-color-hover,var(--luzmo-picker-border-color-error-hover-open,var(--picker-border-color-error-hover-open)))}.label.placeholder:hover{color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-hover,var(--picker-font-color-hover)))}:host([quiet]) #button:hover{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)!important}}:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-width,var(--picker-focus-indicator-width)) 0 0 var(--highcontrast-picker-focus-indicator-color,var(--luzmo-picker-focus-indicator-color,var(--picker-focus-indicator-color)));margin:calc((var(--luzmo-picker-focus-indicator-gap,var(--picker-focus-indicator-gap)) + var(--luzmo-picker-border-width,var(--picker-border-width))) * -1) 0;border:none;border-radius:0}:host([quiet][open]) #button,:host([quiet][disabled]) #button#button,:host([quiet]) #button#button:disabled,:host([quiet]) #button:active{background-color:initial;background-color:var(--highcontrast-picker-background-color,transparent)}.label-inline{vertical-align:top;display:inline-flex}:host([disabled]) #button,#button:disabled{cursor:default;background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-disabled,var(--picker-background-color-disabled)));border-color:#0000;border-color:var(--highcontrast-picker-border-color-disabled,transparent);color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host([disabled]) #button .icon,:host([disabled]) #button .disclosure-icon,:host([disabled]) #button .validation-icon,#button:disabled .icon,#button:disabled .disclosure-icon,#button:disabled .validation-icon{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-icon-color-disabled,var(--picker-icon-color-disabled)))}:host([disabled]) #button .label.placeholder,#button:disabled .label.placeholder{color:var(--highcontrast-picker-content-color-disabled,var(--luzmo-picker-font-color-disabled,var(--picker-font-color-disabled)))}:host{--picker-box-shadow:0px 1px 3px 0px var(--luzmo-shadow-color);--picker-background-color-default:var(--luzmo-background-color);--picker-background-color-default-open:var(--luzmo-background-color-hover);--picker-background-color-active:var(--luzmo-background-color-down);--picker-background-color-hover:var(--luzmo-background-color-hover);--picker-background-color-hover-open:var(--luzmo-background-color-down);--picker-background-color-key-focus:var(--luzmo-background-color-down);--picker-border-color-default:var(--luzmo-border-color);--picker-border-color-default-open:var(--luzmo-border-color-hover);--picker-border-color-hover:var(--luzmo-border-color);--picker-border-color-hover-open:var(--luzmo-border-color-hover);--picker-border-color-active:var(--luzmo-border-color);--picker-border-color-key-focus:var(--luzmo-border-color);--picker-border-width:var(--luzmo-border-width);--picker-font-size:var(--luzmo-font-size);--picker-font-weight:var(--luzmo-font-weight);--picker-placeholder-font-style:var(--luzmo-font-style);--picker-line-height:var(--luzmo-line-height);--picker-block-size:32px;--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-text-quiet:0px;--picker-spacing-label-to-picker:0px;--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon-quiet:0px;--picker-animation-duration:var(--luzmo-animation-duration);--picker-font-color-default:var(--luzmo-font-color);--picker-font-color-default-open:var(--luzmo-font-color-hover);--picker-font-color-hover:var(--luzmo-font-color-hover);--picker-font-color-hover-open:var(--luzmo-font-color-down);--picker-font-color-active:var(--luzmo-font-color-focus);--picker-font-color-key-focus:var(--luzmo-font-color-focus);--picker-icon-color-default:var(--luzmo-font-color);--picker-icon-color-default-open:var(--luzmo-font-color-hover);--picker-icon-color-hover:var(--luzmo-font-color-hover);--picker-icon-color-hover-open:var(--luzmo-font-color-hover);--picker-icon-color-active:var(--luzmo-font-color-focus);--picker-icon-color-key-focus:var(--luzmo-font-color-focus);--picker-border-color-error-default:var(--luzmo-negative-color);--picker-border-color-error-default-open:var(--luzmo-negative-color-down);--picker-border-color-error-hover:var(--luzmo-negative-color-hover);--picker-border-color-error-hover-open:var(--luzmo-negative-color-down);--picker-border-color-error-active:var(--luzmo-negative-color-down);--picker-border-color-error-key-focus:var(--luzmo-negative-color-focus);--picker-icon-color-error:var(--luzmo-negative-color);--picker-background-color-disabled:var(--luzmo-background-color-disabled);--picker-font-color-disabled:var(--luzmo-disabled-color);--picker-icon-color-disabled:var(--luzmo-disabled-color);--picker-focus-indicator-gap:var(--luzmo-indicator-gap);--picker-focus-indicator-width:var(--luzmo-indicator-width);--picker-focus-indicator-color:var(--luzmo-indicator-color);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=s]){--picker-block-size:28px;--picker-font-size:var(--luzmo-font-size-s);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-3);--picker-spacing-text-to-icon:var(--luzmo-spacing-3);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-3);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-3);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-3));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-3);--picker-disclosure-icon-size:var(--luzmo-font-size-s)}:host([size=l]){--picker-block-size:40px;--picker-font-size:var(--luzmo-font-size-l);--picker-border-radius:var(--luzmo-border-radius);--picker-spacing-edge-to-text:var(--luzmo-spacing-4);--picker-spacing-text-to-icon:var(--luzmo-spacing-4);--picker-spacing-text-to-icon-inline-end:var(--luzmo-spacing-4);--picker-spacing-icon-to-disclosure-icon:var(--luzmo-spacing-4);--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4));--picker-spacing-edge-to-disclosure-icon:var(--luzmo-spacing-4);--picker-disclosure-icon-size:var(--luzmo-font-size)}:host([size=xl]){--picker-block-size:48px;--picker-font-size:var(--luzmo-font-size-xl);--picker-border-radius:var(--luzmo-border-radius-l);--picker-spacing-edge-to-text:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-text-to-icon-inline-end:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-icon-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-label-to-picker-quiet:calc(-1 * var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-spacing-edge-to-disclosure-icon:calc(var(--luzmo-spacing-4) + var(--luzmo-spacing-1));--picker-disclosure-icon-size:var(--luzmo-font-size-l)}:host([variant=highlight]) ::slotted(luzmo-menu-item[selected]){--menu-item-highlight-label-content-color:var(--luzmo-primary-inverse-color);--menu-item-label-icon-color-default:var(--luzmo-primary-inverse-color);--menu-checkmark-display:var(--menu-checkmark-display-hidden);background-color:var(--luzmo-menu-item-highlight-label-background-color,var(--menu-item-highlight-label-background-color,var(--luzmo-border-color)));padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content,var(--menu-item-label-inline-edge-to-content))}:host{vertical-align:top;max-inline-size:100%;inline-size:var(--luzmo-picker-inline-size,var(--picker-inline-size));min-inline-size:calc(var(--picker-minimum-width-multiplier) * var(--luzmo-picker-block-size,var(--picker-block-size)));display:inline-flex}:host([quiet]){width:auto;min-width:0}:host([disabled]){pointer-events:none}#button{width:100%;min-width:100%;max-width:100%}#icon:not([hidden]){display:inline-flex}:host([readonly]) #button{user-select:inherit}.picker,.validation-icon{flex-shrink:0}luzmo-overlay{pointer-events:none}luzmo-menu{pointer-events:initial}:host>luzmo-menu{display:none}:host([focused]:not([quiet])) #button #label.placeholder{color:var(--picker-placeholder-text-color-key-focus,var(--alias-placeholder-text-color-hover))}#label.visually-hidden~.picker{margin-inline-start:auto}:host([focused]:not([quiet],[pending])) #button .picker{color:var(--picker-icon-color-key-focus,var(--alias-icon-color-focus))}.visually-hidden{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;position:absolute;overflow:hidden}luzmo-overlay:not(:defined){display:none}#button.remove-focus-ring-safari-hack:focus-visible{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}#button.remove-focus-ring-safari-hack:after{border:none}#button.remove-focus-ring-safari-hack:focus-visible:after{box-shadow:none}#button.remove-focus-ring-safari-hack:active{background-color:var(--highcontrast-picker-background-color,var(--luzmo-picker-background-color-default,var(--picker-background-color-default)));border-color:var(--highcontrast-picker-border-color-default,var(--luzmo-picker-border-color-default,var(--picker-border-color-default)));color:var(--highcontrast-picker-content-color-default,var(--luzmo-picker-font-color-default,var(--picker-font-color-default)))}`,w=()=>t`
|
|
3
|
-
<div class="disclosure-icon icon">
|
|
4
|
-
${d(f,{className:`indicator`})}
|
|
5
|
-
</div>
|
|
6
|
-
`,T=()=>t`
|
|
7
|
-
<div class="icon-container validation-icon icon">
|
|
8
|
-
${d(p)}
|
|
9
|
-
</div>
|
|
10
|
-
`,E=`option-picker`,D=class extends a(i,{noDefaultSize:!0}){get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}constructor(){super(),this._languageScript=new m(this),this.disabled=!1,this.focused=!1,this.invalid=!1,this.pending=!1,this.pendingLabel=`Pending`,this.open=!1,this.readonly=!1,this.placement=`bottom-start`,this.quiet=!1,this.value=``,this.selects=`single`,this.dependencyManager=new _(this),this.isMobile=new v(this,y),this.isTouchDevice=new v(this,b),this.listRole=`listbox`,this.itemRole=`option`,this.hasRenderedOverlay=!1,this._selfManageFocusElement=!1,this.deprecatedMenu=null,this.selectionPromise=Promise.resolve(),this.willManageSelection=!1,this.recentlyConnected=!1,this.enterKeydownOn=null,this.handleSlottableRequest=e=>{},this.applyFocusElementLabel=(e,t)=>{this.appliedLabel=e,this.labelAlignment=t.sideAligned?`inline`:void 0},this.handleEscape=e=>{e.code===`Escape`&&this.open&&(e.stopPropagation(),e.preventDefault(),this.toggle(!1))},this.handleKeydown=e=>{if(this.focused=!0,e.code===`Escape`){this.handleEscape(e);return}e.code!==`ArrowDown`&&e.code!==`ArrowUp`||(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>w(),this.renderAlertIcon=()=>T(),this._popoverDependencyRegistered=!1,this.handleEnterKeydown=e=>{if(e.code===`Enter`){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener(`keyup`,e=>{e.code===`Enter`&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new S(this)}set selectedItem(e){let t=e?.querySelector(`[slot="icon"]`);if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;let n=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=t?.icon??void 0,this.requestUpdate(`selectedItem`,n)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle=`no`);let[t]=e.target.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){this.strategy?.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){this.strategy?.abort(),this.strategy=new x.desktop(this.button,this),this.strategy?.overlay&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated,this.ensurePopoverDependency()}disconnectedCallback(){this.close(),this.strategy?.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,t){this.open=!1,this.strategy&&(this.strategy.open=!1);let n=this.selectedItem,r=this.value;if(this.selectedItem=e,this.value=e?.value??``,await this.updateComplete,!this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){t&&t.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),n&&this.setMenuItemSelected(n,!0),this.selectedItem=n,this.value=r,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=n,this.value=r;return}n&&this.setMenuItemSelected(n,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,t){this.selects!=null&&(e.selected=t)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":`100%`}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;let t=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate(`selectedItemContent`,t)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:t`
|
|
11
|
-
<slot name="label" id="label">
|
|
12
|
-
<span aria-hidden=${s(this.appliedLabel?void 0:`true`)}>
|
|
13
|
-
${this.label}
|
|
14
|
-
</span>
|
|
15
|
-
</slot>
|
|
16
|
-
`}get buttonContent(){let e={"visually-hidden":this.icons===`only`&&!!this.value,placeholder:!this.value,label:!0},r=this.appliedLabel||this.label,i=t` <div id="icon" ?hidden=${this.icons===`none`}>
|
|
17
|
-
${this._selectedItemIcon?d(this._selectedItemIcon):n}
|
|
18
|
-
</div>`;return[t`
|
|
19
|
-
${this._selectedItemIcon?i:n}
|
|
20
|
-
<div
|
|
21
|
-
id=${s(this.value&&this.selectedItem?`label`:void 0)}
|
|
22
|
-
class=${h(e)}
|
|
23
|
-
>
|
|
24
|
-
${this.renderLabelContent(this.selectedItemContent.content)}
|
|
25
|
-
</div>
|
|
26
|
-
${this.value&&this.selectedItem?t`
|
|
27
|
-
<div
|
|
28
|
-
aria-hidden="true"
|
|
29
|
-
class="visually-hidden"
|
|
30
|
-
id="applied-label"
|
|
31
|
-
>
|
|
32
|
-
${r}
|
|
33
|
-
<slot name="label"></slot>
|
|
34
|
-
</div>
|
|
35
|
-
`:t` <span hidden id="applied-label">${r}</span> `}
|
|
36
|
-
${this.invalid&&!this.pending?t` ${this.renderAlertIcon()} `:n}
|
|
37
|
-
${this.pendingStateController.renderPendingState()}
|
|
38
|
-
${this.readonly?n:this.renderAngleIcon()}
|
|
39
|
-
<slot
|
|
40
|
-
aria-hidden="true"
|
|
41
|
-
name="tooltip"
|
|
42
|
-
id="tooltip"
|
|
43
|
-
@slotchange=${this.handleTooltipSlotchange}
|
|
44
|
-
></slot>
|
|
45
|
-
`]}renderOverlay(t){return this.strategy?.overlay===void 0?t:(e(this.renderContainer(t),this.strategy?.overlay,{host:this}),this.strategy?.overlay)}get renderDescriptionSlot(){return t`
|
|
46
|
-
<div id=${E}>
|
|
47
|
-
<slot name="description"></slot>
|
|
48
|
-
</div>
|
|
49
|
-
`}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),t`
|
|
50
|
-
<span
|
|
51
|
-
id="focus-helper"
|
|
52
|
-
tabindex=${this.focused||this.open?`-1`:`0`}
|
|
53
|
-
@focus=${this.handleHelperFocus}
|
|
54
|
-
aria-describedby=${E}
|
|
55
|
-
></span>
|
|
56
|
-
<button
|
|
57
|
-
aria-controls=${s(this.open?`menu`:void 0)}
|
|
58
|
-
aria-describedby="tooltip"
|
|
59
|
-
aria-expanded=${this.open?`true`:`false`}
|
|
60
|
-
aria-haspopup="true"
|
|
61
|
-
aria-labelledby="loader icon label applied-label"
|
|
62
|
-
id="button"
|
|
63
|
-
class=${s(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
|
|
64
|
-
@blur=${this.handleButtonBlur}
|
|
65
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
66
|
-
?disabled=${this.disabled}
|
|
67
|
-
tabindex="-1"
|
|
68
|
-
>
|
|
69
|
-
${this.buttonContent}
|
|
70
|
-
</button>
|
|
71
|
-
${this.renderMenu} ${this.renderDescriptionSlot}
|
|
72
|
-
`}update(e){this.selects&&=`single`,e.has(`disabled`)&&this.disabled&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`pending`)&&this.pending&&this.strategy&&(this.open=!1,this.strategy.open=!1),e.has(`value`)&&this.shouldScheduleManageSelection(),this.hasUpdated||(this.deprecatedMenu=this.querySelector(`:scope > luzmo-menu`),this.deprecatedMenu?.toggleAttribute(`ignore`,!0),this.deprecatedMenu?.setAttribute(`selects`,`inherit`)),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener(`keydown`,this.handleKeydown)}updated(e){super.updated(e),e.has(`open`)&&(this.strategy.open=this.open),this.strategy?.overlay&&this.strategy.overlay.type!==`auto`&&(this.strategy.overlay.type=`auto`,this.strategy.overlay.placement=this.placement)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return t`
|
|
73
|
-
<div class="visually-hidden">
|
|
74
|
-
<button
|
|
75
|
-
tabindex="-1"
|
|
76
|
-
aria-label="Dismiss"
|
|
77
|
-
@click=${this.close}
|
|
78
|
-
></button>
|
|
79
|
-
</div>
|
|
80
|
-
`}ensurePopoverDependency(){this._popoverDependencyRegistered||(this._popoverDependencyRegistered=!0,this.dependencyManager.add(`luzmo-popover`),import(`../popover.js`))}renderContainer(e){let n=t`
|
|
81
|
-
${this.dismissHelper} ${e} ${this.dismissHelper}
|
|
82
|
-
`;return t`
|
|
83
|
-
<luzmo-popover
|
|
84
|
-
id="popover"
|
|
85
|
-
size=${this.size}
|
|
86
|
-
role="presentation"
|
|
87
|
-
style=${g(this.containerStyles)}
|
|
88
|
-
placement=${this.placement}
|
|
89
|
-
>
|
|
90
|
-
${n}
|
|
91
|
-
</luzmo-popover>
|
|
92
|
-
`}get renderMenu(){let e=t`
|
|
93
|
-
<luzmo-menu
|
|
94
|
-
aria-labelledby="applied-label"
|
|
95
|
-
@change=${this.handleChange}
|
|
96
|
-
id="menu"
|
|
97
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
|
98
|
-
@scroll=${this.onScroll}
|
|
99
|
-
role=${this.listRole}
|
|
100
|
-
.selects=${this.selects}
|
|
101
|
-
.selected=${this.value?[this.value]:[]}
|
|
102
|
-
.shouldSupportDragAndSelect=${!this.isTouchDevice.matches}
|
|
103
|
-
size=${this.size}
|
|
104
|
-
@luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
|
|
105
|
-
>
|
|
106
|
-
<slot @slotchange=${this.shouldScheduleManageSelection}></slot>
|
|
107
|
-
</luzmo-menu>
|
|
108
|
-
`;return this.hasRenderedOverlay=this.hasRenderedOverlay||this.focused||this.open||!!this.deprecatedMenu,this.hasRenderedOverlay?(this.dependencyManager.loaded&&this.dependencyManager.add(`luzmo-overlay`),this.renderOverlay(e)):e}shouldScheduleManageSelection(e){!this.willManageSelection&&(!e||e.target.getRootNode().host===this)&&(this.willManageSelection=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.manageSelection()})}))}shouldManageSelection(){this.willManageSelection||(this.willManageSelection=!0,this.manageSelection())}async manageSelection(){if(this.selects==null)return;this.selectionPromise=new Promise(e=>this.selectionResolver=e);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&=(await new Promise(e=>requestAnimationFrame(()=>e(!0))),!1),this.menuItems.forEach(t=>{this.value===t.value&&!t.disabled?e=t:t.selected=!1}),e?(e.selected=!!this.selects,this.selectedItem=e):(this.value=``,this.selectedItem=void 0),this.open&&(await this.optionsMenu.updateComplete,this.optionsMenu.updateSelectedItemIndex()),this.selectionResolver(),this.willManageSelection=!1}async getUpdateComplete(){let e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event(`scroll`))}};c([l()],D.prototype,`appliedLabel`,void 0),c([o(`#button`)],D.prototype,`button`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`disabled`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`focused`,void 0),c([u({type:String,reflect:!0})],D.prototype,`icons`,void 0),c([u({type:String,reflect:!0})],D.prototype,`variant`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`invalid`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`pending`,void 0),c([u({type:String,attribute:`pending-label`})],D.prototype,`pendingLabel`,void 0),c([u()],D.prototype,`label`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`open`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`readonly`,void 0),c([l()],D.prototype,`labelAlignment`,void 0),c([o(`luzmo-menu`)],D.prototype,`optionsMenu`,void 0),c([o(`luzmo-overlay`)],D.prototype,`overlayElement`,void 0),c([u()],D.prototype,`placement`,void 0),c([u({type:Boolean,reflect:!0})],D.prototype,`quiet`,void 0),c([u({type:String})],D.prototype,`value`,void 0),c([u({attribute:!1})],D.prototype,`selectedItem`,null),c([l()],D.prototype,`selectedItemContent`,null);var O=class extends D{constructor(...e){super(...e),this.handleKeydown=e=>{let{code:t}=e;if(this.focused=!0,t===`Escape`){this.handleEscape(e);return}if(!t.startsWith(`Arrow`)||this.readonly||this.pending)return;if(t===`ArrowUp`||t===`ArrowDown`){this.toggle(!0),e.preventDefault();return}e.preventDefault();let n=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,r=n<0||t===`ArrowRight`?1:-1,i=n+r;for(;this.menuItems[i]&&this.menuItems[i].disabled;)i+=r;!this.menuItems[i]||this.menuItems[i].disabled||(!this.value||i!==n)&&this.setValueFromItem(this.menuItems[i])}}static get styles(){return[r(C)]}get containerStyles(){let e=super.containerStyles;return this.quiet||(e[`min-width`]=`${this.offsetWidth}px`),e}};export{O as n,D as r,E as t};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import{u as e}from"./platform-BfrBbd97.js";var t=`(max-width: 743px) and (hover: none) and (pointer: coarse)`,n=`(hover: none) and (pointer: coarse)`,r=class{constructor(e,t){this.key=Symbol(`match-media-key`),this.matches=!1,this.host=e,this.host.addController(this),typeof window>`u`?this.matches=!1:(this.media=window.matchMedia(t),this.matches=this.media.matches),this.onChange=this.onChange.bind(this),e.addController(this)}hostConnected(){this.media?.addEventListener(`change`,this.onChange)}hostDisconnected(){this.media?.removeEventListener(`change`,this.onChange)}onChange(e){this.matches!==e.matches&&(this.matches=e.matches,this.host.requestUpdate(this.key,!this.matches))}},i=function(e){return e[e.desktop=0]=`desktop`,e[e.mobile=1]=`mobile`,e}({}),a=`remove-focus-ring-safari-hack`,o=class{get activelyOpening(){return!1}get open(){return this._open}set open(e){if(this._open!==e){if(this._open=e,this.overlay){this.host.open=e;return}import(`../overlay.js`).then(()=>{this.overlay=document.createElement(`luzmo-overlay`),this.host.open=!0,this.host.requestUpdate()})}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this._overlay=e,this.initOverlay())}constructor(e,t){this.target=e,this.host=t,this.listenersBound=!1,this.preventNextToggle=`no`,this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=e,this.host=t,this.host.addController(this),this.init()}releaseDescription(){}handleBeforetoggle(e){e.composedPath()[0]===e.target&&(e.newState===`closed`&&(this.preventNextToggle===`no`?this.open=!1:this.pointerdownState||this.overlay?.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),typeof this.host.optionsMenu?.closeDescendentOverlays==`function`&&this.host.optionsMenu.closeDescendentOverlays()))}initOverlay(){this.overlay&&(this.overlay.addEventListener(`beforetoggle`,e=>{this.handleBeforetoggle(e)}),this.overlay.type=this.host.isMobile.matches?`modal`:`auto`,this.overlay.triggerElement=this.host,this.overlay.placement=this.host.isMobile.matches?void 0:this.host.placement,this.overlay.receivesFocus=`true`,this.overlay.willPreventClose=this.preventNextToggle!==`no`&&this.open,this.overlay.addEventListener(`slottable-request`,this.host.handleSlottableRequest))}handlePointerdown(e){}handleButtonFocus(e){this.preventNextToggle===`maybe`&&e.relatedTarget===this.host.optionsMenu&&(this.preventNextToggle=`yes`)}handleActivate(e){}init(){}abort(){this.releaseDescription(),this.abortController?.abort(),this.listenersBound=!1}hostConnected(){this.init()}hostDisconnected(){this.abort()}hostUpdated(){this.overlay&&this.host.dependencyManager.loaded&&this.host.open!==this.overlay.open&&(this.overlay.willPreventClose=this.preventNextToggle!==`no`,this.overlay.open=this.host.open)}},s={desktop:class extends o{constructor(...e){super(...e),this.type=i.desktop}handlePointerdown(e){if(e.target.closest(`.clear-icon`)||e.button!==0||e.pointerType===`touch`)return;this.pointerdownState=this.open,this.preventNextToggle=`maybe`;let t=0,n=()=>{cancelAnimationFrame(t),t=requestAnimationFrame(()=>{document.removeEventListener(`pointerup`,n),document.removeEventListener(`pointercancel`,n),this.target.removeEventListener(`click`,n),requestAnimationFrame(()=>{this.preventNextToggle=`no`})})};document.addEventListener(`pointerup`,n),document.addEventListener(`pointercancel`,n),this.target.addEventListener(`click`,n),this.handleActivate()}handleActivate(e){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!==`yes`&&(e?.type===`click`&&this.open!==this.pointerdownState||this.host.toggle())}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleActivate(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focus`,e=>this.handleButtonFocus(e),{signal:e}),this.listenersBound=!0}},mobile:class extends o{constructor(...e){super(...e),this.type=i.mobile}handleClick(e){e.target.closest(`.clear-button`)&&(this.preventNextToggle===`no`&&(this.open=!this.open),this.preventNextToggle=`no`)}handlePointerdown(t){t.target.closest(`.clear-button`)&&(this.preventNextToggle=this.open?`yes`:`no`,e()&&this.target.classList.add(a))}handleFocusOut(){this.host.open||e()&&this.target.classList.contains(`remove-focus-ring-safari-hack`)&&this.target.classList.remove(a)}init(){if(this.listenersBound)return;this.abortController=new AbortController;let{signal:e}=this.abortController;this.target.addEventListener(`click`,e=>this.handleClick(e),{signal:e}),this.target.addEventListener(`pointerdown`,e=>this.handlePointerdown(e),{signal:e}),this.target.addEventListener(`focusout`,()=>this.handleFocusOut(),{signal:e}),this.listenersBound=!0}}};export{r as i,t as n,n as r,s as t};
|