@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.
Files changed (217) hide show
  1. package/components/{async-directive-C_bp5UcZ-B5_19oN_.js → async-directive-BfcqVjDp-BCT-lA4F.js} +8 -8
  2. package/components/{async-directive-C_bp5UcZ-mUPcBvyn.cjs → async-directive-BfcqVjDp-C8C45jl6.cjs} +3 -3
  3. package/components/{base-D76d76ww-D0dTUBua.js → base-D76d76ww-BGkuhs54.js} +59 -47
  4. package/components/{base-D76d76ww-BEIhYtgV.cjs → base-D76d76ww-tT6yr8eb.cjs} +9 -9
  5. package/components/{button-base-WsJSnMie-B1TLbPwk.cjs → button-base-DbkDzb71-CY6MJGqE.cjs} +2 -2
  6. package/components/{button-base-WsJSnMie-CyGPs7kd.js → button-base-DbkDzb71-R8oqSqlY.js} +4 -4
  7. package/components/calculate-data-item-icon-BtUWtDx3.cjs +20 -0
  8. package/components/calculate-data-item-icon-DauSiV8c.js +97 -0
  9. package/components/{checkbox-mixin-CmeCReJh-wY0R8cuc.cjs → checkbox-mixin-Do7EgtpQ-D3m-dMTI.cjs} +3 -3
  10. package/components/{checkbox-mixin-CmeCReJh-C94-rm4F.js → checkbox-mixin-Do7EgtpQ-hne79zc-.js} +2 -2
  11. package/components/{de-BaTUIQk1.js → de-CCq00pbq.js} +55 -1
  12. package/components/de-DcZysUyZ.cjs +20 -0
  13. package/components/{directive-helpers-Bx_ey3Gk-BxvL9t9F.cjs → directive-helpers-Cm6gitnu-BeggOiwf.cjs} +4 -4
  14. package/components/{directive-helpers-Bx_ey3Gk-Csi4AxXe.js → directive-helpers-Cm6gitnu-CeYtlPO9.js} +53 -19
  15. package/components/display-settings/index.cjs +1 -1
  16. package/components/display-settings/index.js +18 -17
  17. package/components/display-settings-binning/display-settings-binning.d.ts +0 -1
  18. package/components/display-settings-binning/index.cjs +3 -2
  19. package/components/display-settings-binning/index.js +21 -21
  20. package/components/display-settings-datetime/index.cjs +2 -2
  21. package/components/display-settings-datetime/index.js +37 -35
  22. package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts +0 -1
  23. package/components/display-settings-grand-totals/index.cjs +4 -3
  24. package/components/display-settings-grand-totals/index.js +21 -21
  25. package/components/display-settings-numeric/index.cjs +14 -14
  26. package/components/display-settings-numeric/index.js +32 -30
  27. package/components/display-settings-period-over-period/index.cjs +6 -6
  28. package/components/display-settings-period-over-period/index.js +36 -34
  29. package/components/draggable-data-item/index.cjs +3 -3
  30. package/components/draggable-data-item/index.js +15 -13
  31. package/components/draggable-data-item-level/index.cjs +9 -9
  32. package/components/draggable-data-item-level/index.js +96 -167
  33. package/components/droppable-slot/index.cjs +7 -7
  34. package/components/droppable-slot/index.js +32 -30
  35. package/components/edit-item/index.cjs +11 -11
  36. package/components/edit-item/index.js +13 -12
  37. package/components/edit-option/index.cjs +1 -1
  38. package/components/edit-option/index.js +1 -1
  39. package/components/edit-option-action-button-group/index.cjs +2 -1
  40. package/components/edit-option-action-button-group/index.js +44 -43
  41. package/components/edit-option-base-CSJNbo2E.cjs +53 -0
  42. package/components/{edit-option-base-DOezOLDd.js → edit-option-base-DeQjGX4i.js} +5 -4
  43. package/components/edit-option-color-picker/index.cjs +23 -23
  44. package/components/edit-option-color-picker/index.js +50 -50
  45. package/components/edit-option-multi-language-field/index.cjs +1 -1
  46. package/components/edit-option-multi-language-field/index.js +3 -3
  47. package/components/edit-option-number-field/index.cjs +2 -2
  48. package/components/edit-option-number-field/index.js +3 -3
  49. package/components/edit-option-picker/index.cjs +2 -2
  50. package/components/edit-option-picker/index.js +4 -4
  51. package/components/edit-option-position-picker/index.cjs +1 -1
  52. package/components/edit-option-position-picker/index.js +3 -3
  53. package/components/edit-option-positions-number-field/index.cjs +1 -1
  54. package/components/edit-option-positions-number-field/index.js +7 -7
  55. package/components/edit-option-radio-button-group/index.cjs +4 -4
  56. package/components/edit-option-radio-button-group/index.js +4 -4
  57. package/components/edit-option-slider/index.cjs +2 -2
  58. package/components/edit-option-slider/index.js +27 -27
  59. package/components/edit-option-switch/index.cjs +3 -3
  60. package/components/edit-option-switch/index.js +5 -5
  61. package/components/edit-option-text-field/index.cjs +2 -2
  62. package/components/edit-option-text-field/index.js +3 -3
  63. package/components/es-CGiBfBKJ.cjs +20 -0
  64. package/components/{es-D37mTCZB.js → es-DBmbFw-L.js} +55 -1
  65. package/components/filter-data-item-picker/filter-data-item-picker.d.ts +88 -0
  66. package/components/filter-data-item-picker/index.cjs +47 -0
  67. package/components/filter-data-item-picker/index.d.ts +7 -0
  68. package/components/filter-data-item-picker/index.js +193 -0
  69. package/components/filter-expression-picker/filter-expression-picker.d.ts +74 -0
  70. package/components/filter-expression-picker/index.cjs +20 -0
  71. package/components/filter-expression-picker/index.d.ts +7 -0
  72. package/components/filter-expression-picker/index.js +30 -0
  73. package/components/filter-group/filter-group.d.ts +26 -0
  74. package/components/filter-group/index.d.ts +7 -0
  75. package/components/filter-item/filter-item.d.ts +76 -0
  76. package/components/filter-item/index.cjs +52 -0
  77. package/components/filter-item/index.d.ts +7 -0
  78. package/components/filter-item/index.js +271 -0
  79. package/components/filter-parameter-picker/filter-parameter-picker.d.ts +25 -0
  80. package/components/filter-parameter-picker/index.d.ts +7 -0
  81. package/components/filter-value-picker/filter-value-picker.d.ts +65 -0
  82. package/components/filter-value-picker/index.cjs +51 -0
  83. package/components/filter-value-picker/index.d.ts +7 -0
  84. package/components/filter-value-picker/index.js +149 -0
  85. package/components/filter-value-picker-datetime/filter-value-picker-datetime.d.ts +43 -0
  86. package/components/filter-value-picker-datetime/index.cjs +288 -0
  87. package/components/filter-value-picker-datetime/index.d.ts +7 -0
  88. package/components/filter-value-picker-datetime/index.js +2820 -0
  89. package/components/filter-value-picker-hierarchy/filter-value-picker-hierarchy.d.ts +82 -0
  90. package/components/filter-value-picker-hierarchy/index.cjs +46 -0
  91. package/components/filter-value-picker-hierarchy/index.d.ts +7 -0
  92. package/components/filter-value-picker-hierarchy/index.js +278 -0
  93. package/components/filter-value-picker-numeric/filter-value-picker-numeric.d.ts +83 -0
  94. package/components/filter-value-picker-numeric/index.cjs +46 -0
  95. package/components/filter-value-picker-numeric/index.d.ts +7 -0
  96. package/components/filter-value-picker-numeric/index.js +274 -0
  97. package/components/flow-D-0MTYCm-BOBCoA5Z.js +546 -0
  98. package/components/flow-D-0MTYCm-BW5krWol.cjs +48 -0
  99. package/components/{focusable-BNESohBR-DbTLvYXr.cjs → focusable-BxtpnzWp-CkK9AeMt.cjs} +2 -2
  100. package/components/{focusable-BNESohBR-DYvAZYXL.js → focusable-BxtpnzWp-DJQkL8Zv.js} +1 -1
  101. package/components/focusable-DB6Uhr-C.js +275 -0
  102. package/components/focusable-_wp5pWO-.cjs +20 -0
  103. package/components/{fr-BWJHvkss.js → fr-BOwMikLT.js} +55 -1
  104. package/components/fr-DZbYwMlh.cjs +20 -0
  105. package/components/{get-css-variable-Bhbr-Kr1.js → get-css-variable-YlLiVgo8.js} +2 -2
  106. package/components/{if-defined-DbhS35z5.js → if-defined-B4gwZxx6.js} +1 -1
  107. package/components/{if-defined-D-1p2bLN-Bn-33APC.js → if-defined-DOaE2coe-CNT45Xcl.js} +1 -1
  108. package/components/{if-defined-D-1p2bLN-0_AoRnT2.cjs → if-defined-DOaE2coe-Cvlu5s9n.cjs} +1 -1
  109. package/components/{if-defined-CF8baNdl.cjs → if-defined-DqthfJme.cjs} +2 -2
  110. package/components/{index-Dwp251OJ.js → index-5mZhN-HJ.js} +7 -6
  111. package/components/{index-B3jkBlKY.js → index-BC1LV3vH.js} +3 -3
  112. package/components/{index-BXMPi13W.js → index-BCBLJ-ei.js} +82 -82
  113. package/components/{index-B9dQtvu7.js → index-BHJH1eGn.js} +3 -3
  114. package/components/index-BHXq1-M1.cjs +195 -0
  115. package/components/{index-C2-2RrwB.cjs → index-BKwbYw6x.cjs} +3 -3
  116. package/components/index-BOqSYlku.cjs +38 -0
  117. package/components/{index-D5rT-qy9.cjs → index-Bafc5poK.cjs} +12 -28
  118. package/components/{index-CqFCIIIl.js → index-BbuNpVBr.js} +3 -3
  119. package/components/{index-CRx2nPkq.js → index-Bmpw4rGV.js} +3 -3
  120. package/components/{index-D8Na-686.cjs → index-BoXbQm2o.cjs} +1 -1
  121. package/components/{index-uRWe553S.cjs → index-BtIWR_s6.cjs} +4 -4
  122. package/components/index-BwsEWpIS.js +494 -0
  123. package/components/{index-CF84gqsb.cjs → index-C2PPSv8E.cjs} +4 -4
  124. package/components/{index-CbeVu32V.js → index-C3N6qTxJ.js} +3 -3
  125. package/components/index-C5m9vRp5.js +598 -0
  126. package/components/{index-bZQXFqxv.cjs → index-CBOAQ3-E.cjs} +10 -10
  127. package/components/{index-_McOOiwL.cjs → index-CSm0I7Gz.cjs} +4 -4
  128. package/components/index-CTHlwZ9E.cjs +274 -0
  129. package/components/{index-Brg_sVUg.js → index-CTVNGPeT.js} +1 -1
  130. package/components/{index-Rjoe8cIs.js → index-Cb5l6iK_.js} +110 -173
  131. package/components/{index-BkCJwWm3.cjs → index-CeENkpNK.cjs} +3 -3
  132. package/components/{index-BnbhRpm9.js → index-CnRQGFHT.js} +3 -3
  133. package/components/{index-BKcvEgWr.cjs → index-CnpJUw_z.cjs} +3 -3
  134. package/components/{index-DJik7S7b.js → index-CsDgk_sj.js} +2 -2
  135. package/components/{index-fl13NYnO.js → index-CskV_bXp.js} +2 -2
  136. package/components/index-CyWwLYEO.js +1789 -0
  137. package/components/index-D9yzIoGv.js +1666 -0
  138. package/components/{index-Bwxvaqxq.cjs → index-DF-s3cEL.cjs} +11 -11
  139. package/components/{index-CVuJ-LUO.cjs → index-DSQyBS9Z.cjs} +2 -2
  140. package/components/{index-Bb8vxGZY.js → index-Desl7GJ0.js} +19 -15
  141. package/components/{index-0HUnZcem.cjs → index-DtohCwyO.cjs} +2 -2
  142. package/components/index-TQG9Xdxu.cjs +20 -0
  143. package/components/index-c2uKLWDt.cjs +157 -0
  144. package/components/{index-C9-QEfA9.cjs → index-j8UKjHqY.cjs} +4 -4
  145. package/components/{index-DZZMSlYS.js → index-rQxtPaJl.js} +6 -6
  146. package/components/index.cjs +1 -1
  147. package/components/index.js +41 -27
  148. package/components/localized-decorator-ClAOFk8M.cjs +28 -0
  149. package/components/localized-decorator-DGnMToFa.js +48 -0
  150. package/components/{luzmo-icons-U09GB75o.js → luzmo-icons-CPucBq6e.js} +89 -89
  151. package/components/luzmo-icons-DbwDQtuO-DSQ-uVxy.cjs +47 -0
  152. package/components/{luzmo-icons-BLN3xVgr-Tz5XXgbL.js → luzmo-icons-DbwDQtuO-QG0fLECn.js} +67 -25
  153. package/components/luzmo-icons-Nyf1P71v.cjs +31 -0
  154. package/components/nl-0V96M02q.cjs +20 -0
  155. package/components/nl-CY0iO3Ch.js +158 -0
  156. package/components/observe-slot-presence-CmVi0zTc-B4M1Mze7.cjs +36 -0
  157. package/components/observe-slot-presence-CmVi0zTc-DCFuXW7v.js +87 -0
  158. package/components/{observe-slot-text-CVKLDesL-BB2RmFgc.cjs → observe-slot-text-BPfIQQtz-DHOh38Ve.cjs} +4 -4
  159. package/components/{observe-slot-text-CVKLDesL-CXUeCmXW.js → observe-slot-text-BPfIQQtz-v6B-1BYh.js} +5 -5
  160. package/components/pending-state-DTX7ggyF-BQGaWUEI.cjs +80 -0
  161. package/components/pending-state-DTX7ggyF-KolnwUB7.js +321 -0
  162. package/components/{periods.const-CDIkC5CK.cjs → periods.const-BbgInj9J.cjs} +1 -1
  163. package/components/{periods.const-GHh5bPfs.js → periods.const-D2cMP5hH.js} +1 -1
  164. package/components/{popover-DRyjN9y_-w1zh4tvw.js → popover-DjX0aAnY-B_ujTfos.js} +2 -2
  165. package/components/{popover-DRyjN9y_-7mF_fAOh.cjs → popover-DjX0aAnY-CSUMV_Ay.cjs} +3 -3
  166. package/components/property-CxtZroGf.js +600 -0
  167. package/components/property-Dlf9S6Jz.cjs +42 -0
  168. package/components/{query-assigned-nodes-C76XVPWY-k1jDPyUQ.cjs → query-assigned-nodes-C76XVPWY-BW2w3V7-.cjs} +1 -1
  169. package/components/{query-assigned-nodes-C76XVPWY-BWouxGZs.js → query-assigned-nodes-C76XVPWY-DxNwGHfW.js} +1 -1
  170. package/components/scatter-plot-options.config-CFfGJXsV.cjs +20 -0
  171. package/components/{scatter-plot-options.config-lrkd9qj4.js → scatter-plot-options.config-Corlzno1.js} +78 -48
  172. package/components/set-locale-5FFfQpVQ.cjs +52 -0
  173. package/components/set-locale-DAGnJZD8.js +188 -0
  174. package/components/{sized-mixin-DMuOVsw0.js → sized-mixin-C7R5uRbF.js} +1 -1
  175. package/components/sized-mixin-ZTphZKLm.cjs +20 -0
  176. package/components/slot-menu/index.cjs +1 -1
  177. package/components/slot-menu/index.js +12 -11
  178. package/components/slot-menu-list/index.cjs +3 -3
  179. package/components/slot-menu-list/index.js +15 -14
  180. package/components/{state-e2n-fyrr.js → state-BVYsk_HZ.js} +1 -1
  181. package/components/{state-QgHgNZLe.cjs → state-CrfOw8Zp.cjs} +2 -2
  182. package/components/{streaming-listener-C8Ctj0Q6-lanbGKR9.js → streaming-listener-CP-JE6Fa-9MH0gENR.js} +3 -3
  183. package/components/{streaming-listener-C8Ctj0Q6-BhMxS69F.cjs → streaming-listener-CP-JE6Fa-DMzr1X1m.cjs} +3 -3
  184. package/components/{task-fQFUVV8e.cjs → task-CdvrMX8r.cjs} +2 -2
  185. package/components/{task-gE27tBDv.js → task-DH8UFyxP.js} +1 -1
  186. package/components/{text-field-C0pFjPG1-BCVbGXp7.cjs → text-field-BIADXoLC-B8w9TVmS.cjs} +8 -8
  187. package/components/{text-field-C0pFjPG1-B4TRivuD.js → text-field-BIADXoLC-B9oE05VF.js} +11 -10
  188. package/custom-elements.json +1891 -34
  189. package/index.d.ts +7 -0
  190. package/item-definitions/scatter-plot/scatter-plot-options.config.d.ts +3 -0
  191. package/package.json +46 -1
  192. package/utils/data-broker/index.d.ts +179 -0
  193. package/utils/data-item-types/calculate-data-item-icon.d.ts +3 -0
  194. package/utils/filters/expressions.d.ts +15 -0
  195. package/utils/filters/index.d.ts +1 -0
  196. package/utils/localize/set-locale.d.ts +4 -2
  197. package/utils/types/column.types.d.ts +1 -1
  198. package/components/de-DgHoh7KS.cjs +0 -20
  199. package/components/draggable-data-item-level/helpers/calculate-type-icon.d.ts +0 -2
  200. package/components/edit-option-base-jkkFevzT.cjs +0 -53
  201. package/components/es-ByW01bzN.cjs +0 -20
  202. package/components/focusable-Cu_m_GTh.cjs +0 -42
  203. package/components/focusable-Dw_pMNQL.js +0 -852
  204. package/components/fr-DnFUAglm.cjs +0 -20
  205. package/components/index-CqynTbW1.cjs +0 -217
  206. package/components/index-DFnzlbHX.js +0 -779
  207. package/components/index-hogChFy0.cjs +0 -195
  208. package/components/luzmo-icons-BDClm1AE.cjs +0 -31
  209. package/components/luzmo-icons-BLN3xVgr-Cr3OrsqW.cjs +0 -47
  210. package/components/nl-CWxJcTNT.js +0 -104
  211. package/components/nl-CpfDNK5c.cjs +0 -20
  212. package/components/scatter-plot-options.config-DkJLutNb.cjs +0 -20
  213. package/components/set-locale-ByIApH40.cjs +0 -60
  214. package/components/set-locale-DJYT4V7U.js +0 -212
  215. package/components/sized-mixin-Cqlxwicw.cjs +0 -20
  216. /package/components/{divider.module-DwOuLGU3-B19eHVg2.js → divider.module-DoQWQEIJ-B19eHVg2.js} +0 -0
  217. /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);