@luzmo/analytics-components-kit 1.0.1-alpha.30 → 1.0.1-alpha.32
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/{async-directive-C_bp5UcZ-B5_19oN_.js → async-directive-BfcqVjDp-BCT-lA4F.js} +8 -8
- package/components/{async-directive-C_bp5UcZ-mUPcBvyn.cjs → async-directive-BfcqVjDp-C8C45jl6.cjs} +3 -3
- package/components/{base-D76d76ww-D0dTUBua.js → base-D76d76ww-BGkuhs54.js} +59 -47
- package/components/{base-D76d76ww-BEIhYtgV.cjs → base-D76d76ww-tT6yr8eb.cjs} +9 -9
- package/components/{button-base-WsJSnMie-B1TLbPwk.cjs → button-base-DbkDzb71-CY6MJGqE.cjs} +2 -2
- package/components/{button-base-WsJSnMie-CyGPs7kd.js → button-base-DbkDzb71-R8oqSqlY.js} +4 -4
- package/components/calculate-data-item-icon-BtUWtDx3.cjs +20 -0
- package/components/calculate-data-item-icon-DauSiV8c.js +97 -0
- package/components/{checkbox-mixin-CmeCReJh-wY0R8cuc.cjs → checkbox-mixin-Do7EgtpQ-D3m-dMTI.cjs} +3 -3
- package/components/{checkbox-mixin-CmeCReJh-C94-rm4F.js → checkbox-mixin-Do7EgtpQ-hne79zc-.js} +2 -2
- package/components/{de-BaTUIQk1.js → de-CCq00pbq.js} +55 -1
- package/components/de-DcZysUyZ.cjs +20 -0
- package/components/{directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs → directive-helpers-Cm6gitnu-BeggOiwf.cjs} +4 -4
- package/components/{directive-helpers-Bx_ey3Gk-Csi4AxXe.js → directive-helpers-Cm6gitnu-CeYtlPO9.js} +53 -19
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +18 -17
- package/components/display-settings-binning/display-settings-binning.d.ts +0 -1
- package/components/display-settings-binning/index.cjs +3 -2
- package/components/display-settings-binning/index.js +21 -21
- package/components/display-settings-datetime/index.cjs +2 -2
- package/components/display-settings-datetime/index.js +37 -35
- package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts +0 -1
- package/components/display-settings-grand-totals/index.cjs +4 -3
- package/components/display-settings-grand-totals/index.js +21 -21
- package/components/display-settings-numeric/index.cjs +14 -14
- package/components/display-settings-numeric/index.js +32 -30
- package/components/display-settings-period-over-period/index.cjs +6 -6
- package/components/display-settings-period-over-period/index.js +36 -34
- package/components/draggable-data-item/index.cjs +3 -3
- package/components/draggable-data-item/index.js +15 -13
- package/components/draggable-data-item-level/index.cjs +9 -9
- package/components/draggable-data-item-level/index.js +96 -167
- package/components/droppable-slot/index.cjs +7 -7
- package/components/droppable-slot/index.js +32 -30
- package/components/edit-item/index.cjs +11 -11
- package/components/edit-item/index.js +13 -12
- package/components/edit-option/index.cjs +1 -1
- package/components/edit-option/index.js +1 -1
- package/components/edit-option-action-button-group/index.cjs +2 -1
- package/components/edit-option-action-button-group/index.js +44 -43
- package/components/edit-option-base-CSJNbo2E.cjs +53 -0
- package/components/{edit-option-base-DOezOLDd.js → edit-option-base-DeQjGX4i.js} +5 -4
- package/components/edit-option-color-picker/index.cjs +23 -23
- package/components/edit-option-color-picker/index.js +50 -50
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +3 -3
- package/components/edit-option-number-field/index.cjs +2 -2
- package/components/edit-option-number-field/index.js +3 -3
- package/components/edit-option-picker/index.cjs +2 -2
- package/components/edit-option-picker/index.js +4 -4
- package/components/edit-option-position-picker/index.cjs +1 -1
- package/components/edit-option-position-picker/index.js +3 -3
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +7 -7
- package/components/edit-option-radio-button-group/index.cjs +4 -4
- package/components/edit-option-radio-button-group/index.js +4 -4
- package/components/edit-option-slider/index.cjs +2 -2
- package/components/edit-option-slider/index.js +27 -27
- package/components/edit-option-switch/index.cjs +3 -3
- package/components/edit-option-switch/index.js +5 -5
- package/components/edit-option-text-field/index.cjs +2 -2
- package/components/edit-option-text-field/index.js +3 -3
- package/components/es-CGiBfBKJ.cjs +20 -0
- package/components/{es-D37mTCZB.js → es-DBmbFw-L.js} +55 -1
- package/components/filter-data-item-picker/filter-data-item-picker.d.ts +88 -0
- package/components/filter-data-item-picker/index.cjs +47 -0
- package/components/filter-data-item-picker/index.d.ts +7 -0
- package/components/filter-data-item-picker/index.js +193 -0
- package/components/filter-expression-picker/filter-expression-picker.d.ts +74 -0
- package/components/filter-expression-picker/index.cjs +20 -0
- package/components/filter-expression-picker/index.d.ts +7 -0
- package/components/filter-expression-picker/index.js +30 -0
- package/components/filter-group/filter-group.d.ts +26 -0
- package/components/filter-group/index.d.ts +7 -0
- package/components/filter-item/filter-item.d.ts +76 -0
- package/components/filter-item/index.cjs +52 -0
- package/components/filter-item/index.d.ts +7 -0
- package/components/filter-item/index.js +271 -0
- package/components/filter-parameter-picker/filter-parameter-picker.d.ts +25 -0
- package/components/filter-parameter-picker/index.d.ts +7 -0
- package/components/filter-value-picker/filter-value-picker.d.ts +65 -0
- package/components/filter-value-picker/index.cjs +51 -0
- package/components/filter-value-picker/index.d.ts +7 -0
- package/components/filter-value-picker/index.js +149 -0
- package/components/filter-value-picker-datetime/filter-value-picker-datetime.d.ts +43 -0
- package/components/filter-value-picker-datetime/index.cjs +288 -0
- package/components/filter-value-picker-datetime/index.d.ts +7 -0
- package/components/filter-value-picker-datetime/index.js +2820 -0
- package/components/filter-value-picker-hierarchy/filter-value-picker-hierarchy.d.ts +82 -0
- package/components/filter-value-picker-hierarchy/index.cjs +46 -0
- package/components/filter-value-picker-hierarchy/index.d.ts +7 -0
- package/components/filter-value-picker-hierarchy/index.js +278 -0
- package/components/filter-value-picker-numeric/filter-value-picker-numeric.d.ts +83 -0
- package/components/filter-value-picker-numeric/index.cjs +46 -0
- package/components/filter-value-picker-numeric/index.d.ts +7 -0
- package/components/filter-value-picker-numeric/index.js +274 -0
- package/components/flow-D-0MTYCm-BOBCoA5Z.js +546 -0
- package/components/flow-D-0MTYCm-BW5krWol.cjs +48 -0
- package/components/{focusable-BNESohBR-DbTLvYXr.cjs → focusable-BxtpnzWp-CkK9AeMt.cjs} +2 -2
- package/components/{focusable-BNESohBR-DYvAZYXL.js → focusable-BxtpnzWp-DJQkL8Zv.js} +1 -1
- package/components/focusable-DB6Uhr-C.js +275 -0
- package/components/focusable-_wp5pWO-.cjs +20 -0
- package/components/{fr-BWJHvkss.js → fr-BOwMikLT.js} +55 -1
- package/components/fr-DZbYwMlh.cjs +20 -0
- package/components/{get-css-variable-Bhbr-Kr1.js → get-css-variable-YlLiVgo8.js} +2 -2
- package/components/{if-defined-DbhS35z5.js → if-defined-B4gwZxx6.js} +1 -1
- package/components/{if-defined-D-1p2bLN-Bn-33APC.js → if-defined-DOaE2coe-CNT45Xcl.js} +1 -1
- package/components/{if-defined-D-1p2bLN-0_AoRnT2.cjs → if-defined-DOaE2coe-Cvlu5s9n.cjs} +1 -1
- package/components/{if-defined-CF8baNdl.cjs → if-defined-DqthfJme.cjs} +2 -2
- package/components/{index-Dwp251OJ.js → index-5mZhN-HJ.js} +7 -6
- package/components/{index-B3jkBlKY.js → index-BC1LV3vH.js} +3 -3
- package/components/{index-BXMPi13W.js → index-BCBLJ-ei.js} +82 -82
- package/components/{index-B9dQtvu7.js → index-BHJH1eGn.js} +3 -3
- package/components/index-BHXq1-M1.cjs +195 -0
- package/components/{index-C2-2RrwB.cjs → index-BKwbYw6x.cjs} +3 -3
- package/components/index-BOqSYlku.cjs +38 -0
- package/components/{index-D5rT-qy9.cjs → index-Bafc5poK.cjs} +12 -28
- package/components/{index-CqFCIIIl.js → index-BbuNpVBr.js} +3 -3
- package/components/{index-CRx2nPkq.js → index-Bmpw4rGV.js} +3 -3
- package/components/{index-D8Na-686.cjs → index-BoXbQm2o.cjs} +1 -1
- package/components/{index-uRWe553S.cjs → index-BtIWR_s6.cjs} +4 -4
- package/components/index-BwsEWpIS.js +494 -0
- package/components/{index-CF84gqsb.cjs → index-C2PPSv8E.cjs} +4 -4
- package/components/{index-CbeVu32V.js → index-C3N6qTxJ.js} +3 -3
- package/components/index-C5m9vRp5.js +598 -0
- package/components/{index-bZQXFqxv.cjs → index-CBOAQ3-E.cjs} +10 -10
- package/components/{index-_McOOiwL.cjs → index-CSm0I7Gz.cjs} +4 -4
- package/components/index-CTHlwZ9E.cjs +274 -0
- package/components/{index-Brg_sVUg.js → index-CTVNGPeT.js} +1 -1
- package/components/{index-Rjoe8cIs.js → index-Cb5l6iK_.js} +110 -173
- package/components/{index-BkCJwWm3.cjs → index-CeENkpNK.cjs} +3 -3
- package/components/{index-BnbhRpm9.js → index-CnRQGFHT.js} +3 -3
- package/components/{index-BKcvEgWr.cjs → index-CnpJUw_z.cjs} +3 -3
- package/components/{index-DJik7S7b.js → index-CsDgk_sj.js} +2 -2
- package/components/{index-fl13NYnO.js → index-CskV_bXp.js} +2 -2
- package/components/index-CyWwLYEO.js +1789 -0
- package/components/index-D9yzIoGv.js +1666 -0
- package/components/{index-Bwxvaqxq.cjs → index-DF-s3cEL.cjs} +11 -11
- package/components/{index-CVuJ-LUO.cjs → index-DSQyBS9Z.cjs} +2 -2
- package/components/{index-Bb8vxGZY.js → index-Desl7GJ0.js} +19 -15
- package/components/{index-0HUnZcem.cjs → index-DtohCwyO.cjs} +2 -2
- package/components/index-TQG9Xdxu.cjs +20 -0
- package/components/index-c2uKLWDt.cjs +157 -0
- package/components/{index-C9-QEfA9.cjs → index-j8UKjHqY.cjs} +4 -4
- package/components/{index-DZZMSlYS.js → index-rQxtPaJl.js} +6 -6
- package/components/index.cjs +1 -1
- package/components/index.js +41 -27
- package/components/localized-decorator-ClAOFk8M.cjs +28 -0
- package/components/localized-decorator-DGnMToFa.js +48 -0
- package/components/{luzmo-icons-U09GB75o.js → luzmo-icons-CPucBq6e.js} +89 -89
- package/components/luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs +47 -0
- package/components/{luzmo-icons-BLN3xVgr-Tz5XXgbL.js → luzmo-icons-DbwDQtuO-QG0fLECn.js} +67 -25
- package/components/luzmo-icons-Nyf1P71v.cjs +31 -0
- package/components/nl-0V96M02q.cjs +20 -0
- package/components/nl-CY0iO3Ch.js +158 -0
- package/components/observe-slot-presence-CmVi0zTc-B4M1Mze7.cjs +36 -0
- package/components/observe-slot-presence-CmVi0zTc-DCFuXW7v.js +87 -0
- package/components/{observe-slot-text-CVKLDesL-BB2RmFgc.cjs → observe-slot-text-BPfIQQtz-DHOh38Ve.cjs} +4 -4
- package/components/{observe-slot-text-CVKLDesL-CXUeCmXW.js → observe-slot-text-BPfIQQtz-v6B-1BYh.js} +5 -5
- package/components/pending-state-DTX7ggyF-BQGaWUEI.cjs +80 -0
- package/components/pending-state-DTX7ggyF-KolnwUB7.js +321 -0
- package/components/{periods.const-CDIkC5CK.cjs → periods.const-BbgInj9J.cjs} +1 -1
- package/components/{periods.const-GHh5bPfs.js → periods.const-D2cMP5hH.js} +1 -1
- package/components/{popover-DRyjN9y_-w1zh4tvw.js → popover-DjX0aAnY-B_ujTfos.js} +2 -2
- package/components/{popover-DRyjN9y_-7mF_fAOh.cjs → popover-DjX0aAnY-CSUMV_Ay.cjs} +3 -3
- package/components/property-CxtZroGf.js +600 -0
- package/components/property-Dlf9S6Jz.cjs +42 -0
- package/components/{query-assigned-nodes-C76XVPWY-k1jDPyUQ.cjs → query-assigned-nodes-C76XVPWY-BW2w3V7-.cjs} +1 -1
- package/components/{query-assigned-nodes-C76XVPWY-BWouxGZs.js → query-assigned-nodes-C76XVPWY-DxNwGHfW.js} +1 -1
- package/components/scatter-plot-options.config-CFfGJXsV.cjs +20 -0
- package/components/{scatter-plot-options.config-lrkd9qj4.js → scatter-plot-options.config-Corlzno1.js} +78 -48
- package/components/set-locale-5FFfQpVQ.cjs +52 -0
- package/components/set-locale-DAGnJZD8.js +188 -0
- package/components/{sized-mixin-DMuOVsw0.js → sized-mixin-C7R5uRbF.js} +1 -1
- package/components/sized-mixin-ZTphZKLm.cjs +20 -0
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +12 -11
- package/components/slot-menu-list/index.cjs +3 -3
- package/components/slot-menu-list/index.js +15 -14
- package/components/{state-e2n-fyrr.js → state-BVYsk_HZ.js} +1 -1
- package/components/{state-QgHgNZLe.cjs → state-CrfOw8Zp.cjs} +2 -2
- package/components/{streaming-listener-C8Ctj0Q6-lanbGKR9.js → streaming-listener-CP-JE6Fa-9MH0gENR.js} +3 -3
- package/components/{streaming-listener-C8Ctj0Q6-BhMxS69F.cjs → streaming-listener-CP-JE6Fa-DMzr1X1m.cjs} +3 -3
- package/components/{task-fQFUVV8e.cjs → task-CdvrMX8r.cjs} +2 -2
- package/components/{task-gE27tBDv.js → task-DH8UFyxP.js} +1 -1
- package/components/{text-field-C0pFjPG1-BCVbGXp7.cjs → text-field-BIADXoLC-B8w9TVmS.cjs} +8 -8
- package/components/{text-field-C0pFjPG1-B4TRivuD.js → text-field-BIADXoLC-B9oE05VF.js} +11 -10
- package/custom-elements.json +1891 -34
- package/index.d.ts +7 -0
- package/item-definitions/scatter-plot/scatter-plot-options.config.d.ts +3 -0
- package/package.json +46 -1
- package/utils/data-broker/index.d.ts +179 -0
- package/utils/data-item-types/calculate-data-item-icon.d.ts +3 -0
- package/utils/filters/expressions.d.ts +15 -0
- package/utils/filters/index.d.ts +1 -0
- package/utils/localize/set-locale.d.ts +4 -2
- package/utils/types/column.types.d.ts +1 -1
- package/components/de-DgHoh7KS.cjs +0 -20
- package/components/draggable-data-item-level/helpers/calculate-type-icon.d.ts +0 -2
- package/components/edit-option-base-jkkFevzT.cjs +0 -53
- package/components/es-ByW01bzN.cjs +0 -20
- package/components/focusable-Cu_m_GTh.cjs +0 -42
- package/components/focusable-Dw_pMNQL.js +0 -852
- package/components/fr-DnFUAglm.cjs +0 -20
- package/components/index-CqynTbW1.cjs +0 -217
- package/components/index-DFnzlbHX.js +0 -779
- package/components/index-hogChFy0.cjs +0 -195
- package/components/luzmo-icons-BDClm1AE.cjs +0 -31
- package/components/luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs +0 -47
- package/components/nl-CWxJcTNT.js +0 -104
- package/components/nl-CpfDNK5c.cjs +0 -20
- package/components/scatter-plot-options.config-DkJLutNb.cjs +0 -20
- package/components/set-locale-ByIApH40.cjs +0 -60
- package/components/set-locale-DJYT4V7U.js +0 -212
- package/components/sized-mixin-Cqlxwicw.cjs +0 -20
- /package/components/{divider.module-DwOuLGU3-B19eHVg2.js → divider.module-DoQWQEIJ-B19eHVg2.js} +0 -0
- /package/components/{divider.module-DwOuLGU3-Bg8RrFkc.cjs → divider.module-DoQWQEIJ-Bg8RrFkc.cjs} +0 -0
@@ -1,20 +0,0 @@
|
|
1
|
-
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
-
*
|
3
|
-
* Copyright © 2025 Luzmo
|
4
|
-
* All rights reserved.
|
5
|
-
* Luzmo web components (“Luzmo Web Components”)
|
6
|
-
* must be used according to the Luzmo Terms of Service.
|
7
|
-
* This license allows users with a current active Luzmo account
|
8
|
-
* to use the Luzmo Web Components. This license terminates
|
9
|
-
* automatically if a user no longer has an active Luzmo account.
|
10
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
-
*
|
12
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
-
* SOFTWARE.
|
19
|
-
* */
|
20
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={s00decbd8fed4f501:"Maximum",s079a052719914d71:"Catégorie",s099b18e1bd8a1154:"Heures",s09c2b609dff29061:"Somme cumulative",s0acece4c687177a9:"Numéros de trimestre",s0bb151c9319a6813:"Axe X",s1125d159f7e64df5:"Affichage",s11326fd2590f4e5e:"Par défaut",s146475c4daa430ed:"Décimales",s184501a399a815dc:"Trimestres",s18498398aeb37b07:"La semaine commence le",s1cdb6b07fe827486:"Numéro de la semaine",s1f0916624a87d415:"Jour de l'année",s2454d1f117573457:"Précision",s247d110f13a3a288:"Jour de la semaine",s2695506122ffd614:"Seconde dans la minute",s2798d16f4e04857e:"Minute dans l'heure",s281f1d977ddc0ebe:"Numéro du mois",s2ea38ce3da088075:"Périodes",s2fb2a49481123d6a:"Semaines",s3c6455b19fb1c3e4:"Changement absolu",s3dcf7b255596a2c3:"Écart type",s441accd1cd3484c9:"Minute",s467b030b9a34b3c8:"Moyenne",s48e186fb300e5464:"Temps",s496c60f73bdf5725:"Agrégation",s4b58c01e2578f5e4:"Légende",s4efbcab48a433013:"Long",s602805b1eb3106c6:"Axe Y",s6031881827829901:"24h",s60b34c3c17dc35bd:"Années",s66722bc2ea775e05:"Désactivé",s669b18c6d2d9c95b:"Aucun",s66dcbbc0355c2759:"Dimanche",s680f01021b5e339d:"Semaine",s6b0bffd88024372f:"Heure",s716a6024e3fe999c:"Afficher",s71a5c9f4b68ef4d4:"Compte",s740d7e8b131e9e97:"Moyenne pondérée",s7632fc9aa12bf382:"Mois",s8665d029b5cb8b24:"Totaux généraux",s8d0259032729869d:"Seconde",s965c503c3e42fdfe:"Activé",s981f232bd33ec927:"Taux",s987abe19fac8d108:"Somme",s98c337186f2d57c6:"Largeur de la bin",s9b9009d4a5004fb8:"Regroupement",sa3c9339de23c1752:"Format",sa6ab5184d6315895:"De",sa6f2645578b2d2bc:"Année",sac94bb71f7737997:"Médiane",sacae74732f544fca:"Jours",sb1f654608a3eea75:"Jour de la semaine",sb47daaf9e1c4a905:"Mois",sb5b295e3a7500b9c:"Niveaux de durée",sb6513caf69971fb5:"Court",sbbb97b1c63507dc0:"Nombre",sc1bf67624fa6d498:"% de changement",sc27dc998602cdc61:"Exemple :",sc4842e5b8b90466a:"Secondes",sc6e49f3d37e54030:"Heure dans la journée",scf2bb2b0de9cdb8a:"Milliseconde",sd237be440de38cc7:"Trimestre",sd28141a332dc31fa:"Jour du mois",sd7ebafacf602c9bd:"Lettre",sdb73788b3c975f16:"Automatique",se0955919920ee87d:"Jour",se211e3d21bbf3bff:"Mesure",se2b7530e30fa607d:"Comparaison de période",se415bbea6c976fb1:"Grouper par",se715be190539325a:"il y a",se8e9d799a9e267ce:"Compte distinct",se9ff6e9a514d8cf9:"Lundi",seb4eae68d45315b7:"Minimum",see0ec27fb03d880e:"Minutes",sef49aec68fd1dc66:"Nom",sf6cda8263b3170af:"Utiliser la période à ce jour pour les périodes incomplètes",sf9c10516a62a23db:"Afficher comme",sfad9ed343e97551c:"Valeur passée",sfbac36245480ddbc:"Séparateur"};exports.templates=e;
|
@@ -1,217 +0,0 @@
|
|
1
|
-
/*! * A kit of modern Luzmo Web Components for analytics in your web application.
|
2
|
-
*
|
3
|
-
* Copyright © 2025 Luzmo
|
4
|
-
* All rights reserved.
|
5
|
-
* Luzmo web components (“Luzmo Web Components”)
|
6
|
-
* must be used according to the Luzmo Terms of Service.
|
7
|
-
* This license allows users with a current active Luzmo account
|
8
|
-
* to use the Luzmo Web Components. This license terminates
|
9
|
-
* automatically if a user no longer has an active Luzmo account.
|
10
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
11
|
-
*
|
12
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
13
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
14
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
15
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
16
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
17
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
18
|
-
* SOFTWARE.
|
19
|
-
* */
|
20
|
-
"use strict";const r=require("./base-D76d76ww-BEIhYtgV.cjs"),u=require("./directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs"),s=require("./if-defined-D-1p2bLN-0_AoRnT2.cjs"),f=require("./index-Bwxvaqxq.cjs"),z=require("./focusable-BNESohBR-DbTLvYXr.cjs"),y=require("./index-uRWe553S.cjs"),m=require("./async-directive-C_bp5UcZ-mUPcBvyn.cjs");require("./index-C2-2RrwB.cjs");const h=require("./luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs");require("./index-D5rT-qy9.cjs");/*! * Lucero - The design system for Luzmo.
|
21
|
-
*
|
22
|
-
* Copyright © 2025 Luzmo
|
23
|
-
* All rights reserved.
|
24
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
25
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
26
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
27
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
28
|
-
*
|
29
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
30
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
31
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
32
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
33
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
34
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
35
|
-
* SOFTWARE.
|
36
|
-
* *//**
|
37
|
-
* @license
|
38
|
-
* Copyright 2018 Google LLC
|
39
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
40
|
-
*/const x=u._(class extends u.${constructor(i){var e;if(super(i),i.type!==u.s.ATTRIBUTE||i.name!=="class"||((e=i.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var o,t;if(this.st===void 0){this.st=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(const n in e)e[n]&&!((o=this.nt)!=null&&o.has(n))&&this.st.add(n);return this.render(e)}const l=i.element.classList;for(const n of this.st)n in e||(l.remove(n),this.st.delete(n));for(const n in e){const d=!!e[n];d===this.st.has(n)||(t=this.nt)!=null&&t.has(n)||(d?(l.add(n),this.st.add(n)):(l.remove(n),this.st.delete(n)))}return r.v}});/*! * Lucero - The design system for Luzmo.
|
41
|
-
*
|
42
|
-
* Copyright © 2025 Luzmo
|
43
|
-
* All rights reserved.
|
44
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
45
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
46
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
47
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
48
|
-
*
|
49
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
50
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
51
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
52
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
53
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
54
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
55
|
-
* SOFTWARE.
|
56
|
-
* */const w="(max-width: 743px) and (hover: none) and (pointer: coarse)";class I{constructor(e,o){this.key=Symbol("match-media-key"),this.matches=!1,this.host=e,this.host.addController(this),this.media=window.matchMedia(o),this.matches=this.media.matches,this.onChange=this.onChange.bind(this),e.addController(this)}hostConnected(){var e;(e=this.media)==null||e.addEventListener("change",this.onChange)}hostDisconnected(){var e;(e=this.media)==null||e.removeEventListener("change",this.onChange)}onChange(e){this.matches!==e.matches&&(this.matches=e.matches,this.host.requestUpdate(this.key,!this.matches))}}const 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{margin-inline-end:var(--luzmo-picker-spacing-text-to-icon, var(--picker-spacing-text-to-icon));font-size:var(--luzmo-picker-font-size, var(--picker-font-size))}@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.is-keyboardFocused,#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-thickness, var(--picker-focus-indicator-thickness));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-thickness, var(--picker-focus-indicator-thickness)) + 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-thickness, var(--picker-focus-indicator-thickness)) + 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.is-keyboardFocused,#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.is-keyboardFocused:after,#button:focus-visible:after{border-color:var(--highcontrast-picker-focus-indicator-color, var(--luzmo-picker-focus-indicator-color, var(--picker-focus-indicator-color)))}#button.is-keyboardFocused.placeholder,#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.is-keyboardFocused .disclosure-icon,#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.is-keyboardFocused:not(:disabled,.is-disabled),: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}.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;margin-inline-start:var(--luzmo-picker-spacing-icon-to-disclosure-icon, var(--picker-spacing-icon-to-disclosure-icon));color:var(--highcontrast-picker-content-color-default, var(--luzmo-picker-icon-color-default, var(--picker-icon-color-default)));flex-shrink:0;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{display:flex;position:relative;height:100%;align-items:center;font-size:var(--luzmo-picker-disclosure-icon-size, var(--picker-disclosure-icon-size))}.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);border:none;border-radius:0;box-shadow:none;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{block-size:auto;inline-size:auto;border:none}@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.is-keyboardFocused,:host([quiet]) #button:focus-visible{background-color:initial;background-color:var(--highcontrast-picker-background-color, transparent)}:host([quiet]) #button.is-keyboardFocused:after,:host([quiet]) #button:focus-visible:after{box-shadow:0 var(--luzmo-picker-focus-indicator-thickness, var(--picker-focus-indicator-thickness)) 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 rgba(var(--luzmo-border-color-rgb), .06);--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-thickness: 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);padding-inline-start:var(--luzmo-menu-item-label-inline-edge-to-content, var(--menu-item-label-inline-edge-to-content));background-color:var(--luzmo-menu-item-highlight-label-background-color, var(--menu-item-highlight-label-background-color, var(--luzmo-border-color)))}:host{display:inline-flex;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)))}: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{-webkit-user-select:inherit;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{border:0;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}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)))}';var v=(i=>(i[i.desktop=0]="desktop",i[i.mobile=1]="mobile",i))(v||{});let k=class{constructor(e,o){this.target=e,this.host=o,this.preventNextToggle="no",this.pointerdownState=!1,this.enterKeydownOn=null,this._open=!1,this.target=e,this.host=o,this.host.addController(this),this.init()}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}customElements.whenDefined("luzmo-overlay").then(async()=>{const{LuzmoOverlay:o}=await Promise.resolve().then(()=>require("./index-Bwxvaqxq.cjs")).then(t=>t.index);this.overlay=new o,this.host.open=!0,this.host.requestUpdate()}),Promise.resolve().then(()=>require("./index-Bwxvaqxq.cjs")).then(o=>o.index)}}get overlay(){return this._overlay}set overlay(e){e&&this.overlay!==e&&(this._overlay=e,this.initOverlay())}releaseDescription(){}handleBeforetoggle(e){var o;e.composedPath()[0]===e.target&&(e.newState==="closed"&&(this.preventNextToggle==="no"?this.open=!1:this.pointerdownState||(o=this.overlay)==null||o.manuallyKeepOpen()),this.open||(this.host.optionsMenu.updateSelectedItemIndex(),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(){var e;this.releaseDescription(),(e=this.abortController)==null||e.abort()}hostConnected(){this.init()}hostDisconnected(){var e;(e=this.abortController)==null||e.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=class extends k{constructor(){super(...arguments),this.type=v.desktop}handlePointerdown(e){if(e.button!==0||e.pointerType==="touch")return;this.pointerdownState=this.open,this.preventNextToggle="maybe";let o=0;const t=()=>{cancelAnimationFrame(o),o=requestAnimationFrame(()=>{document.removeEventListener("pointerup",t),document.removeEventListener("pointercancel",t),this.target.removeEventListener("click",t),requestAnimationFrame(()=>{this.preventNextToggle="no"})})};document.addEventListener("pointerup",t),document.addEventListener("pointercancel",t),this.target.addEventListener("click",t),this.handleActivate()}handleActivate(e){this.enterKeydownOn&&this.enterKeydownOn!==this.target||this.preventNextToggle!=="yes"&&((e==null?void 0:e.type)==="click"&&this.open!==this.pointerdownState||this.host.toggle())}init(){var e;(e=this.abortController)==null||e.abort(),this.abortController=new AbortController;const{signal:o}=this.abortController;this.target.addEventListener("click",t=>this.handleActivate(t),{signal:o}),this.target.addEventListener("pointerdown",t=>this.handlePointerdown(t),{signal:o}),this.target.addEventListener("focus",t=>this.handleButtonFocus(t),{signal:o})}};const p="remove-focus-ring-safari-hack";class q extends k{constructor(){super(...arguments),this.type=v.mobile}handleClick(){this.preventNextToggle==="no"&&(this.open=!this.open),this.preventNextToggle="no"}handlePointerdown(){this.preventNextToggle=this.open?"yes":"no",m.c()&&this.target.classList.add(p)}handleFocusOut(){this.host.open||m.c()&&this.target.classList.contains(p)&&this.target.classList.remove(p)}init(){var e;(e=this.abortController)==null||e.abort(),this.abortController=new AbortController;const{signal:o}=this.abortController;this.target.addEventListener("click",()=>this.handleClick(),{signal:o}),this.target.addEventListener("pointerdown",()=>this.handlePointerdown(),{signal:o}),this.target.addEventListener("focusout",()=>this.handleFocusOut(),{signal:o})}}const b={desktop:S,mobile:q};/*! * Lucero - The design system for Luzmo.
|
57
|
-
*
|
58
|
-
* Copyright © 2025 Luzmo
|
59
|
-
* All rights reserved.
|
60
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
61
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
62
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
63
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
64
|
-
*
|
65
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
66
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
67
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
68
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
69
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
70
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
71
|
-
* SOFTWARE.
|
72
|
-
* */class ${constructor(e){this.cachedAriaLabel=null,this.host=e,this.host.addController(this)}renderPendingState(){const e=this.host.pendingLabel||"Pending";return this.host.pending?r.Rt`
|
73
|
-
<luzmo-progress-circle
|
74
|
-
id="loader"
|
75
|
-
size="s"
|
76
|
-
indeterminate
|
77
|
-
aria-valuetext=${e}
|
78
|
-
class="progress-circle"
|
79
|
-
></luzmo-progress-circle>
|
80
|
-
`:r.Rt``}updateAriaLabel(){const{pending:e,disabled:o,pendingLabel:t}=this.host,l=this.host.getAttribute("aria-label");e&&!o&&l!==t?(this.cachedAriaLabel=l,this.host.setAttribute("aria-label",t||"Pending")):(!e||o)&&(this.cachedAriaLabel?this.host.setAttribute("aria-label",this.cachedAriaLabel):e||this.host.removeAttribute("aria-label"))}hostConnected(){this.cachedAriaLabel||(this.cachedAriaLabel=this.host.getAttribute("aria-label")),this.updateAriaLabel()}hostUpdated(){this.updateAriaLabel()}}/*! * Lucero - The design system for Luzmo.
|
81
|
-
*
|
82
|
-
* Copyright © 2025 Luzmo
|
83
|
-
* All rights reserved.
|
84
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
85
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
86
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
87
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
88
|
-
*
|
89
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
90
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
91
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
92
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
93
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
94
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
95
|
-
* SOFTWARE.
|
96
|
-
* */var E=Object.defineProperty,M=Object.getOwnPropertyDescriptor,c=(i,e,o,t)=>{for(var l=t>1?void 0:t?M(e,o):e,n=i.length-1,d;n>=0;n--)(d=i[n])&&(l=(t?d(e,o,l):d(l))||l);return t&&l&&E(e,o,l),l};const L=()=>r.Rt`
|
97
|
-
<div class="disclosure-icon icon">
|
98
|
-
${h.S(h.s,{className:"indicator"})}
|
99
|
-
</div>
|
100
|
-
`,A=()=>r.Rt`
|
101
|
-
<div class="icon-container validation-icon icon">
|
102
|
-
${h.S(h.u)}
|
103
|
-
</div>
|
104
|
-
`,g="option-picker";class a extends r.m(z.r,{noDefaultSize:!0}){constructor(){super(),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 y.a(this),this.isMobile=new I(this,w),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,o)=>{this.appliedLabel=e,this.labelAlignment=o.sideAligned?"inline":void 0},this.handleKeydown=e=>{this.focused=!0,!(e.code!=="ArrowDown"&&e.code!=="ArrowUp")&&(e.stopPropagation(),e.preventDefault(),this.toggle(!0))},this.renderAngleIcon=()=>L(),this.renderAlertIcon=()=>A(),this.handleEnterKeydown=e=>{if(e.code==="Enter"){if(this.enterKeydownOn){e.preventDefault();return}this.enterKeydownOn=e.target,this.addEventListener("keyup",o=>{o.code==="Enter"&&(this.enterKeydownOn=null)},{once:!0})}},this.pendingStateController=new $(this)}get selectedItem(){return this._selectedItem}get selectedItemContent(){return this._selectedItemContent||{icon:[],content:[]}}get selfManageFocusElement(){return this._selfManageFocusElement}get menuItems(){return this.optionsMenu.childItems}set selectedItem(e){const o=e==null?void 0:e.querySelector('[slot="icon"]');if(this.selectedItemContent=e?e.itemChildren:void 0,e===this.selectedItem)return;const t=this.selectedItem;this._selectedItem=e,this._selectedItemIcon=(o==null?void 0:o.icon)??void 0,this.requestUpdate("selectedItem",t)}get focusElement(){return this.open?this.optionsMenu:this.button}forceFocusVisible(){this.disabled||(this.focused=!0)}click(){this.disabled||this.toggle()}handleButtonBlur(){this.focused=!1}focus(e){super.focus(e),!this.disabled&&this.focusElement&&(this.focused=this.hasVisibleFocusInTree())}handleHelperFocus(){this.focused=!0,this.button.focus()}handleChange(e){this.strategy&&(this.strategy.preventNextToggle="no");const o=e.target,[t]=o.selectedItems;e.stopPropagation(),e.cancelable?this.setValueFromItem(t,e):(this.open=!1,this.strategy&&(this.strategy.open=!1))}handleButtonFocus(e){var o;(o=this.strategy)==null||o.handleButtonFocus(e)}toggle(e){this.readonly||this.pending||(this.open=e===void 0?!this.open:e,this.strategy&&(this.strategy.open=this.open),this._selfManageFocusElement=this.open)}close(){this.readonly||this.strategy&&(this.open=!1,this.strategy.open=!1)}bindEvents(){var e;(e=this.strategy)==null||e.abort(),this.strategy=this.isMobile.matches?new b.mobile(this.button,this):new b.desktop(this.button,this)}connectedCallback(){super.connectedCallback(),this.recentlyConnected=this.hasUpdated}disconnectedCallback(){var e;this.close(),(e=this.strategy)==null||e.releaseDescription(),super.disconnectedCallback()}async setValueFromItem(e,o){this.open=!1,this.strategy&&(this.strategy.open=!1);const t=this.selectedItem,l=this.value;if(this.selectedItem=e,this.value=(e==null?void 0:e.value)??"",await this.updateComplete,!this.dispatchEvent(new CustomEvent("change",{bubbles:!0,cancelable:!0,composed:!0,detail:this.value}))&&this.selects){o&&o.preventDefault(),this.setMenuItemSelected(this.selectedItem,!1),t&&this.setMenuItemSelected(t,!0),this.selectedItem=t,this.value=l,this.open=!0,this.strategy&&(this.strategy.open=!0);return}else if(!this.selects){this.selectedItem=t,this.value=l;return}t&&this.setMenuItemSelected(t,!1),this.setMenuItemSelected(e,!!this.selects)}setMenuItemSelected(e,o){this.selects!=null&&(e.selected=o)}get containerStyles(){return this.isMobile.matches?{"--swc-menu-width":"100%"}:{}}set selectedItemContent(e){if(e===this.selectedItemContent)return;const o=this.selectedItemContent;this._selectedItemContent=e,this.requestUpdate("selectedItemContent",o)}handleTooltipSlotchange(e){this.tooltipEl=e.target.assignedElements()[0]}renderLabelContent(e){return this.value&&this.selectedItem?e:r.Rt`
|
105
|
-
<slot name="label" id="label">
|
106
|
-
<span aria-hidden=${s.m(this.appliedLabel?void 0:"true")}>
|
107
|
-
${this.label}
|
108
|
-
</span>
|
109
|
-
</slot>
|
110
|
-
`}get buttonContent(){const e={"visually-hidden":this.icons==="only"&&!!this.value,placeholder:!this.value,label:!0},o=this.appliedLabel||this.label,t=r.Rt` <div id="icon" ?hidden=${this.icons==="none"}>
|
111
|
-
${this._selectedItemIcon?h.S(this._selectedItemIcon):r.d}
|
112
|
-
</div>`;return[r.Rt`
|
113
|
-
${this._selectedItemIcon?t:r.d}
|
114
|
-
<div
|
115
|
-
id=${s.m(this.value&&this.selectedItem?"label":void 0)}
|
116
|
-
class=${x(e)}
|
117
|
-
>
|
118
|
-
${this.renderLabelContent(this.selectedItemContent.content)}
|
119
|
-
</div>
|
120
|
-
${this.value&&this.selectedItem?r.Rt`
|
121
|
-
<div
|
122
|
-
aria-hidden="true"
|
123
|
-
class="visually-hidden"
|
124
|
-
id="applied-label"
|
125
|
-
>
|
126
|
-
${o}
|
127
|
-
<slot name="label"></slot>
|
128
|
-
</div>
|
129
|
-
`:r.Rt` <span hidden id="applied-label">${o}</span> `}
|
130
|
-
${this.invalid&&!this.pending?r.Rt` ${this.renderAlertIcon()} `:r.d}
|
131
|
-
${this.pendingStateController.renderPendingState()}
|
132
|
-
${this.readonly?r.d:this.renderAngleIcon()}
|
133
|
-
<slot
|
134
|
-
aria-hidden="true"
|
135
|
-
name="tooltip"
|
136
|
-
id="tooltip"
|
137
|
-
@slotchange=${this.handleTooltipSlotchange}
|
138
|
-
></slot>
|
139
|
-
`]}renderOverlay(e){var o,t,l;if(((o=this.strategy)==null?void 0:o.overlay)===void 0)return e;const n=this.renderContainer(e);return r.wt(n,(t=this.strategy)==null?void 0:t.overlay,{host:this}),(l=this.strategy)==null?void 0:l.overlay}get renderDescriptionSlot(){return r.Rt`
|
140
|
-
<div id=${g}>
|
141
|
-
<slot name="description"></slot>
|
142
|
-
</div>
|
143
|
-
`}render(){return this.tooltipEl&&(this.tooltipEl.disabled=this.open),r.Rt`
|
144
|
-
<span
|
145
|
-
id="focus-helper"
|
146
|
-
tabindex=${this.focused||this.open?"-1":"0"}
|
147
|
-
@focus=${this.handleHelperFocus}
|
148
|
-
aria-describedby=${g}
|
149
|
-
></span>
|
150
|
-
<button
|
151
|
-
aria-controls=${s.m(this.open?"menu":void 0)}
|
152
|
-
aria-describedby="tooltip"
|
153
|
-
aria-expanded=${this.open?"true":"false"}
|
154
|
-
aria-haspopup="true"
|
155
|
-
aria-labelledby="loader icon label applied-label"
|
156
|
-
id="button"
|
157
|
-
class=${s.m(this.labelAlignment?`label-${this.labelAlignment}`:void 0)}
|
158
|
-
@blur=${this.handleButtonBlur}
|
159
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
160
|
-
?disabled=${this.disabled}
|
161
|
-
tabindex="-1"
|
162
|
-
>
|
163
|
-
${this.buttonContent}
|
164
|
-
</button>
|
165
|
-
${this.renderMenu} ${this.renderDescriptionSlot}
|
166
|
-
`}update(e){var o,t;this.selects&&(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"),(o=this.deprecatedMenu)==null||o.toggleAttribute("ignore",!0),(t=this.deprecatedMenu)==null||t.setAttribute("selects","inherit")),super.update(e)}bindButtonKeydownListener(){this.button.addEventListener("keydown",this.handleKeydown)}updated(e){super.updated(e),e.has("open")&&(this.strategy.open=this.open)}firstUpdated(e){super.firstUpdated(e),this.bindButtonKeydownListener(),this.bindEvents()}get dismissHelper(){return r.Rt`
|
167
|
-
<div class="visually-hidden">
|
168
|
-
<button
|
169
|
-
tabindex="-1"
|
170
|
-
aria-label="Dismiss"
|
171
|
-
@click=${this.close}
|
172
|
-
></button>
|
173
|
-
</div>
|
174
|
-
`}renderContainer(e){const o=r.Rt`
|
175
|
-
${this.dismissHelper} ${e} ${this.dismissHelper}
|
176
|
-
`;return this.dependencyManager.add("luzmo-popover"),Promise.resolve().then(()=>require("./index-D8Na-686.cjs")),r.Rt`
|
177
|
-
<luzmo-popover
|
178
|
-
id="popover"
|
179
|
-
size=${this.size}
|
180
|
-
role="presentation"
|
181
|
-
style=${f.p(this.containerStyles)}
|
182
|
-
placement=${this.placement}
|
183
|
-
>
|
184
|
-
${o}
|
185
|
-
</luzmo-popover>
|
186
|
-
`}get renderMenu(){const e=r.Rt`
|
187
|
-
<luzmo-menu
|
188
|
-
aria-labelledby="applied-label"
|
189
|
-
@change=${this.handleChange}
|
190
|
-
id="menu"
|
191
|
-
@keydown=${{handleEvent:this.handleEnterKeydown,capture:!0}}
|
192
|
-
@scroll=${this.onScroll}
|
193
|
-
role=${this.listRole}
|
194
|
-
.selects=${this.selects}
|
195
|
-
.selected=${this.value?[this.value]:[]}
|
196
|
-
size=${this.size}
|
197
|
-
@luzmo-menu-item-added-or-updated=${this.shouldManageSelection}
|
198
|
-
>
|
199
|
-
<slot @slotchange=${this.shouldScheduleManageSelection}></slot>
|
200
|
-
</luzmo-menu>
|
201
|
-
`;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(o=>this.selectionResolver=o);let e;await this.optionsMenu.updateComplete,this.recentlyConnected&&(await new Promise(o=>requestAnimationFrame(()=>o(!0))),this.recentlyConnected=!1),this.menuItems.forEach(o=>{this.value===o.value&&!o.disabled?e=o:o.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(){const e=await super.getUpdateComplete();return await this.selectionPromise,e}onScroll(){this.dispatchEvent(new Event("scroll",{cancelable:!0,composed:!0}))}}c([u.n()],a.prototype,"appliedLabel",2);c([s.d("#button")],a.prototype,"button",2);c([r.Dt({type:Boolean,reflect:!0})],a.prototype,"disabled",2);c([r.Dt({type:Boolean,reflect:!0})],a.prototype,"focused",2);c([r.Dt({type:String,reflect:!0})],a.prototype,"icons",2);c([r.Dt({type:String,reflect:!0})],a.prototype,"variant",2);c([r.Dt({type:Boolean,reflect:!0})],a.prototype,"invalid",2);c([r.Dt({type:Boolean,reflect:!0})],a.prototype,"pending",2);c([r.Dt({type:String,attribute:"pending-label"})],a.prototype,"pendingLabel",2);c([r.Dt()],a.prototype,"label",2);c([r.Dt({type:Boolean,reflect:!0})],a.prototype,"open",2);c([r.Dt({type:Boolean,reflect:!0})],a.prototype,"readonly",2);c([u.n()],a.prototype,"labelAlignment",2);c([s.d("luzmo-menu")],a.prototype,"optionsMenu",2);c([s.d("luzmo-overlay")],a.prototype,"overlayElement",2);c([r.Dt()],a.prototype,"placement",2);c([r.Dt({type:Boolean,reflect:!0})],a.prototype,"quiet",2);c([r.Dt({type:String})],a.prototype,"value",2);c([r.Dt({attribute:!1})],a.prototype,"selectedItem",1);c([u.n()],a.prototype,"selectedItemContent",1);class D extends a{constructor(){super(...arguments),this.handleKeydown=e=>{const{code:o}=e;if(this.focused=!0,!o.startsWith("Arrow")||this.readonly||this.pending)return;if(o==="ArrowUp"||o==="ArrowDown"){this.toggle(!0),e.preventDefault();return}e.preventDefault();const t=this.selectedItem?this.menuItems.indexOf(this.selectedItem):-1,l=t<0||o==="ArrowRight"?1:-1;let n=t+l;for(;this.menuItems[n]&&this.menuItems[n].disabled;)n+=l;!this.menuItems[n]||this.menuItems[n].disabled||(!this.value||n!==t)&&this.setValueFromItem(this.menuItems[n])}}static get styles(){return[r.at(C)]}get containerStyles(){const e=super.containerStyles;return this.quiet||(e["min-width"]=`${this.offsetWidth}px`),e}}/*! * Lucero - The design system for Luzmo.
|
202
|
-
*
|
203
|
-
* Copyright © 2025 Luzmo
|
204
|
-
* All rights reserved.
|
205
|
-
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
206
|
-
* This license allows users with a current active Luzmo account to use Lucero.
|
207
|
-
* This license terminates automatically if a user no longer has an active Luzmo account.
|
208
|
-
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
209
|
-
*
|
210
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
211
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
212
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
213
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
214
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
215
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
216
|
-
* SOFTWARE.
|
217
|
-
* */const F=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const i=document.createElement("style");i.setAttribute("data-luzmo-vars",""),i.textContent='html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-disabled-color);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-negative-color: #ca221c;--luzmo-negative-color-hover: #b3241f;--luzmo-negative-color-down: #9f231f;--luzmo-negative-color-focus: #b3241f;--luzmo-negative-color-rgb: 202, 34, 28;--luzmo-positive-color: rgb(20, 150, 101);--luzmo-positive-color-hover: rgb(17, 128, 86);--luzmo-positive-color-down: rgb(16, 105, 71);--luzmo-positive-color-focus: rgb(17, 128, 86);--luzmo-positive-color-rgb: 20, 150, 101;--luzmo-selected-color: rgb(110, 110, 110);--luzmo-selected-color-hover: rgb(70, 70, 70);--luzmo-selected-color-down: rgb(40, 40, 40);--luzmo-selected-color-focus: rgb(70, 70, 70);--luzmo-selected-color-hard: #1e1e1e;--luzmo-selected-color-hard-hover: rgb(0, 0, 0);--luzmo-selected-color-hard-down: rgb(0, 0, 0);--luzmo-selected-color-hard-focus: rgb(0, 0, 0);--luzmo-informative-color: #1a77e9;--luzmo-informative-color-rgb: 26, 119, 233;--luzmo-disabled-color: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}',document.head.appendChild(i)}};F();customElements.get("luzmo-picker")||customElements.define("luzmo-picker",D);
|