@luzmo/analytics-components-kit 1.0.1-alpha.26 → 1.0.1-alpha.28

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 (165) hide show
  1. package/components/{async-directive-DWRUSKKF-CmOVMf6V.js → async-directive-DWRUSKKF-CPf9l5wJ.js} +1 -1
  2. package/components/{async-directive-DWRUSKKF-D4itZyzc.cjs → async-directive-DWRUSKKF-DWUZeMaj.cjs} +1 -1
  3. package/components/base-D76d76ww-C6YO3slp.cjs +94 -0
  4. package/components/base-D76d76ww-M5t7LVBG.js +758 -0
  5. package/components/{button-base-B7v4eeRh-D3-GH03o.js → button-base-DSHx7XO8-B_LbLx9g.js} +33 -32
  6. package/components/{button-base-B7v4eeRh-BKKUK3x0.cjs → button-base-DSHx7XO8-ChNRhetl.cjs} +4 -4
  7. package/components/{checkbox-mixin-BFGTmw17-C34LMsgu.js → checkbox-mixin-BFGTmw17-C1tjSMaa.js} +2 -2
  8. package/components/{checkbox-mixin-BFGTmw17-CCjGd0nS.cjs → checkbox-mixin-BFGTmw17-DF2p-vSz.cjs} +4 -4
  9. package/components/{directive-helpers-nlQRAaQt-3kEWF2GV.cjs → directive-helpers-nlQRAaQt-DTZp2cFt.cjs} +4 -4
  10. package/components/{directive-helpers-nlQRAaQt-I6T4KZKW.js → directive-helpers-nlQRAaQt-DgSC1Yr2.js} +1 -1
  11. package/components/display-settings/display-settings.d.ts +3 -3
  12. package/components/display-settings/index.cjs +1 -1
  13. package/components/display-settings/index.js +19 -19
  14. package/components/display-settings-binning/display-settings-binning.d.ts +3 -3
  15. package/components/display-settings-binning/index.cjs +2 -2
  16. package/components/display-settings-binning/index.js +20 -20
  17. package/components/display-settings-datetime/display-settings-datetime.d.ts +3 -3
  18. package/components/display-settings-datetime/index.cjs +2 -2
  19. package/components/display-settings-datetime/index.js +22 -22
  20. package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts +3 -3
  21. package/components/display-settings-grand-totals/index.cjs +2 -2
  22. package/components/display-settings-grand-totals/index.js +19 -19
  23. package/components/display-settings-numeric/display-settings-numeric.d.ts +3 -3
  24. package/components/display-settings-numeric/index.cjs +4 -4
  25. package/components/display-settings-numeric/index.js +23 -23
  26. package/components/display-settings-period-over-period/display-settings-period-over-period.d.ts +3 -3
  27. package/components/display-settings-period-over-period/index.cjs +15 -15
  28. package/components/display-settings-period-over-period/index.js +45 -44
  29. package/components/draggable-data-item/draggable-data-item.d.ts +3 -3
  30. package/components/draggable-data-item/index.cjs +4 -4
  31. package/components/draggable-data-item/index.js +6 -6
  32. package/components/draggable-data-item-level/draggable-data-item-level.d.ts +3 -3
  33. package/components/draggable-data-item-level/index.cjs +4 -4
  34. package/components/draggable-data-item-level/index.js +15 -15
  35. package/components/droppable-slot/droppable-slot.d.ts +5 -5
  36. package/components/droppable-slot/index.cjs +2 -2
  37. package/components/droppable-slot/index.js +14 -14
  38. package/components/edit-item/edit-item.d.ts +3 -1
  39. package/components/edit-item/index.cjs +17 -16
  40. package/components/edit-item/index.js +50 -35
  41. package/components/edit-option/edit-option.d.ts +1 -1
  42. package/components/edit-option/helpers/control-markup.d.ts +1 -1
  43. package/components/edit-option/index.cjs +1 -1
  44. package/components/edit-option/index.js +1 -1
  45. package/components/edit-option-action-button-group/index.cjs +2 -2
  46. package/components/edit-option-action-button-group/index.js +6 -6
  47. package/components/edit-option-base/edit-option-base.d.ts +3 -3
  48. package/components/{edit-option-base-qePiIQWd.js → edit-option-base-C0zI8SOd.js} +4 -4
  49. package/components/edit-option-base-D8vs3Bty.cjs +53 -0
  50. package/components/edit-option-color-picker/index.cjs +24 -24
  51. package/components/edit-option-color-picker/index.js +42 -41
  52. package/components/edit-option-multi-language-field/index.cjs +1 -1
  53. package/components/edit-option-multi-language-field/index.js +3 -3
  54. package/components/edit-option-number-field/index.cjs +2 -2
  55. package/components/edit-option-number-field/index.js +3 -3
  56. package/components/edit-option-picker/index.cjs +2 -2
  57. package/components/edit-option-picker/index.js +4 -4
  58. package/components/edit-option-position-picker/index.cjs +2 -2
  59. package/components/edit-option-position-picker/index.js +3 -3
  60. package/components/edit-option-positions-number-field/index.cjs +1 -1
  61. package/components/edit-option-positions-number-field/index.js +5 -5
  62. package/components/edit-option-radio-button-group/index.cjs +4 -4
  63. package/components/edit-option-radio-button-group/index.js +4 -4
  64. package/components/edit-option-slider/index.cjs +3 -3
  65. package/components/edit-option-slider/index.js +8 -8
  66. package/components/edit-option-switch/index.cjs +5 -5
  67. package/components/edit-option-switch/index.js +11 -10
  68. package/components/edit-option-text-field/index.cjs +2 -2
  69. package/components/edit-option-text-field/index.js +3 -3
  70. package/components/focusable-Cu_m_GTh.cjs +42 -0
  71. package/components/focusable-Dw_pMNQL.js +852 -0
  72. package/components/focusable-cj2QhwDT-CvevSkDr.cjs +52 -0
  73. package/components/focusable-cj2QhwDT-DlzfnLn9.js +242 -0
  74. package/components/{if-defined-BSAr_4u4-4Ys8VE7T.js → if-defined-BSAr_4u4-BCnSpSsA.js} +14 -15
  75. package/components/{if-defined-BSAr_4u4-gECNwmTC.cjs → if-defined-BSAr_4u4-CIqREoag.cjs} +3 -3
  76. package/components/{if-defined-8BOch-oC.cjs → if-defined-CF8baNdl.cjs} +2 -2
  77. package/components/{if-defined-Bv6MRdSW.js → if-defined-DbhS35z5.js} +1 -1
  78. package/components/{index-Bt5nP_6w.cjs → index-9hGc0AF6.cjs} +6 -6
  79. package/components/{index-Bee1uunR.js → index-B2LO8M42.js} +11 -12
  80. package/components/{index-w3j1USKK.cjs → index-B3417kqb.cjs} +2 -2
  81. package/components/{index-DUO13KGl.cjs → index-BIauj-BP.cjs} +3 -3
  82. package/components/{index-i8GaIN7i.cjs → index-BIcAxPGg.cjs} +4 -4
  83. package/components/{index-Dc9c_dq-.cjs → index-BLyfPWMW.cjs} +2 -2
  84. package/components/index-BW6jffrL.cjs +117 -0
  85. package/components/{index-CXIT0cYY.js → index-BjdUsH9B.js} +11 -12
  86. package/components/{index-BYfDERr7.js → index-BnVt-dJY.js} +11 -12
  87. package/components/index-Bp6XY9q2.cjs +42 -0
  88. package/components/{index-CdCtJpK9.js → index-C8yP7YJD.js} +8 -9
  89. package/components/index-CAwT4m7K.cjs +127 -0
  90. package/components/{index-CfEn3fIT.js → index-CBNsaHFy.js} +7 -8
  91. package/components/{index-DEVOZNSc.cjs → index-CC53jnJB.cjs} +2 -2
  92. package/components/{index-CdUTqQ3L.cjs → index-CZUy8SUo.cjs} +4 -4
  93. package/components/{index-86cIx1Ql.cjs → index-Cl7wWlXl.cjs} +2 -2
  94. package/components/{index-ByjLd3bT.cjs → index-Cz9Cvq1K.cjs} +6 -6
  95. package/components/{index-B3ve6cAj.js → index-D8GVYuJ-.js} +142 -109
  96. package/components/{index-BH9W0QLt-DBxyzKWK.js → index-DQCvi59x.js} +92 -59
  97. package/components/index-DelXrrBi.js +779 -0
  98. package/components/{index-BUSWsm5N.js → index-Dku2WLRc.js} +7 -8
  99. package/components/{index-aYcu00GB.js → index-Du8Q4hhF.js} +2 -2
  100. package/components/{index-Dn7LyFPv.js → index-Dwp251OJ.js} +3 -3
  101. package/components/{index-BVX_ozT9.js → index-KY89MPqI.js} +5 -6
  102. package/components/{index-BJVxTeoi.cjs → index-b9OSfNB6.cjs} +7 -7
  103. package/components/{index-ymMEPngt.js → index-fheP_kQJ.js} +23 -23
  104. package/components/{index-DVAsMiOm.js → index-fzqLW5XZ.js} +7 -8
  105. package/components/index-hogChFy0.cjs +195 -0
  106. package/components/index-mB-t2zP2.cjs +217 -0
  107. package/components/{index-C8IL2IZ6.js → index-zFIy9Mwl.js} +14 -15
  108. package/components/index.cjs +1 -1
  109. package/components/index.js +457 -54
  110. package/components/{luzmo-icons-BE2T8vWu.js → luzmo-icons-CmY3chvZ.js} +16 -16
  111. package/components/luzmo-icons-lvebt6bp.cjs +31 -0
  112. package/components/{observe-slot-text-ggb4kKgY-DBVrKDBD.cjs → observe-slot-text-ggb4kKgY-5zLP4Vgh.cjs} +2 -2
  113. package/components/{observe-slot-text-ggb4kKgY-o5QFWUeA.js → observe-slot-text-ggb4kKgY-tm0SQCaj.js} +3 -3
  114. package/components/{popover-Bx4ZDHk4-BuzeOeNe.cjs → popover-Bx4ZDHk4-Cw2DKR2x.cjs} +2 -2
  115. package/components/{popover-Bx4ZDHk4-jZJ0Cd59.js → popover-Bx4ZDHk4-HbUSJ86p.js} +6 -7
  116. package/components/{query-assigned-nodes-C76XVPWY-DPC6kOmH.js → query-assigned-nodes-C76XVPWY-DON51dMU.js} +1 -1
  117. package/components/{query-assigned-nodes-C76XVPWY-BcyGjObB.cjs → query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs} +1 -1
  118. package/components/sized-mixin-Cqlxwicw.cjs +20 -0
  119. package/components/sized-mixin-DMuOVsw0.js +65 -0
  120. package/components/slot-menu/index.cjs +1 -1
  121. package/components/slot-menu/index.js +27 -27
  122. package/components/slot-menu/slot-menu.d.ts +3 -3
  123. package/components/slot-menu-list/index.cjs +2 -2
  124. package/components/slot-menu-list/index.js +14 -14
  125. package/components/slot-menu-list/slot-menu-list.d.ts +3 -3
  126. package/components/{state-BFA93Sye.cjs → state-QgHgNZLe.cjs} +2 -2
  127. package/components/{state-Joaryhrg.js → state-e2n-fyrr.js} +1 -1
  128. package/components/streaming-listener-CCalHg57-2AtO4Ho2.cjs +52 -0
  129. package/components/{language-resolution-8yZa5r_P-Bn0bYosv.js → streaming-listener-CCalHg57-CQgWstyf.js} +59 -59
  130. package/components/{task-B8yMzxui.cjs → task-fQFUVV8e.cjs} +2 -2
  131. package/components/{task-Cr9aRIbV.js → task-gE27tBDv.js} +1 -1
  132. package/components/text-field-BTnBJoP9-BuahhcXU.js +430 -0
  133. package/components/text-field-BTnBJoP9-CDMhK3d1.cjs +147 -0
  134. package/components/utils.cjs +1 -1
  135. package/components/utils.js +472 -54
  136. package/custom-elements.json +56 -292
  137. package/index.d.ts +1 -0
  138. package/item-definitions/marker-map/marker-map-options.config.d.ts +1 -1
  139. package/package.json +2 -2
  140. package/utils/base/base.d.ts +16 -0
  141. package/utils/base/focus-visible.d.ts +29 -0
  142. package/utils/base/focusable.d.ts +58 -0
  143. package/utils/base/index.d.ts +4 -0
  144. package/utils/base/sized-mixin.d.ts +17 -0
  145. package/utils/index.d.ts +1 -0
  146. package/utils/themes/index.d.ts +507 -0
  147. package/components/base-D76d76ww-BiajPmzU.cjs +0 -40
  148. package/components/base-D76d76ww-gf0ESLsU.js +0 -45
  149. package/components/edit-option-base-Boz7TNRZ.cjs +0 -53
  150. package/components/index-BH9W0QLt-Cy2sUVJ_.cjs +0 -95
  151. package/components/index-D5LI0odG.js +0 -44
  152. package/components/index-DM_2d78G.js +0 -744
  153. package/components/index-DrLPC6eG.cjs +0 -185
  154. package/components/index-eEpFkbP8.cjs +0 -195
  155. package/components/index-h9T5DPIm.cjs +0 -36
  156. package/components/index-iYpAy-Kg.cjs +0 -95
  157. package/components/index-zuArOtOt.cjs +0 -42
  158. package/components/language-resolution-8yZa5r_P-FqQChUDW.cjs +0 -52
  159. package/components/luzmo-icons-XsFsTAl3.cjs +0 -31
  160. package/components/property-0L4eB11h.cjs +0 -112
  161. package/components/property-B2F7x7Cz.js +0 -1481
  162. package/components/sized-mixin-BxMraZLS-B_y0PzR3.js +0 -82
  163. package/components/sized-mixin-BxMraZLS-DEFWqo8f.cjs +0 -36
  164. package/components/text-field-CvKSS59x-Dn0_1HO7.js +0 -412
  165. package/components/text-field-CvKSS59x-E9LQElL4.cjs +0 -131
package/components/display-settings-period-over-period/index.cjs CHANGED
@@ -17,7 +17,7 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../set-locale-ByIApH40.cjs"),v=require("../luzmo-icons-XsFsTAl3.cjs"),r=require("../property-0L4eB11h.cjs"),z=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),w=require("../checkbox-mixin-BFGTmw17-CCjGd0nS.cjs");require("../index-Bt5nP_6w.cjs");require("../index-w3j1USKK.cjs");require("../index-iYpAy-Kg.cjs");require("../index-DrLPC6eG.cjs");const C=require("../decompose-numeric-format-B3rVVHpO.cjs"),_=require("../state-BFA93Sye.cjs"),p=require("../query-D5qWDopr.cjs");/*! * Lucero - The design system for Luzmo.
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../set-locale-ByIApH40.cjs"),p=require("../luzmo-icons-lvebt6bp.cjs"),i=require("../base-D76d76ww-C6YO3slp.cjs"),C=require("../checkbox-mixin-BFGTmw17-DF2p-vSz.cjs");require("../index-9hGc0AF6.cjs");require("../index-BW6jffrL.cjs");require("../index-CAwT4m7K.cjs");require("../index-mB-t2zP2.cjs");const _=require("../decompose-numeric-format-B3rVVHpO.cjs"),s=require("../focusable-Cu_m_GTh.cjs"),L=require("../state-QgHgNZLe.cjs"),z=require("../query-D5qWDopr.cjs"),y=require("../sized-mixin-Cqlxwicw.cjs");/*! * Lucero - The design system for Luzmo.
21
21
  *
22
22
  * Copyright © 2025 Luzmo
23
23
  * All rights reserved.
@@ -33,19 +33,19 @@
33
33
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
34
34
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
35
35
  * SOFTWARE.
36
- * */const L=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const a=document.createElement("style");a.setAttribute("data-luzmo-vars",""),a.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-color-disabled);--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-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #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(a)}};L();const $=':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-color-negative)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-color-negative)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-color-disabled)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-color-disabled)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';var O=Object.defineProperty,d=(a,o,e,n)=>{for(var t=void 0,c=a.length-1,l;c>=0;c--)(l=a[c])&&(t=l(o,e,t)||t);return t&&O(o,e,t),t};const E=()=>r.Ht`<div id="checkmark">${v.O2(v.F)}</div>`,S=()=>r.Ht`<div id="partialCheckmark">${v.O2(v.$)}</div>`,P=class extends z.m(w.k(r.kt),{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.indeterminate=!1,this.autofocus=!1,this.invalid=!1,this.emphasized=!1,this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.hasAttribute("autofocus")&&this.updateComplete.then(()=>{this.focus()})}static get styles(){return[r.ht($)]}click(){var o;this.disabled||(o=this.inputElement)==null||o.click()}handleChange(){this.indeterminate=!1,super.handleChange()}render(){return r.Ht`
36
+ * */const $=()=>{if(typeof document<"u"&&!document.querySelector("style[data-luzmo-vars]")){const a=document.createElement("style");a.setAttribute("data-luzmo-vars",""),a.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(a)}};$();const E=':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-negative-color)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-disabled-color)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';var O=Object.defineProperty,u=(a,o,e,n)=>{for(var r=void 0,c=a.length-1,l;c>=0;c--)(l=a[c])&&(r=l(o,e,r)||r);return r&&O(o,e,r),r};const S=()=>i.Ht`<div id="checkmark">${p.O2(p.F)}</div>`,D=()=>i.Ht`<div id="partialCheckmark">${p.O2(p.$)}</div>`,w=class extends i.m(C.k(i.kt),{noDefaultSize:!0}){constructor(){super(...arguments),this.disabled=!1,this.indeterminate=!1,this.autofocus=!1,this.invalid=!1,this.emphasized=!1,this.tabIndex=0}connectedCallback(){super.connectedCallback(),this.hasAttribute("autofocus")&&this.updateComplete.then(()=>{this.focus()})}static get styles(){return[i.ht(E)]}click(){var o;this.disabled||(o=this.inputElement)==null||o.click()}handleChange(){this.indeterminate=!1,super.handleChange()}render(){return i.Ht`
37
37
  ${super.render()}
38
38
  <span id="box">
39
- ${this.checked?E():r.Ht``}
40
- ${this.indeterminate?S():r.Ht``}
39
+ ${this.checked?S():i.Ht``}
40
+ ${this.indeterminate?D():i.Ht``}
41
41
  </span>
42
42
  <label id="label" for="input"><slot></slot></label>
43
- `}updated(o){super.updated(o),o.has("disabled")&&(o.get("disabled")!==void 0||this.disabled)&&(this.disabled?(this.inputElement.tabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this.inputElement.tabIndex,this.inputElement.removeAttribute("tabindex")),this.inputElement.disabled=this.disabled),o.has("indeterminate")&&(this.inputElement.indeterminate=this.indeterminate),o.has("invalid")&&(this.invalid?this.inputElement.setAttribute("aria-invalid","true"):this.inputElement.removeAttribute("aria-invalid"))}};P.shadowRootOptions={...r.kt.shadowRootOptions,delegatesFocus:!0};let s=P;d([r.Rt({type:Boolean,reflect:!0})],s.prototype,"disabled");d([r.Rt({type:Boolean,reflect:!0})],s.prototype,"indeterminate");d([r.Rt({type:Boolean,reflect:!0})],s.prototype,"autofocus");d([r.Rt({type:Boolean,reflect:!0})],s.prototype,"invalid");d([r.Rt({type:Boolean,reflect:!0})],s.prototype,"emphasized");d([r.Rt({reflect:!0,type:Number,attribute:"tabindex"})],s.prototype,"tabIndex");customElements.get("luzmo-checkbox")||customElements.define("luzmo-checkbox",s);const y={none:()=>i.msg("None",{desc:"Period option"}),past:()=>i.msg("Past value",{desc:"Period option"}),absoluteChange:()=>i.msg("Absolute change",{desc:"Period option"}),percentageChange:()=>i.msg("% change",{desc:"Period option"})},D=[{key:"periods",i18n:()=>i.msg("Periods",{desc:"Period option"})},{key:"years",i18n:()=>i.msg("Years",{desc:"Period option"})},{key:"quarters",i18n:()=>i.msg("Quarters",{desc:"Period option"})},{key:"months",i18n:()=>i.msg("Months",{desc:"Period option"})},{key:"weeks",i18n:()=>i.msg("Weeks",{desc:"Period option"})},{key:"days",i18n:()=>i.msg("Days",{desc:"Period option"})},{key:"hours",i18n:()=>i.msg("Hours",{desc:"Period option"})},{key:"minutes",i18n:()=>i.msg("Minutes",{desc:"Period option"})},{key:"seconds",i18n:()=>i.msg("Seconds",{desc:"Period option"})}],q=":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size)}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl)}";var I=Object.defineProperty,j=Object.getOwnPropertyDescriptor,h=(a,o,e,n)=>{for(var t=n>1?void 0:n?j(o,e):o,c=a.length-1,l;c>=0;c--)(l=a[c])&&(t=(n?l(o,e,t):l(t))||t);return n&&t&&I(o,e,t),t};exports.LuzmoDisplaySettingsPeriodOverPeriod=class extends z.m(r.kt,{validSizes:Object.values(z.d)}){constructor(){super(...arguments),this.language="en",this.slotContent={}}static get styles(){return[r.r$1(q)]}willUpdate(o){var e,n,t,c,l,u,m,b,x,g,f,k;o.has("slotContent")&&(this._periodComparison=(n=(e=this.slotContent)==null?void 0:e.PeriodOverPeriod)==null?void 0:n.type,this._numberPeriods=(c=(t=this.slotContent)==null?void 0:t.PeriodOverPeriod)==null?void 0:c.quantity,this._periodLevel=(u=(l=this.slotContent)==null?void 0:l.PeriodOverPeriod)==null?void 0:u.level,this._incompletePeriods=(b=(m=this.slotContent)==null?void 0:m.PeriodOverPeriod)==null?void 0:b.periodToDate,this._minLevel=((g=(x=this.slotContent)==null?void 0:x.PeriodOverPeriod)==null?void 0:g.minLevel)??((f=this.slotContent)==null?void 0:f.lowestLevel)??(((k=this.slotContent)==null?void 0:k.subtype)==="date"?5:9)),this._periodComparison=this._periodComparison??"none",this._numberPeriods=this._numberPeriods??1,this._periodLevel=this._periodLevel??"periods",this._incompletePeriods=this._incompletePeriods??!1,this._minLevel=this._minLevel??9,o.has("language")&&([...i.targetLocales].includes(this.language)||this.language==="en")&&(i.setLocale(this.language),this.requestUpdate())}setPeriodComparison(){var b;const o={...this.slotContent};this._periodComparison=this._periodComparisonElement.value;const e=C.decomposeNumericFormat((b=this.slotContent)==null?void 0:b.format),n=["%","y","a%","ay"].includes(e.typeFormat),t=e.typeFormat.includes("a"),c=t?"a":"",l=e.comma===","||t?",":"",u=e.precision?Number.parseInt(e.precision.replace(".",""),10):0,m=["z","az","y","ay","w","aw"].includes(e.typeFormat);this._periodComparison==="percentageChange"&&!n?o.format=`${l}.${u}${c}${m?"y":"%"}`:this._periodComparison!=="percentageChange"&&o.subtype==="currency"&&n&&(o.format=`${l}.${u}${c}${m?"z":"f"}`),this.sendEvent(o)}setNumberOfPeriods(){this._numberPeriods=Number.parseInt(this._numberPeriodsElement.value,10);const o={...this.slotContent};this.sendEvent(o)}setPeriodLevel(){this._periodLevel=this._periodLevelElement.value;const o={...this.slotContent};this.sendEvent(o)}setIncompletePeriods(){this._incompletePeriods=this._incompletePeriodsElement.checked;const o={...this.slotContent};this.sendEvent(o)}sendEvent(o){const e={...o};e.PeriodOverPeriod={type:this._periodComparison,level:this._periodLevel,quantity:this._numberPeriods,periodToDate:this._incompletePeriods,minLevel:this._minLevel},this._periodComparison==="none"&&delete e.PeriodOverPeriod,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}renderPeriodSettings(){const o=D.slice(0,(this._minLevel??0)+1).map(e=>r.x`<luzmo-menu-item value=${e.key}>
43
+ `}updated(o){super.updated(o),o.has("disabled")&&(o.get("disabled")!==void 0||this.disabled)&&(this.disabled?(this.inputElement.tabIndex=this.tabIndex,this.tabIndex=-1):(this.tabIndex=this.inputElement.tabIndex,this.inputElement.removeAttribute("tabindex")),this.inputElement.disabled=this.disabled),o.has("indeterminate")&&(this.inputElement.indeterminate=this.indeterminate),o.has("invalid")&&(this.invalid?this.inputElement.setAttribute("aria-invalid","true"):this.inputElement.removeAttribute("aria-invalid"))}};w.shadowRootOptions={...i.kt.shadowRootOptions,delegatesFocus:!0};let h=w;u([i.Rt({type:Boolean,reflect:!0})],h.prototype,"disabled");u([i.Rt({type:Boolean,reflect:!0})],h.prototype,"indeterminate");u([i.Rt({type:Boolean,reflect:!0})],h.prototype,"autofocus");u([i.Rt({type:Boolean,reflect:!0})],h.prototype,"invalid");u([i.Rt({type:Boolean,reflect:!0})],h.prototype,"emphasized");u([i.Rt({reflect:!0,type:Number,attribute:"tabindex"})],h.prototype,"tabIndex");customElements.get("luzmo-checkbox")||customElements.define("luzmo-checkbox",h);const P={none:()=>t.msg("None",{desc:"Period option"}),past:()=>t.msg("Past value",{desc:"Period option"}),absoluteChange:()=>t.msg("Absolute change",{desc:"Period option"}),percentageChange:()=>t.msg("% change",{desc:"Period option"})},q=[{key:"periods",i18n:()=>t.msg("Periods",{desc:"Period option"})},{key:"years",i18n:()=>t.msg("Years",{desc:"Period option"})},{key:"quarters",i18n:()=>t.msg("Quarters",{desc:"Period option"})},{key:"months",i18n:()=>t.msg("Months",{desc:"Period option"})},{key:"weeks",i18n:()=>t.msg("Weeks",{desc:"Period option"})},{key:"days",i18n:()=>t.msg("Days",{desc:"Period option"})},{key:"hours",i18n:()=>t.msg("Hours",{desc:"Period option"})},{key:"minutes",i18n:()=>t.msg("Minutes",{desc:"Period option"})},{key:"seconds",i18n:()=>t.msg("Seconds",{desc:"Period option"})}],I=":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size)}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl)}";var j=Object.defineProperty,H=Object.getOwnPropertyDescriptor,d=(a,o,e,n)=>{for(var r=n>1?void 0:n?H(o,e):o,c=a.length-1,l;c>=0;c--)(l=a[c])&&(r=(n?l(o,e,r):l(r))||r);return n&&r&&j(o,e,r),r};exports.LuzmoDisplaySettingsPeriodOverPeriod=class extends y.SizedMixin(s.LuzmoElement,{validSizes:Object.values(y.ElementSizes)}){constructor(){super(...arguments),this.language="en",this.slotContent={}}static get styles(){return[s.r(I)]}willUpdate(o){var e,n,r,c,l,m,b,v,x,g,f,k;o.has("slotContent")&&(this._periodComparison=(n=(e=this.slotContent)==null?void 0:e.PeriodOverPeriod)==null?void 0:n.type,this._numberPeriods=(c=(r=this.slotContent)==null?void 0:r.PeriodOverPeriod)==null?void 0:c.quantity,this._periodLevel=(m=(l=this.slotContent)==null?void 0:l.PeriodOverPeriod)==null?void 0:m.level,this._incompletePeriods=(v=(b=this.slotContent)==null?void 0:b.PeriodOverPeriod)==null?void 0:v.periodToDate,this._minLevel=((g=(x=this.slotContent)==null?void 0:x.PeriodOverPeriod)==null?void 0:g.minLevel)??((f=this.slotContent)==null?void 0:f.lowestLevel)??(((k=this.slotContent)==null?void 0:k.subtype)==="date"?5:9)),this._periodComparison=this._periodComparison??"none",this._numberPeriods=this._numberPeriods??1,this._periodLevel=this._periodLevel??"periods",this._incompletePeriods=this._incompletePeriods??!1,this._minLevel=this._minLevel??9,o.has("language")&&([...t.targetLocales].includes(this.language)||this.language==="en")&&(t.setLocale(this.language),this.requestUpdate())}setPeriodComparison(){var v;const o={...this.slotContent};this._periodComparison=this._periodComparisonElement.value;const e=_.decomposeNumericFormat((v=this.slotContent)==null?void 0:v.format),n=["%","y","a%","ay"].includes(e.typeFormat),r=e.typeFormat.includes("a"),c=r?"a":"",l=e.comma===","||r?",":"",m=e.precision?Number.parseInt(e.precision.replace(".",""),10):0,b=["z","az","y","ay","w","aw"].includes(e.typeFormat);this._periodComparison==="percentageChange"&&!n?o.format=`${l}.${m}${c}${b?"y":"%"}`:this._periodComparison!=="percentageChange"&&o.subtype==="currency"&&n&&(o.format=`${l}.${m}${c}${b?"z":"f"}`),this.sendEvent(o)}setNumberOfPeriods(){this._numberPeriods=Number.parseInt(this._numberPeriodsElement.value,10);const o={...this.slotContent};this.sendEvent(o)}setPeriodLevel(){this._periodLevel=this._periodLevelElement.value;const o={...this.slotContent};this.sendEvent(o)}setIncompletePeriods(){this._incompletePeriods=this._incompletePeriodsElement.checked;const o={...this.slotContent};this.sendEvent(o)}sendEvent(o){const e={...o};e.PeriodOverPeriod={type:this._periodComparison,level:this._periodLevel,quantity:this._numberPeriods,periodToDate:this._incompletePeriods,minLevel:this._minLevel},this._periodComparison==="none"&&delete e.PeriodOverPeriod,this.dispatchEvent(new CustomEvent("slot-content-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{slotContent:e}}))}renderPeriodSettings(){const o=q.slice(0,(this._minLevel??0)+1).map(e=>s.x`<luzmo-menu-item value=${e.key}>
44
44
  ${e.i18n()}
45
- </luzmo-menu-item>`);return r.x` <div class="settings-row">
45
+ </luzmo-menu-item>`);return s.x` <div class="settings-row">
46
46
  <div class="setting">
47
- ${["percentageChange","absoluteChange"].includes(this._periodComparison??"")?r.x`<luzmo-field-label for="number-periods" side-aligned="start">
48
- ${i.msg("From",{desc:"Label for number of periods"})}
47
+ ${["percentageChange","absoluteChange"].includes(this._periodComparison??"")?s.x`<luzmo-field-label for="number-periods" side-aligned="start">
48
+ ${t.msg("From",{desc:"Label for number of periods"})}
49
49
  </luzmo-field-label>`:""}
50
50
  <luzmo-number-field
51
51
  id="number-periods"
@@ -66,7 +66,7 @@
66
66
  ${o}
67
67
  </luzmo-picker>
68
68
  </div>
69
- <div>${i.msg("ago",{desc:"Label for period ago"})}</div>
69
+ <div>${t.msg("ago",{desc:"Label for period ago"})}</div>
70
70
  </div>
71
71
  <div class="settings-row">
72
72
  <div class="setting">
@@ -77,16 +77,16 @@
77
77
  ?checked=${this._incompletePeriods??!1}
78
78
  @change=${this.setIncompletePeriods}
79
79
  >
80
- ${i.msg("Use period-to-date for incomplete periods",{desc:"Checkbox label for incomplete periods"})}
80
+ ${t.msg("Use period-to-date for incomplete periods",{desc:"Checkbox label for incomplete periods"})}
81
81
  </luzmo-checkbox>
82
82
  </div>
83
- </div>`}render(){const o=Object.keys(y).map(e=>r.x`<luzmo-menu-item value=${e}>
84
- ${y[e]()}
85
- </luzmo-menu-item>`);return r.x`<div class="settings-container">
83
+ </div>`}render(){const o=Object.keys(P).map(e=>s.x`<luzmo-menu-item value=${e}>
84
+ ${P[e]()}
85
+ </luzmo-menu-item>`);return s.x`<div class="settings-container">
86
86
  <div class="settings-row">
87
87
  <div class="setting">
88
88
  <luzmo-field-label for="period-comparison">
89
- ${i.msg("Period comparison",{desc:"Label for period comparison"})}
89
+ ${t.msg("Period comparison",{desc:"Label for period comparison"})}
90
90
  </luzmo-field-label>
91
91
  <luzmo-picker
92
92
  id="period-comparison"
@@ -100,4 +100,4 @@
100
100
  </div>
101
101
  </div>
102
102
  ${this._periodComparison==="none"?"":this.renderPeriodSettings()}
103
- </div>`}};h([r.n({type:String,reflect:!0})],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"language",2);h([p.e("#period-comparison")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_periodComparisonElement",2);h([p.e("#number-periods")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_numberPeriodsElement",2);h([p.e("#period-level")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_periodLevelElement",2);h([p.e("#incomplete-periods")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_incompletePeriodsElement",2);h([_.r()],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_periodComparison",2);exports.LuzmoDisplaySettingsPeriodOverPeriod=h([i.localized()],exports.LuzmoDisplaySettingsPeriodOverPeriod);customElements.get("luzmo-display-settings-period-over-period")||customElements.define("luzmo-display-settings-period-over-period",exports.LuzmoDisplaySettingsPeriodOverPeriod);
103
+ </div>`}};d([s.n({type:String,reflect:!0})],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"language",2);d([z.e("#period-comparison")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_periodComparisonElement",2);d([z.e("#number-periods")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_numberPeriodsElement",2);d([z.e("#period-level")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_periodLevelElement",2);d([z.e("#incomplete-periods")],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_incompletePeriodsElement",2);d([L.r()],exports.LuzmoDisplaySettingsPeriodOverPeriod.prototype,"_periodComparison",2);exports.LuzmoDisplaySettingsPeriodOverPeriod=d([t.localized()],exports.LuzmoDisplaySettingsPeriodOverPeriod);customElements.get("luzmo-display-settings-period-over-period")||customElements.define("luzmo-display-settings-period-over-period",exports.LuzmoDisplaySettingsPeriodOverPeriod);
package/components/display-settings-period-over-period/index.js CHANGED
@@ -17,25 +17,26 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- import { m as t, t as E, s as L, l as O } from "../set-locale-DJYT4V7U.js";
21
- import { O as C, F as S, n as I } from "../luzmo-icons-BE2T8vWu.js";
22
- import { h as j, H as p, k as x, R as h, a as H, x as z, n as A } from "../property-B2F7x7Cz.js";
23
- import { m as P, d as F } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
24
- import { k as T } from "../checkbox-mixin-BFGTmw17-C34LMsgu.js";
25
- import "../index-BYfDERr7.js";
26
- import "../index-D5LI0odG.js";
27
- import "../index-B3ve6cAj.js";
28
- import "../index-DM_2d78G.js";
29
- import { d as D } from "../decompose-numeric-format-BuZcjH2k.js";
30
- import { r as B } from "../state-Joaryhrg.js";
20
+ import { m as t, t as $, s as E, l as L } from "../set-locale-DJYT4V7U.js";
21
+ import { O as w, F as O, n as S } from "../luzmo-icons-CmY3chvZ.js";
22
+ import { m as I, h as j, H as p, k as C, R as h } from "../base-D76d76ww-M5t7LVBG.js";
23
+ import { k as H } from "../checkbox-mixin-BFGTmw17-C1tjSMaa.js";
24
+ import "../index-BnVt-dJY.js";
25
+ import "../index-DQCvi59x.js";
26
+ import "../index-D8GVYuJ-.js";
27
+ import "../index-DelXrrBi.js";
28
+ import { d as A } from "../decompose-numeric-format-BuZcjH2k.js";
29
+ import { L as F, r as T, x as z, n as D } from "../focusable-Dw_pMNQL.js";
30
+ import { r as B } from "../state-e2n-fyrr.js";
31
31
  import { e as v } from "../query-Ddbd72Um.js";
32
- const $ = () => {
32
+ import { S as N, E as R } from "../sized-mixin-DMuOVsw0.js";
33
+ const _ = () => {
33
34
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
34
35
  const e = document.createElement("style");
35
36
  e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: 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-color-disabled);--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-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #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(e);
36
37
  }
37
38
  };
38
- $();
39
+ _();
39
40
  /*! * Lucero - The design system for Luzmo.
40
41
  *
41
42
  * Copyright © 2025 Luzmo
@@ -53,20 +54,20 @@ $();
53
54
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
54
55
  * SOFTWARE.
55
56
  * */
56
- const N = () => {
57
+ const U = () => {
57
58
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
58
59
  const e = document.createElement("style");
59
- e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: 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-color-disabled);--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-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #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(e);
60
+ e.setAttribute("data-luzmo-vars", ""), e.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: 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(e);
60
61
  }
61
62
  };
62
- N();
63
- const R = ':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-color-negative)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-color-negative)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-color-negative)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-color-negative)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-color-disabled)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-color-disabled)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';
64
- var U = Object.defineProperty, u = (e, o, l, a) => {
63
+ U();
64
+ const q = ':host{color:var(--highcontrast-checkbox-content-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)));min-block-size:var(--luzmo-checkbox-height, var(--checkbox-height, 32px));max-inline-size:100%;vertical-align:top;align-items:flex-start;display:inline-flex;position:relative;font-family:var(--luzmo-checkbox-font-family, var(--luzmo-font-family))}:host(:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-down, var(--luzmo-checkbox-control-selected-color-down, var(--luzmo-font-color-hard)))}:host(:is(:active,[active])) #label{color:var(--highcontrast-checkbox-content-color-down, var(--luzmo-checkbox-content-color-down, var(--luzmo-font-color-hard)))}:host([invalid][invalid]) #box:before,:host([invalid][invalid]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)))}:host([invalid][invalid]) #input:focus-visible+#box:before,:host([invalid][invalid][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]){border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]:is(:active,[active])) #box:before{border-color:var(--highcontrast-checkbox-selected-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([readonly]) #input:checked:disabled+#box:before,:host([readonly]) #input:disabled+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}:host([readonly]) #input:checked:disabled~#label,:host([readonly]) #input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-content-color-default, var(--luzmo-font-color-hard)))}:host([indeterminate]) #box:before,:host([indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([indeterminate]) #box #checkmark,:host([indeterminate]) #input:checked+#box #checkmark{display:none}:host([indeterminate]) #box #partialCheckmark,:host([indeterminate]) #input:checked+#box #partialCheckmark{opacity:1;display:flex;transform:scale(1)}:host([indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]) #box:before,:host([invalid][invalid][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-default, var(--luzmo-negative-color)));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}:host([emphasized]) #input:checked+#box:before,:host([emphasized][indeterminate]) #box:before,:host([emphasized][indeterminate]) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-default, var(--luzmo-primary)))}:host([emphasized]) #input:focus-visible:checked+#box:before,:host([emphasized][indeterminate]) #input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-emphasized-color-focus, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]) #input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-focus, var(--luzmo-negative-color)))}@media (hover: hover){:host(:hover) #box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-color-hover, var(--luzmo-font-color)))}:host(:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host(:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid]:hover) #box:before,:host([invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([readonly]:hover) #box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)))}:host([indeterminate]:hover) #box:before,:host([indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-control-selected-color-hover, var(--luzmo-font-color-hard)))}:host([invalid][invalid][indeterminate]:hover) #box:before,:host([invalid][invalid][indeterminate]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([invalid][invalid][indeterminate]:hover) #label{color:var(--highcontrast-checkbox-content-color-hover, var(--luzmo-checkbox-content-color-hover, var(--luzmo-font-color-hard)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}:host([emphasized][invalid][invalid][indeterminate]:hover) #box:before,:host([emphasized][invalid][invalid][indeterminate]:hover) #input:checked+#box:before,:host([emphasized][invalid][invalid]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-hover, var(--luzmo-checkbox-invalid-color-hover, var(--luzmo-negative-color)))}:host([emphasized][indeterminate]:hover) #box:before,:host([emphasized][indeterminate]:hover) #input:checked+#box:before,:host([emphasized]:hover) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-hover, var(--luzmo-checkbox-emphasized-color-hover, var(--luzmo-primary)))}}:host([emphasized][indeterminate]:is(:active,[active])) #box:before,:host([emphasized][indeterminate]:is(:active,[active])) #input:checked+#box:before,:host([emphasized]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-emphasized-color-down, var(--luzmo-primary)))}:host([emphasized][invalid][invalid]:is(:active,[active])) #box:before,:host([emphasized][invalid][invalid]:is(:active,[active])) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-invalid-color-down, var(--luzmo-negative-color)))}:host([emphasized]:focus-visible) #box:before,:host([emphasized]:focus-visible) #input:checked+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#label{text-align:start;font-size:var(--luzmo-checkbox-font-size, var(--checkbox-font-size, 14px));transition:color var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;line-height:var(--luzmo-checkbox-line-height, 1.3);margin-block-start:var(--luzmo-checkbox-top-to-text, var(--checkbox-top-to-text, 6px));margin-inline-start:var(--luzmo-checkbox-text-to-control, var(--checkbox-text-to-control, 10px))}#label:lang(ja),#label:lang(ko),#label:lang(zh){line-height:var(--luzmo-checkbox-line-height-cjk, 1.5)}#input{color:var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color));box-sizing:border-box;inline-size:100%;block-size:100%;opacity:.0001;z-index:1;cursor:pointer;margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1.15;position:absolute;overflow:visible}#input:disabled{cursor:default}#input:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-default, var(--luzmo-checkbox-control-selected-color-default, var(--luzmo-font-color)));background-color:var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color));border-width:var(--luzmo-checkbox-selected-border-width, calc(var(--checkbox-control-size, 14px) / 2))}#input:checked+#box #checkmark{opacity:1;transform:scale(1)}#input:focus-visible+#box:before{border-color:var(--highcontrast-checkbox-color-focus, var(--luzmo-checkbox-control-color-focus, var(--luzmo-font-color)))}#input:focus-visible+#box:after{forced-color-adjust:none;box-shadow:0 0 0 var(--luzmo-checkbox-focus-indicator-width, var(--luzmo-indicator-width)) var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));margin:calc(var(--luzmo-checkbox-focus-indicator-gap, 2px) * -1)}#input:focus-visible+#label{color:var(--highcontrast-checkbox-content-color-focus, var(--luzmo-checkbox-content-color-focus, var(--luzmo-font-color-hard)))}#input:focus-visible:checked+#box:before{border-color:var(--highcontrast-checkbox-highlight-color-focus, var(--luzmo-checkbox-control-selected-color-focus, var(--luzmo-font-color-hard)))}#box{--luzmo-checkbox-spacing: calc( var(--luzmo-checkbox-height, var(--checkbox-height, 32px)) - var( --luzmo-checkbox-control-size, var(--checkbox-control-size, 14px) ) );margin:calc(var(--luzmo-checkbox-spacing) / 2) 0;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}#box,#box:before{box-sizing:border-box;inline-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px));block-size:var(--luzmo-checkbox-control-size, var(--checkbox-control-size, 14px))}#box:before{forced-color-adjust:none;border-color:var(--highcontrast-checkbox-color-default, var(--luzmo-checkbox-control-color-default, var(--luzmo-font-color)));z-index:0;content:"";border-radius:var(--luzmo-checkbox-control-corner-radius, 2px);border-width:var(--luzmo-checkbox-border-width, var(--luzmo-border-width));transition:border var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;border-style:solid;display:block;position:absolute}#box:after{border-radius:calc(var(--luzmo-checkbox-control-corner-radius, 2px) + var(--luzmo-checkbox-focus-indicator-gap, 2px));content:"";margin:var(--luzmo-checkbox-focus-indicator-gap, 2px);transition:box-shadow var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out,margin var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-out;display:block;position:absolute;inset-block:0;inset-inline:0;transform:translate(0)}#checkmark,#partialCheckmark{pointer-events:none;color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)));opacity:0;transition:opacity var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out,transform var(--luzmo-checkbox-animation-duration, var(--luzmo-animation-duration)) ease-in-out;transform:scale(0);width:var(--textbox-control-size, 14px);display:flex;align-items:center;justify-content:center;font-size:var(--checkbox-icon-size)}#partialCheckmark{display:none}#input:checked:disabled+#box:before,#input:disabled+#box:before{border-color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-control-color-disabled, var(--luzmo-disabled-color)));background-color:var(--highcontrast-checkbox-background-color-default, var(--luzmo-checkbox-checkmark-color, var(--luzmo-background-color)))}#input:checked:disabled~#label,#input:disabled~#label{forced-color-adjust:none;color:var(--highcontrast-checkbox-disabled-color-default, var(--luzmo-checkbox-content-color-disabled, var(--luzmo-disabled-color)))}@media (forced-colors: active){#input:focus-visible+#box{forced-color-adjust:none;outline-color:var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)));outline-offset:var(--highcontrast-checkbox-focus-indicator-gap, var(--luzmo-checkbox-focus-indicator-gap, 2px));outline-style:auto;outline-width:var(--luzmo-focus-indicator-width, var(--luzmo-indicator-width))}#input:focus-visible+#box:after{box-shadow:0 0 0 0 var(--highcontrast-checkbox-focus-indicator-color, var(--luzmo-checkbox-focus-indicator-color, var(--luzmo-primary)))}:host{--highcontrast-checkbox-content-color-default: CanvasText;--highcontrast-checkbox-content-color-hover: CanvasText;--highcontrast-checkbox-content-color-down: CanvasText;--highcontrast-checkbox-content-color-focus: CanvasText;--highcontrast-checkbox-background-color-default: Canvas;--highcontrast-checkbox-color-default: ButtonText;--highcontrast-checkbox-color-hover: ButtonText;--highcontrast-checkbox-color-focus: Highlight;--highcontrast-checkbox-highlight-color-default: Highlight;--highcontrast-checkbox-highlight-color-hover: Highlight;--highcontrast-checkbox-highlight-color-down: Highlight;--highcontrast-checkbox-highlight-color-focus: Highlight;--highcontrast-checkbox-disabled-color-default: GrayText;--highcontrast-checkbox-focus-indicator-color: CanvasText}}:host([size=s]){--checkbox-font-size: var(--luzmo-checkbox-size-s-font-size, 12px);--checkbox-height: var(--luzmo-checkbox-size-s-height, 24px);--checkbox-control-size: var(--luzmo-checkbox-size-s-control-size, 12px);--checkbox-top-to-text: var(--luzmo-checkbox-size-s-top-to-text, 4px);--checkbox-text-to-control: var(--luzmo-checkbox-size-s-text-to-control, 9px);--checkbox-icon-size: var(--luzmo-checkbox-size-s-icon-size, 9px)}:host{--checkbox-font-size: var(--luzmo-checkbox-size-m-font-size, 14px);--checkbox-height: var(--luzmo-checkbox-size-m-height, 32px);--checkbox-control-size: var(--luzmo-checkbox-size-m-control-size, 14px);--checkbox-top-to-text: var(--luzmo-checkbox-size-m-top-to-text, 6px);--checkbox-text-to-control: var( --luzmo-checkbox-size-m-text-to-control, 10px );--checkbox-icon-size: var(--luzmo-checkbox-size-m-icon-size, 10px)}:host([size=l]){--checkbox-font-size: var(--luzmo-checkbox-size-l-font-size, 16px);--checkbox-height: var(--luzmo-checkbox-size-l-height, 40px);--checkbox-control-size: var(--luzmo-checkbox-size-l-control-size, 16px);--checkbox-top-to-text: var(--luzmo-checkbox-size-l-top-to-text, 9px);--checkbox-text-to-control: var( --luzmo-checkbox-size-l-text-to-control, 11px );--checkbox-icon-size: var(--luzmo-checkbox-size-l-icon-size, 11px)}:host([size=xl]){--checkbox-font-size: var(--luzmo-checkbox-size-xl-font-size, 18px);--checkbox-height: var(--luzmo-checkbox-size-xl-height, 48px);--checkbox-control-size: var(--luzmo-checkbox-size-xl-control-size, 18px);--checkbox-top-to-text: var(--luzmo-checkbox-size-xl-top-to-text, 12px);--checkbox-text-to-control: var( --luzmo-checkbox-size-xl-text-to-control, 13px );--checkbox-icon-size: var(--luzmo-checkbox-size-xl-icon-size, 12px)}:host{display:inline-flex;vertical-align:top}:host(:focus){outline:none}:host([disabled]){pointer-events:none}:host(:empty) label{display:none}';
65
+ var M = Object.defineProperty, u = (e, o, l, a) => {
65
66
  for (var r = void 0, i = e.length - 1, c; i >= 0; i--)
66
67
  (c = e[i]) && (r = c(o, l, r) || r);
67
- return r && U(o, l, r), r;
68
+ return r && M(o, l, r), r;
68
69
  };
69
- const q = () => p`<div id="checkmark">${C(S)}</div>`, M = () => p`<div id="partialCheckmark">${C(I)}</div>`, _ = class extends P(T(x), {
70
+ const V = () => p`<div id="checkmark">${w(O)}</div>`, G = () => p`<div id="partialCheckmark">${w(S)}</div>`, P = class extends I(H(C), {
70
71
  noDefaultSize: !0
71
72
  }) {
72
73
  constructor() {
@@ -78,7 +79,7 @@ const q = () => p`<div id="checkmark">${C(S)}</div>`, M = () => p`<div id="parti
78
79
  });
79
80
  }
80
81
  static get styles() {
81
- return [j(R)];
82
+ return [j(q)];
82
83
  }
83
84
  click() {
84
85
  var o;
@@ -91,8 +92,8 @@ const q = () => p`<div id="checkmark">${C(S)}</div>`, M = () => p`<div id="parti
91
92
  return p`
92
93
  ${super.render()}
93
94
  <span id="box">
94
- ${this.checked ? q() : p``}
95
- ${this.indeterminate ? M() : p``}
95
+ ${this.checked ? V() : p``}
96
+ ${this.indeterminate ? G() : p``}
96
97
  </span>
97
98
  <label id="label" for="input"><slot></slot></label>
98
99
  `;
@@ -101,11 +102,11 @@ const q = () => p`<div id="checkmark">${C(S)}</div>`, M = () => p`<div id="parti
101
102
  super.updated(o), o.has("disabled") && (o.get("disabled") !== void 0 || this.disabled) && (this.disabled ? (this.inputElement.tabIndex = this.tabIndex, this.tabIndex = -1) : (this.tabIndex = this.inputElement.tabIndex, this.inputElement.removeAttribute("tabindex")), this.inputElement.disabled = this.disabled), o.has("indeterminate") && (this.inputElement.indeterminate = this.indeterminate), o.has("invalid") && (this.invalid ? this.inputElement.setAttribute("aria-invalid", "true") : this.inputElement.removeAttribute("aria-invalid"));
102
103
  }
103
104
  };
104
- _.shadowRootOptions = {
105
- ...x.shadowRootOptions,
105
+ P.shadowRootOptions = {
106
+ ...C.shadowRootOptions,
106
107
  delegatesFocus: !0
107
108
  };
108
- let s = _;
109
+ let s = P;
109
110
  u([
110
111
  h({ type: Boolean, reflect: !0 })
111
112
  ], s.prototype, "disabled");
@@ -125,12 +126,12 @@ u([
125
126
  h({ reflect: !0, type: Number, attribute: "tabindex" })
126
127
  ], s.prototype, "tabIndex");
127
128
  customElements.get("luzmo-checkbox") || customElements.define("luzmo-checkbox", s);
128
- const w = {
129
+ const y = {
129
130
  none: () => t("None", { desc: "Period option" }),
130
131
  past: () => t("Past value", { desc: "Period option" }),
131
132
  absoluteChange: () => t("Absolute change", { desc: "Period option" }),
132
133
  percentageChange: () => t("% change", { desc: "Period option" })
133
- }, V = [
134
+ }, Q = [
134
135
  { key: "periods", i18n: () => t("Periods", { desc: "Period option" }) },
135
136
  { key: "years", i18n: () => t("Years", { desc: "Period option" }) },
136
137
  { key: "quarters", i18n: () => t("Quarters", { desc: "Period option" }) },
@@ -140,33 +141,33 @@ const w = {
140
141
  { key: "hours", i18n: () => t("Hours", { desc: "Period option" }) },
141
142
  { key: "minutes", i18n: () => t("Minutes", { desc: "Period option" }) },
142
143
  { key: "seconds", i18n: () => t("Seconds", { desc: "Period option" }) }
143
- ], G = ":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size)}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl)}";
144
- var Q = Object.defineProperty, W = Object.getOwnPropertyDescriptor, d = (e, o, l, a) => {
145
- for (var r = a > 1 ? void 0 : a ? W(o, l) : o, i = e.length - 1, c; i >= 0; i--)
144
+ ], W = ":host{font-family:var(--luzmo-display-settings-period-over-period-font-family, var(--luzmo-font-family));font-size:var(--luzmo-display-settings-period-over-period-font-size, var(--display-settings-period-over-period-font-size));color:var(--luzmo-display-settings-period-over-period-color, var(--luzmo-font-color))}:host .settings-container{display:flex;flex-direction:column;gap:var(--luzmo-spacing-2)}:host .settings-row{display:flex;justify-content:flex-start;align-items:center;gap:var(--luzmo-display-settings-period-over-period-gap, var(--display-settings-period-over-period-gap))}:host{--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size)}:host([size=s]){--display-settings-period-over-period-gap: var(--luzmo-spacing-3);--display-settings-period-over-period-font-size: var(--luzmo-font-size-s)}:host([size=l]){--display-settings-period-over-period-gap: var(--luzmo-spacing-4);--display-settings-period-over-period-font-size: var(--luzmo-font-size-l)}:host([size=xl]){--display-settings-period-over-period-gap: var(--luzmo-spacing-5);--display-settings-period-over-period-font-size: var(--luzmo-font-size-xl)}";
145
+ var Y = Object.defineProperty, J = Object.getOwnPropertyDescriptor, d = (e, o, l, a) => {
146
+ for (var r = a > 1 ? void 0 : a ? J(o, l) : o, i = e.length - 1, c; i >= 0; i--)
146
147
  (c = e[i]) && (r = (a ? c(o, l, r) : c(r)) || r);
147
- return a && r && Q(o, l, r), r;
148
+ return a && r && Y(o, l, r), r;
148
149
  };
149
- let n = class extends P(
150
- x,
150
+ let n = class extends N(
151
+ F,
151
152
  {
152
- validSizes: Object.values(F)
153
+ validSizes: Object.values(R)
153
154
  }
154
155
  ) {
155
156
  constructor() {
156
157
  super(...arguments), this.language = "en", this.slotContent = {};
157
158
  }
158
159
  static get styles() {
159
- return [H(G)];
160
+ return [T(W)];
160
161
  }
161
162
  willUpdate(e) {
162
- var o, l, a, r, i, c, m, b, f, g, k, y;
163
- e.has("slotContent") && (this._periodComparison = (l = (o = this.slotContent) == null ? void 0 : o.PeriodOverPeriod) == null ? void 0 : l.type, this._numberPeriods = (r = (a = this.slotContent) == null ? void 0 : a.PeriodOverPeriod) == null ? void 0 : r.quantity, this._periodLevel = (c = (i = this.slotContent) == null ? void 0 : i.PeriodOverPeriod) == null ? void 0 : c.level, this._incompletePeriods = (b = (m = this.slotContent) == null ? void 0 : m.PeriodOverPeriod) == null ? void 0 : b.periodToDate, this._minLevel = ((g = (f = this.slotContent) == null ? void 0 : f.PeriodOverPeriod) == null ? void 0 : g.minLevel) ?? ((k = this.slotContent) == null ? void 0 : k.lowestLevel) ?? (((y = this.slotContent) == null ? void 0 : y.subtype) === "date" ? 5 : 9)), this._periodComparison = this._periodComparison ?? "none", this._numberPeriods = this._numberPeriods ?? 1, this._periodLevel = this._periodLevel ?? "periods", this._incompletePeriods = this._incompletePeriods ?? !1, this._minLevel = this._minLevel ?? 9, e.has("language") && ([...E].includes(this.language) || this.language === "en") && (L(this.language), this.requestUpdate());
163
+ var o, l, a, r, i, c, m, b, x, f, g, k;
164
+ e.has("slotContent") && (this._periodComparison = (l = (o = this.slotContent) == null ? void 0 : o.PeriodOverPeriod) == null ? void 0 : l.type, this._numberPeriods = (r = (a = this.slotContent) == null ? void 0 : a.PeriodOverPeriod) == null ? void 0 : r.quantity, this._periodLevel = (c = (i = this.slotContent) == null ? void 0 : i.PeriodOverPeriod) == null ? void 0 : c.level, this._incompletePeriods = (b = (m = this.slotContent) == null ? void 0 : m.PeriodOverPeriod) == null ? void 0 : b.periodToDate, this._minLevel = ((f = (x = this.slotContent) == null ? void 0 : x.PeriodOverPeriod) == null ? void 0 : f.minLevel) ?? ((g = this.slotContent) == null ? void 0 : g.lowestLevel) ?? (((k = this.slotContent) == null ? void 0 : k.subtype) === "date" ? 5 : 9)), this._periodComparison = this._periodComparison ?? "none", this._numberPeriods = this._numberPeriods ?? 1, this._periodLevel = this._periodLevel ?? "periods", this._incompletePeriods = this._incompletePeriods ?? !1, this._minLevel = this._minLevel ?? 9, e.has("language") && ([...$].includes(this.language) || this.language === "en") && (E(this.language), this.requestUpdate());
164
165
  }
165
166
  setPeriodComparison() {
166
167
  var b;
167
168
  const e = { ...this.slotContent };
168
169
  this._periodComparison = this._periodComparisonElement.value;
169
- const o = D((b = this.slotContent) == null ? void 0 : b.format), l = ["%", "y", "a%", "ay"].includes(
170
+ const o = A((b = this.slotContent) == null ? void 0 : b.format), l = ["%", "y", "a%", "ay"].includes(
170
171
  o.typeFormat
171
172
  ), a = o.typeFormat.includes("a"), r = a ? "a" : "", i = o.comma === "," || a ? "," : "", c = o.precision ? Number.parseInt(o.precision.replace(".", ""), 10) : 0, m = ["z", "az", "y", "ay", "w", "aw"].includes(
172
173
  o.typeFormat
@@ -208,7 +209,7 @@ let n = class extends P(
208
209
  );
209
210
  }
210
211
  renderPeriodSettings() {
211
- const e = V.slice(0, (this._minLevel ?? 0) + 1).map(
212
+ const e = Q.slice(0, (this._minLevel ?? 0) + 1).map(
212
213
  (o) => z`<luzmo-menu-item value=${o.key}>
213
214
  ${o.i18n()}
214
215
  </luzmo-menu-item>`
@@ -258,9 +259,9 @@ let n = class extends P(
258
259
  </div>`;
259
260
  }
260
261
  render() {
261
- const e = Object.keys(w).map(
262
+ const e = Object.keys(y).map(
262
263
  (o) => z`<luzmo-menu-item value=${o}>
263
- ${w[o]()}
264
+ ${y[o]()}
264
265
  </luzmo-menu-item>`
265
266
  );
266
267
  return z`<div class="settings-container">
@@ -285,7 +286,7 @@ let n = class extends P(
285
286
  }
286
287
  };
287
288
  d([
288
- A({ type: String, reflect: !0 })
289
+ D({ type: String, reflect: !0 })
289
290
  ], n.prototype, "language", 2);
290
291
  d([
291
292
  v("#period-comparison")
@@ -303,7 +304,7 @@ d([
303
304
  B()
304
305
  ], n.prototype, "_periodComparison", 2);
305
306
  n = d([
306
- O()
307
+ L()
307
308
  ], n);
308
309
  customElements.get("luzmo-display-settings-period-over-period") || customElements.define(
309
310
  "luzmo-display-settings-period-over-period",
package/components/draggable-data-item/draggable-data-item.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import { LuzmoElement } from '@luzmo/lucero/utils';
2
1
  import { PropertyValues, TemplateResult } from 'lit';
2
+ import { LuzmoElement } from '../../utils/base';
3
3
  import './../draggable-data-item-level';
4
4
  declare const LuzmoDraggableDataItem_base: typeof LuzmoElement & {
5
- new (...args: any[]): import("@luzmo/lucero").SizedElementInterface;
6
- prototype: import("@luzmo/lucero").SizedElementInterface;
5
+ new (...args: any[]): import("../../utils/base/sized-mixin").SizedElementInterface;
6
+ prototype: import("../../utils/base/sized-mixin").SizedElementInterface;
7
7
  };
8
8
  /**
9
9
  * @element luzmo-draggable-data-item
package/components/draggable-data-item/index.cjs CHANGED
@@ -17,9 +17,9 @@
17
17
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
18
  * SOFTWARE.
19
19
  * */
20
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../set-locale-ByIApH40.cjs"),e=require("../property-0L4eB11h.cjs"),v=require("../sized-mixin-BxMraZLS-DEFWqo8f.cjs"),h=require("../periods.const-CDIkC5CK.cjs");require("../draggable-data-item-level/index.cjs");const c=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var p=Object.defineProperty,z=Object.getOwnPropertyDescriptor,l=(o,t,s,i)=>{for(var a=i>1?void 0:i?z(t,s):t,g=o.length-1,d;g>=0;g--)(d=o[g])&&(a=(i?d(t,s,a):d(a))||a);return i&&a&&p(t,s,a),a};exports.LuzmoDraggableDataItem=class extends v.m(e.kt,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(t){t.has("language")&&([...m.targetLocales].includes(this.language)||this.language==="en")&&(m.setLocale(this.language),this.requestUpdate())}renderSublevels(){var s,i,a,g,d;let t;if(((s=this.data)==null?void 0:s.type)==="datetime")return t=((i=this.data)==null?void 0:i.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,e.x`
20
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../set-locale-ByIApH40.cjs"),v=require("../periods.const-CDIkC5CK.cjs"),e=require("../focusable-Cu_m_GTh.cjs"),h=require("../sized-mixin-Cqlxwicw.cjs");require("../draggable-data-item-level/index.cjs");const c=":host{--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1);--draggable-data-item-sublevels-gap: 0}:host([size=s]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-1)}:host([size=l]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-2)}:host([size=xl]){--draggable-data-item-sublevels-margin-vertical: var(--luzmo-spacing-3)}.draggable-data-item-sublevels{display:flex;flex-direction:column;gap:var(--luzmo-draggable-data-item-sublevels-gap, var(--draggable-data-item-sublevels-gap));margin:var(--luzmo-draggable-data-item-sublevels-margin-vertical, var(--draggable-data-item-sublevels-margin-vertical)) 0}:host{box-sizing:border-box}";var p=Object.defineProperty,z=Object.getOwnPropertyDescriptor,l=(o,t,s,r)=>{for(var a=r>1?void 0:r?z(t,s):t,g=o.length-1,d;g>=0;g--)(d=o[g])&&(a=(r?d(t,s,a):d(a))||a);return r&&a&&p(t,s,a),a};exports.LuzmoDraggableDataItem=class extends h.SizedMixin(e.LuzmoElement,{validSizes:["s","m","l","xl"],noDefaultSize:!0}){constructor(){super(...arguments),this.language="en",this.data={}}willUpdate(t){t.has("language")&&([...m.targetLocales].includes(this.language)||this.language==="en")&&(m.setLocale(this.language),this.requestUpdate())}renderSublevels(){var s,r,a,g,d;let t;if(((s=this.data)==null?void 0:s.type)==="datetime")return t=((r=this.data)==null?void 0:r.subtype)==="date"?this.data.lowestLevel??5:this.data.lowestLevel??9,e.x`
21
21
  <div class="draggable-data-item-sublevels">
22
- ${Array.from({length:t},(b,r)=>{const n=h.DATETIME_LEVELS[r].i18n(),u={...this.data,level:r+1};return e.x`<luzmo-draggable-data-item-level
22
+ ${Array.from({length:t},(b,i)=>{const n=v.DATETIME_LEVELS[i].i18n(),u={...this.data,level:i+1};return e.x`<luzmo-draggable-data-item-level
23
23
  sublevel
24
24
  .data=${u}
25
25
  .language=${this.language}
@@ -30,7 +30,7 @@
30
30
  ?hide-type-icon=${this.hideTypeIcon}
31
31
  ></luzmo-draggable-data-item-level>`})}
32
32
  </div>
33
- `;if(((a=this.data)==null?void 0:a.type)==="hierarchy"&&((d=(g=this.data)==null?void 0:g.hierarchyLevels)==null?void 0:d.length)>2){const b=this.data.hierarchyLevels.filter(r=>(r==null?void 0:r.level)>=1).map((r,n)=>{const u={...this.data,level:n,label:r.label};return e.x`<luzmo-draggable-data-item-level
33
+ `;if(((a=this.data)==null?void 0:a.type)==="hierarchy"&&((d=(g=this.data)==null?void 0:g.hierarchyLevels)==null?void 0:d.length)>2){const b=this.data.hierarchyLevels.filter(i=>(i==null?void 0:i.level)>=1).map((i,n)=>{const u={...this.data,level:n,label:i.label};return e.x`<luzmo-draggable-data-item-level
34
34
  sublevel
35
35
  .data=${u}
36
36
  .language=${this.language}
@@ -52,4 +52,4 @@
52
52
  ?hide-type-icon=${this.hideTypeIcon}
53
53
  ></luzmo-draggable-data-item-level>
54
54
  ${this.hideSublevels?"":this.renderSublevels()}
55
- `}};exports.LuzmoDraggableDataItem.styles=e.r$1(c);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"variant",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"language",2);l([e.n({type:Boolean,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"disabled",2);l([e.n({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],exports.LuzmoDraggableDataItem.prototype,"hideSublevels",2);l([e.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],exports.LuzmoDraggableDataItem.prototype,"hideTypeIcon",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"label",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"description",2);l([e.n({type:Object})],exports.LuzmoDraggableDataItem.prototype,"data",2);exports.LuzmoDraggableDataItem=l([m.localized()],exports.LuzmoDraggableDataItem);customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",exports.LuzmoDraggableDataItem);
55
+ `}};exports.LuzmoDraggableDataItem.styles=e.r(c);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"variant",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"language",2);l([e.n({type:Boolean,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"disabled",2);l([e.n({type:Boolean,reflect:!0,attribute:"hide-sublevels"})],exports.LuzmoDraggableDataItem.prototype,"hideSublevels",2);l([e.n({type:Boolean,reflect:!0,attribute:"hide-type-icon"})],exports.LuzmoDraggableDataItem.prototype,"hideTypeIcon",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"label",2);l([e.n({type:String,reflect:!0})],exports.LuzmoDraggableDataItem.prototype,"description",2);l([e.n({type:Object})],exports.LuzmoDraggableDataItem.prototype,"data",2);exports.LuzmoDraggableDataItem=l([m.localized()],exports.LuzmoDraggableDataItem);customElements.get("luzmo-draggable-data-item")||customElements.define("luzmo-draggable-data-item",exports.LuzmoDraggableDataItem);
package/components/draggable-data-item/index.js CHANGED
@@ -18,9 +18,9 @@
18
18
  * SOFTWARE.
19
19
  * */
20
20
  import { t as b, s as p, l as h } from "../set-locale-DJYT4V7U.js";
21
- import { k as f, x as n, a as v, n as t } from "../property-B2F7x7Cz.js";
22
- import { m as x } from "../sized-mixin-BxMraZLS-B_y0PzR3.js";
23
- import { D as y } from "../periods.const-GHh5bPfs.js";
21
+ import { D as f } from "../periods.const-GHh5bPfs.js";
22
+ import { L as v, x as n, r as x, n as t } from "../focusable-Dw_pMNQL.js";
23
+ import { S as y } from "../sized-mixin-DMuOVsw0.js";
24
24
  import "../draggable-data-item-level/index.js";
25
25
  const z = () => {
26
26
  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
@@ -35,7 +35,7 @@ var w = Object.defineProperty, S = Object.getOwnPropertyDescriptor, r = (o, i, u
35
35
  (d = o[m]) && (l = (s ? d(i, u, l) : d(l)) || l);
36
36
  return s && l && w(i, u, l), l;
37
37
  };
38
- let e = class extends x(f, {
38
+ let e = class extends y(v, {
39
39
  validSizes: ["s", "m", "l", "xl"],
40
40
  noDefaultSize: !0
41
41
  }) {
@@ -52,7 +52,7 @@ let e = class extends x(f, {
52
52
  return o = ((u = this.data) == null ? void 0 : u.subtype) === "date" ? this.data.lowestLevel ?? 5 : this.data.lowestLevel ?? 9, n`
53
53
  <div class="draggable-data-item-sublevels">
54
54
  ${Array.from({ length: o }, (d, a) => {
55
- const c = y[a].i18n(), g = { ...this.data, level: a + 1 };
55
+ const c = f[a].i18n(), g = { ...this.data, level: a + 1 };
56
56
  return n`<luzmo-draggable-data-item-level
57
57
  sublevel
58
58
  .data=${g}
@@ -101,7 +101,7 @@ let e = class extends x(f, {
101
101
  `;
102
102
  }
103
103
  };
104
- e.styles = v($);
104
+ e.styles = x($);
105
105
  r([
106
106
  t({ type: String, reflect: !0 })
107
107
  ], e.prototype, "variant", 2);