@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
@@ -1,82 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- import { R as a } from "./property-B2F7x7Cz.js";
21
- /*! * Lucero - The design system for Luzmo.
22
- *
23
- * Copyright © 2025 Luzmo
24
- * All rights reserved.
25
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
26
- * This license allows users with a current active Luzmo account to use Lucero.
27
- * This license terminates automatically if a user no longer has an active Luzmo account.
28
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
29
- *
30
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
31
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
32
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
33
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
34
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
35
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
36
- * SOFTWARE.
37
- * */
38
- var c = Object.defineProperty, h = Object.getOwnPropertyDescriptor, p = (r, i, s, u) => {
39
- for (var e = h(i, s), l = r.length - 1, t; l >= 0; l--)
40
- (t = r[l]) && (e = t(i, s, e) || e);
41
- return e && c(i, s, e), e;
42
- };
43
- const m = {
44
- xxs: "xxs",
45
- xs: "xs",
46
- s: "s",
47
- m: "m",
48
- l: "l",
49
- xl: "xl",
50
- xxl: "xxl"
51
- };
52
- function f(r, {
53
- validSizes: i = ["s", "m", "l", "xl"],
54
- noDefaultSize: s,
55
- defaultSize: u = "m"
56
- } = {}) {
57
- class e extends r {
58
- constructor() {
59
- super(...arguments), this._size = u;
60
- }
61
- get size() {
62
- return this._size || u;
63
- }
64
- set size(t) {
65
- const z = s ? null : u, o = t && t.toLocaleLowerCase(), n = i.includes(o) ? o : z;
66
- if (n && this.setAttribute("size", n), this._size === n)
67
- return;
68
- const x = this._size;
69
- this._size = n, this.requestUpdate("size", x);
70
- }
71
- update(t) {
72
- !this.hasAttribute("size") && !s && this.setAttribute("size", this.size), super.update(t);
73
- }
74
- }
75
- return p([
76
- a({ type: String })
77
- ], e.prototype, "size"), e;
78
- }
79
- export {
80
- m as d,
81
- f as m
82
- };
@@ -1,36 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- "use strict";const x=require("./property-0L4eB11h.cjs");/*! * Lucero - The design system for Luzmo.
21
- *
22
- * Copyright © 2025 Luzmo
23
- * All rights reserved.
24
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
25
- * This license allows users with a current active Luzmo account to use Lucero.
26
- * This license terminates automatically if a user no longer has an active Luzmo account.
27
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
28
- *
29
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
30
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
31
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
32
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
33
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
34
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
35
- * SOFTWARE.
36
- * */var a=Object.defineProperty,h=Object.getOwnPropertyDescriptor,p=(r,i,s,u)=>{for(var e=h(i,s),n=r.length-1,t;n>=0;n--)(t=r[n])&&(e=t(i,s,e)||e);return e&&a(i,s,e),e};const d={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl"};function m(r,{validSizes:i=["s","m","l","xl"],noDefaultSize:s,defaultSize:u="m"}={}){class e extends r{constructor(){super(...arguments),this._size=u}get size(){return this._size||u}set size(t){const o=s?null:u,z=t&&t.toLocaleLowerCase(),l=i.includes(z)?z:o;if(l&&this.setAttribute("size",l),this._size===l)return;const c=this._size;this._size=l,this.requestUpdate("size",c)}update(t){!this.hasAttribute("size")&&!s&&this.setAttribute("size",this.size),super.update(t)}}return p([x.Rt({type:String})],e.prototype,"size"),e}exports.d=d;exports.m=m;
@@ -1,412 +0,0 @@
1
- /*! * A kit of modern Luzmo Web Components for analytics in your web application.
2
- *
3
- * Copyright © 2025 Luzmo
4
- * All rights reserved.
5
- * Luzmo web components (“Luzmo Web Components”)
6
- * must be used according to the Luzmo Terms of Service.
7
- * This license allows users with a current active Luzmo account
8
- * to use the Luzmo Web Components. This license terminates
9
- * automatically if a user no longer has an active Luzmo account.
10
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
11
- *
12
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
13
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
14
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
15
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
16
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
17
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
18
- * SOFTWARE.
19
- * */
20
- import { H as s, r as g, h as b, d as u, v as h, R as r } from "./property-B2F7x7Cz.js";
21
- import { _ as z, n as m, $ as y, s as c, r as k, f as w } from "./directive-helpers-nlQRAaQt-I6T4KZKW.js";
22
- import { m as n, d as $ } from "./if-defined-BSAr_4u4-4Ys8VE7T.js";
23
- import { O as x, I as q, F as T } from "./luzmo-icons-BE2T8vWu.js";
24
- import { m as E } from "./sized-mixin-BxMraZLS-B_y0PzR3.js";
25
- import { n as f, u as I } from "./element-resolution-FCUT-wql--7ctE626.js";
26
- /*! * Lucero - The design system for Luzmo.
27
- *
28
- * Copyright © 2025 Luzmo
29
- * All rights reserved.
30
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
31
- * This license allows users with a current active Luzmo account to use Lucero.
32
- * This license terminates automatically if a user no longer has an active Luzmo account.
33
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
34
- *
35
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
36
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
37
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
38
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
39
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
40
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
41
- * SOFTWARE.
42
- * */
43
- class B {
44
- constructor(e, { mode: t } = { mode: "internal" }) {
45
- this.mode = "internal", this.handleSlotchange = ({
46
- target: a
47
- }) => {
48
- this.handleHelpText(a), this.handleNegativeHelpText(a);
49
- }, this.host = e, this.id = `luzmo-help-text-${f()}`, this.mode = t;
50
- }
51
- get isInternal() {
52
- return this.mode === "internal";
53
- }
54
- render(e) {
55
- return s`
56
- <div
57
- id=${n(this.isInternal ? this.id : void 0)}
58
- aria-live="assertive"
59
- >
60
- <slot
61
- name=${e ? "negative-help-text" : `pass-through-help-text-${f()}`}
62
- @slotchange=${this.handleSlotchange}
63
- >
64
- <slot name="help-text"></slot>
65
- </slot>
66
- </div>
67
- `;
68
- }
69
- addId() {
70
- const e = this.helpTextElement ? this.helpTextElement.id : this.id;
71
- this.conditionId = I(
72
- this.host,
73
- "aria-describedby",
74
- e
75
- ), this.host.hasAttribute("tabindex") && (this.previousTabindex = Number.parseFloat(
76
- this.host.getAttribute("tabindex")
77
- )), this.host.tabIndex = 0;
78
- }
79
- removeId() {
80
- this.conditionId && (this.conditionId(), delete this.conditionId), !this.helpTextElement && (this.previousTabindex ? this.host.tabIndex = this.previousTabindex : this.host.removeAttribute("tabindex"));
81
- }
82
- handleHelpText(e) {
83
- if (this.isInternal)
84
- return;
85
- this.helpTextElement && this.helpTextElement.id === this.id && this.helpTextElement.removeAttribute("id"), this.removeId();
86
- const t = e.assignedElements()[0];
87
- this.helpTextElement = t, t && (t.id || (t.id = this.id), this.addId());
88
- }
89
- handleNegativeHelpText(e) {
90
- e.name === "negative-help-text" && e.assignedElements().forEach(
91
- (t) => t.variant = "negative"
92
- );
93
- }
94
- }
95
- function S(l, { mode: e } = { mode: "internal" }) {
96
- class t extends l {
97
- constructor() {
98
- super(...arguments), this.helpTextManager = new B(this, { mode: e });
99
- }
100
- get helpTextId() {
101
- return this.helpTextManager.id;
102
- }
103
- renderHelpText(d) {
104
- return this.helpTextManager.render(d);
105
- }
106
- }
107
- return t;
108
- }
109
- /*! * Lucero - The design system for Luzmo.
110
- *
111
- * Copyright © 2025 Luzmo
112
- * All rights reserved.
113
- * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
114
- * This license allows users with a current active Luzmo account to use Lucero.
115
- * This license terminates automatically if a user no longer has an active Luzmo account.
116
- * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
117
- *
118
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
119
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
120
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
121
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
122
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
123
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
124
- * SOFTWARE.
125
- * */
126
- /**
127
- * @license
128
- * Copyright 2020 Google LLC
129
- * SPDX-License-Identifier: BSD-3-Clause
130
- */
131
- const _ = z(class extends y {
132
- constructor(l) {
133
- if (super(l), l.type !== c.PROPERTY && l.type !== c.ATTRIBUTE && l.type !== c.BOOLEAN_ATTRIBUTE) throw Error("The `live` directive is not allowed on child or event bindings");
134
- if (!k(l)) throw Error("`live` bindings can only contain a single expression");
135
- }
136
- render(l) {
137
- return l;
138
- }
139
- update(l, [e]) {
140
- if (e === h || e === u) return e;
141
- const t = l.element, a = l.name;
142
- if (l.type === c.PROPERTY) {
143
- if (e === t[a]) return h;
144
- } else if (l.type === c.BOOLEAN_ATTRIBUTE) {
145
- if (!!e === t.hasAttribute(a)) return h;
146
- } else if (l.type === c.ATTRIBUTE && t.getAttribute(a) === e + "") return h;
147
- return w(l), e;
148
- }
149
- }), C = '#text-field{--luzmo-text-field-input-line-height: var( --luzmo-text-field-height, var(--text-field-height) );text-overflow:ellipsis;inline-size:var(--luzmo-text-field-width, 240px);grid-template-rows:auto auto auto;grid-template-columns:auto auto;margin:0;display:inline-grid;position:relative;overflow:visible}:host([quiet]) #text-field:after{content:"";pointer-events:none;inline-size:100%;block-size:var(--luzmo-text-field-focus-indicator-width, 2px);position:absolute;inset-block-end:calc((var(--luzmo-text-field-focus-indicator-gap, 2px) + var(--luzmo-text-field-focus-indicator-width, 2px)) * -1);inset-inline-start:0}:host([quiet][focused]) #text-field:after{background-color:var(--highcontrast-text-field-focus-indicator-color, var(--luzmo-text-field-focus-indicator-color, var(--luzmo-color-informative)))}:host([quiet][invalid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid, var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid)))}:host([quiet][valid]) #text-field .input{padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid, var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid, var(--text-field-icon-size-valid)))}:host([invalid]) #text-field .icon,:host([valid]) #text-field .icon{pointer-events:all;grid-area:2/2;margin-inline-start:auto;position:absolute;inset-block-start:0;display:flex;align-items:center;justify-content:center}#text-field.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([valid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-valid, var(--text-field-icon-size-valid));color:var(--highcontrast-text-field-icon-color-valid, var(--luzmo-text-field-icon-color-valid, var(--luzmo-color-positive)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-valid, var(--text-field-icon-spacing-block-valid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-valid, var(--text-field-icon-spacing-block-valid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-valid, var(--text-field-icon-spacing-inline-end-valid))}:host([invalid]) #text-field .icon{font-size:var(--luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid));color:var(--highcontrast-text-field-icon-color-invalid, var(--luzmo-text-field-icon-color-invalid, var(--luzmo-color-negative)));inset-block-start:var(--luzmo-text-field-icon-spacing-block-invalid, var(--text-field-icon-spacing-block-invalid));inset-block-end:var(--luzmo-text-field-icon-spacing-block-invalid, var(--text-field-icon-spacing-block-invalid));inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-invalid, var(--text-field-icon-spacing-inline-end-invalid))}:host([disabled]) #text-field .icon,:host([readonly]) #text-field .icon{color:#0000}:host([quiet]) .icon{padding-inline-end:0}:host([quiet][valid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-valid, 0px)}:host([quiet][invalid]) .icon{inset-inline-end:var(--luzmo-text-field-icon-spacing-inline-end-quiet-invalid, 0px)}#text-field .luzmo-field-label{grid-area:1/1/auto/span 1;margin-block-end:var(--luzmo-text-field-label-spacing-block, 0px)}:host([quiet]) .luzmo-field-label{margin-block-end:var(--luzmo-text-field-label-spacing-block-quiet, var(--text-field-label-spacing-block-quiet))}:host([disabled]) .luzmo-field-label{color:var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled))}#text-field .luzmo-help-text{grid-area:3/1/auto/span 2;margin-block-start:var(--luzmo-text-field-helptext-spacing-block, 0px)}.luzmo-text-field-characterCount{inline-size:auto;font-size:var(--luzmo-text-field-character-count-font-size, var(--text-field-character-count-font-size));font-family:var(--luzmo-text-field-character-count-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-text-field-character-count-font-weight, var(--luzmo-font-weight));grid-area:1/2/auto/span 1;justify-content:flex-end;align-items:flex-end;margin-block-end:var(--luzmo-text-field-character-count-spacing-block, var(--text-field-character-count-spacing-block));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline, 12px);margin-inline-end:0;padding-inline-end:calc(var(--luzmo-text-field-corner-radius, var(--luzmo-border-radius)) / 2);display:inline-flex}:host([quiet]) .luzmo-text-field-characterCount{margin-block-end:var(--luzmo-text-field-character-count-spacing-block-quiet, var(--text-field-character-count-spacing-block-quiet))}.input{text-align:var(--luzmo-text-field-text-align, start);line-height:var(--luzmo-text-field-input-line-height);box-sizing:border-box;inline-size:100%;min-inline-size:var(--luzmo-text-field-min-width, 1.5);block-size:var(--luzmo-text-field-height, var(--text-field-height));padding-block-start:calc(var(--luzmo-text-field-spacing-block-start, var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)));padding-block-end:calc(var(--luzmo-text-field-spacing-block-end, var(--luzmo-spacing-3)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)));padding-inline:calc(var(--luzmo-text-field-spacing-inline, var(--text-field-spacing-inline)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)));vertical-align:top;background-color:var(--luzmo-text-field-background-color, var(--luzmo-background-color));border-color:var(--highcontrast-text-field-border-color, var(--luzmo-text-field-border-color, var(--luzmo-border-color)));border-style:solid;border-width:var(--luzmo-text-field-border-width, var(--luzmo-border-width));border-radius:var(--luzmo-text-field-corner-radius, var(--luzmo-border-radius));transition:border-color var(--luzmo-text-field-animation-duration, var(--luzmo-animation-duration)) ease-in-out;font-size:var(--luzmo-text-field-placeholder-font-size, var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight, var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default, var(--luzmo-text-field-text-color-default, var(--luzmo-font-color)));text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;grid-area:2/1/auto/span 2;margin:0}:host([type=number]) .input{-moz-appearance:text-field}:host([type=number]) .input::-webkit-inner-spin-button,:host([type=number]) .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input:-moz-ui-invalid{box-shadow:none}.input::placeholder{opacity:1;font-size:var(--luzmo-text-field-placeholder-font-size, var(--text-field-placeholder-font-size));font-family:var(--luzmo-text-field-font-family, var(--luzmo-font-family));font-weight:var(--luzmo-text-field-font-weight, var(--luzmo-font-weight));color:var(--highcontrast-text-field-text-color-default, var(--luzmo-text-field-placeholder-text-color-default, var(--luzmo-font-color-disabled)));transition:color var(--luzmo-text-field-animation-duration, var(--luzmo-animation-duration)) ease-in-out}.input:lang(ja)::placeholder,.input:lang(ko)::placeholder,.input:lang(zh)::placeholder{font-style:normal}:host([focused]) .input,.input:focus{border-color:var(--highcontrast-text-field-border-color-focus, var(--luzmo-text-field-border-color-focus, var(--luzmo-primary)));color:var(--highcontrast-text-field-text-color-focus, var(--luzmo-text-field-text-color-focus, var(--luzmo-font-color-hard)))}:host([focused]) .input::placeholder,.input:focus::placeholder{color:var(--highcontrast-text-field-text-color-focus, var(--luzmo-text-field-placeholder-text-color-focus, var(--luzmo-color-disabled)))}:host([focused]) .input{border-color:var(--highcontrast-text-field-border-color-keyboard-focus, var(--luzmo-text-field-border-color-keyboard-focus, var(--luzmo-primary)));outline:var(--luzmo-text-field-focus-indicator-width, 0) solid;outline-color:var(--highcontrast-text-field-focus-indicator-color, var(--luzmo-text-field-focus-indicator-color, var(--luzmo-color-informative)));outline-offset:var(--luzmo-text-field-focus-indicator-gap, 2px);color:var(--highcontrast-text-field-text-color-keyboard-focus, var(--luzmo-text-field-text-color-keyboard-focus, var(--luzmo-font-color-hard)))}:host([focused]) .input::placeholder{color:var(--highcontrast-text-field-text-color-keyboard-focus, var(--luzmo-text-field-placeholder-text-color-keyboard-focus, var(--luzmo-color-disabled)))}:host([valid]) .input{color:var(--highcontrast-text-field-text-color-valid, var(--luzmo-text-field-text-color-valid, var(--luzmo-font-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-valid, var(--text-field-icon-spacing-inline-start-valid)) + var(--luzmo-text-field-icon-size-valid, var(--text-field-icon-size-valid)) + var(--luzmo-text-field-icon-spacing-inline-end-valid, var(--text-field-icon-spacing-inline-end-valid)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)))}:host([invalid]) .input{color:var(--highcontrast-text-field-text-color-invalid, var(--luzmo-text-field-text-color-invalid, var(--luzmo-font-color)));border-color:var(--highcontrast-text-field-border-color-invalid-default, var(--luzmo-text-field-border-color-invalid-default, var(luzmo-danger-color)));padding-inline-end:calc(var(--luzmo-text-field-icon-spacing-inline-start-invalid, var(--text-field-icon-spacing-inline-start-invalid)) + var(--luzmo-text-field-icon-size-invalid, var(--text-field-icon-size-invalid)) + var(--luzmo-text-field-icon-spacing-inline-end-invalid, var(--text-field-icon-spacing-inline-end-invalid)) - var(--luzmo-text-field-border-width, var(--luzmo-border-width)))}:host([invalid]) .input:focus,:host([invalid][focused]) .input,:host([invalid]:focus) .input{border-color:var(--highcontrast-text-field-border-color-invalid-focus, var(--luzmo-text-field-border-color-invalid-focus, var(luzmo-danger-color)))}:host([invalid]) .input:focus-visible,:host([invalid][focused]) .input{border-color:var(--highcontrast-text-field-border-color-invalid-keyboard-focus, var(--luzmo-text-field-border-color-invalid-keyboard-focus, var(luzmo-danger-color)))}.input:disabled,:host([disabled]) #text-field .input{background-color:var(--luzmo-text-field-background-color-disabled, var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}.input:disabled,.input:disabled::placeholder,:host([disabled]) #text-field .input,:host([disabled]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([border=none]) .input{border-width:0;outline:none}:host([quiet]) .input{padding-block-start:var(--luzmo-text-field-spacing-block-start, var(--luzmo-spacing-2));padding-inline:var(--luzmo-text-field-spacing-inline-quiet, 0px);background-color:initial;resize:none;border-block-start-width:0;border-inline-width:0;border-radius:0;outline:none;margin-block-end:var(--luzmo-text-field-spacing-block-quiet, 0px);overflow-y:hidden}:host([quiet][disabled]) .input,.input:disabled{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled, var(--luzmo-border-color-disabled))}:host([quiet][disabled]) .input,:host([quiet][disabled]) .input::placeholder,.input:disabled,.input:disabled::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-color-disabled)))}.input:read-only,:host([readonly]) #text-field .input{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly, var(--luzmo-text-field-text-color-readonly, var(--luzmo-font-color)));border-color:#0000;outline:none}.input:read-only::placeholder,:host([readonly]) #text-field .input::placeholder{color:var(--highcontrast-text-field-text-color-readonly, var(--luzmo-text-field-text-color-readonly, var(--luzmo-color-disabled)));background-color:initial}@media (hover: hover){.input:hover,#text-field:hover .input{border-color:var(--highcontrast-text-field-border-color-hover, var(--luzmo-text-field-border-color-hover, rgba(var(--luzmo-primary-rgb), .3)))}.input:hover,#text-field:hover .input{color:var(--highcontrast-text-field-text-color-hover, var(--luzmo-text-field-text-color-hover, var(--luzmo-font-color-hard)))}.input:hover::placeholder,#text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-hover, var(--luzmo-text-field-placeholder-text-color-hover, var(--luzmo-color-disabled)))}:host([focused]) .input:hover,:host([focused]) #text-field:hover .input,.input:focus:hover{border-color:var(--highcontrast-text-field-border-color-focus-hover, var(--luzmo-text-field-border-color-focus-hover, var(--luzmo-primary)))}:host([focused]) .input:hover,.input:focus:hover{color:var(--highcontrast-text-field-text-color-focus-hover, var(--luzmo-text-field-text-color-focus-hover, var(--luzmo-font-color-hard)))}:host([focused]) .input:hover::placeholder,.input:focus:hover::placeholder{color:var(--highcontrast-text-field-text-color-focus-hover, var(--luzmo-text-field-placeholder-text-color-focus-hover, var(--luzmo-color-disabled)))}:host([invalid]) .input:hover:not(.is-disabled),:host([invalid]:hover):not(.is-disabled) .input{border-color:var(--highcontrast-text-field-border-color-invalid-hover, var(--luzmo-text-field-border-color-invalid-hover, var(luzmo-danger-color)))}:host([invalid]) .input:focus:hover,:host([invalid][focused]) .input:hover,:host([invalid]:focus) .input:hover{border-color:var(--highcontrast-text-field-border-color-invalid-focus-hover, var(--luzmo-text-field-border-color-invalid-focus-hover, var(luzmo-danger-color)))}:host([disabled]) #text-field:hover .input{background-color:var(--luzmo-text-field-background-color-disabled, var(--luzmo-background-color-disabled));resize:none;opacity:1;border-color:#0000}:host([quiet][disabled]:hover) .input,:host([disabled]) #text-field:hover .input,:host([disabled]) #text-field:hover .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([quiet][disabled]:hover) .input{background-color:initial;border-color:var(--luzmo-text-field-border-color-disabled, var(--luzmo-border-color-disabled))}:host([quiet][disabled]:hover) .input::placeholder{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([readonly]) #text-field:hover .input{border-color:#0000;outline:none}:host([readonly]) #text-field:hover .input,:host([readonly]) #text-field:hover .input::placeholder{background-color:initial;color:var(--highcontrast-text-field-text-color-readonly, var(--luzmo-text-field-text-color-readonly, var(--luzmo-font-color)))}}.luzmo-text-field--sideLabel{grid-template-rows:auto auto;grid-template-columns:auto auto auto}.luzmo-text-field--sideLabel:after{grid-area:1/2/span 1/span 1}.luzmo-text-field--sideLabel .luzmo-field-label{grid-area:1/1/span 2/span 1;margin-inline-end:var(--luzmo-text-field-label-spacing-inline-side-label, var(--text-field-label-spacing-inline-side-label))}.luzmo-text-field--sideLabel .luzmo-text-field-characterCount{grid-area:1/3/auto/span 1;align-items:flex-start;margin-block-start:var(--luzmo-text-field-character-count-spacing-block-side, var(--text-field-character-count-spacing-block-side));margin-inline-start:var(--luzmo-text-field-character-count-spacing-inline-side, 12px)}.luzmo-text-field--sideLabel .luzmo-help-text{grid-area:2/2/auto/span 1}.luzmo-text-field--sideLabel .input,.luzmo-text-field--sideLabel .icon{grid-area:1/2/span 1/span 1}:host([multiline]){--luzmo-text-field-input-line-height: normal}:host([multiline]) .input{min-inline-size:var(--luzmo-text-area-min-inline-size, 112px);min-block-size:var(--luzmo-text-area-min-block-size, 56px);resize:inherit}:host([multiline][grows]) .input{grid-row:2}:host([multiline][grows]) .luzmo-text-field--sideLabel .input{grid-row:1}:host([multiline][quiet]) .input{min-block-size:var(--luzmo-text-area-min-block-size-quiet, var(--text-area-min-block-size-quiet));resize:none;overflow-y:hidden}@media (forced-colors: active){:host{--highcontrast-text-field-border-color-hover: Highlight;--highcontrast-text-field-border-color-focus: Highlight;--highcontrast-text-field-border-color-keyboard-focus: CanvasText;--highcontrast-text-field-focus-indicator-color: Highlight;--highcontrast-text-field-border-color-invalid-default: Highlight;--highcontrast-text-field-border-color-invalid-hover: Highlight;--highcontrast-text-field-border-color-invalid-focus: Highlight;--highcontrast-text-field-border-color-invalid-keyboard-focus: Highlight;--highcontrast-text-field-text-color-valid: CanvasText;--highcontrast-text-field-text-color-invalid: CanvasText}#text-field .input{--highcontrast-text-field-text-color-default: CanvasText;--highcontrast-text-field-text-color-hover: CanvasText;--highcontrast-text-field-text-color-keyboard-focus: CanvasText;--highcontrast-text-field-text-color-disabled: GrayText;--highcontrast-text-field-text-color-readonly: CanvasText}#text-field .input::placeholder{--highcontrast-text-field-text-color-default: GrayText;--highcontrast-text-field-text-color-hover: GrayText;--highcontrast-text-field-text-color-keyboard-focus: GrayText;--highcontrast-text-field-text-color-disabled: GrayText;--highcontrast-text-field-text-color-readonly: CanvasText}}:host{display:inline-flex;flex-direction:column;inline-size:var(--luzmo-text-field-width, 240px)}:host([multiline]){resize:both}:host([multiline][readonly]){resize:none}:host([disabled]:focus-visible){outline:none}#text-field{inline-size:100%}#text-field,textarea{resize:inherit}.input{min-inline-size:var(--luzmo-text-field-min-width, 1.5)}:host([focused]) .input{caret-color:var(--swc-test-caret-color);forced-color-adjust:var(--swc-test-forced-color-adjust)}#sizer{block-size:auto;word-break:break-word;opacity:0;white-space:pre-line}.icon,.icon-workflow{pointer-events:none}:host([multiline]) #text-field{display:inline-grid;--luzmo-text-field-input-line-height: normal}:host([multiline]) textarea{transition:box-shadow var(--luzmo-animation-duration) ease-in-out,border-color var(--luzmo-animation-duration) ease-in-out}:host([multiline]:not([quiet])) #text-field:after{box-shadow:none}:host([multiline][rows]) .input{block-size:auto;resize:none}:host([multiline][rows="1"]) .input{min-block-size:auto}:host([disabled][quiet]) #text-field .input,:host([disabled][quiet]) #text-field:hover .input,:host([quiet]) .input :disabled{background-color:#0000;border-color:var(--luzmo-text-field-border-color-disabled, var(--luzmo-border-color-disabled));color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([disabled]) #text-field .icon.icon-search,:host([readonly]) #text-field .icon.icon-search{color:var(--highcontrast-text-field-text-color-disabled, var(--luzmo-text-field-text-color-disabled, var(--luzmo-font-color-disabled)))}:host([multiline][grows]:not([quiet])) #text-field:after{grid-area:unset;min-block-size:calc(var(--luzmo-text-area-min-block-size, var(--luzmo-text-area-min-block-size)) + var(--luzmo-text-field-focus-indicator-gap, 2px) * 2)}:host([multiline][grows]:not([rows])) .input:not(#sizer){position:absolute;top:0;left:0;height:100%;resize:none;overflow:hidden}:host{--text-field-height: var(--luzmo-component-height);--text-field-label-spacing-block-quiet: -8px;--text-field-label-spacing-inline-side-label: 12px;--text-field-placeholder-font-size: 14px;--text-field-spacing-inline: 12px;--text-field-icon-size-invalid: 18px;--text-field-icon-size-valid: 10px;--text-field-icon-spacing-inline-end-invalid: 12px;--text-field-icon-spacing-inline-end-valid: 15px;--text-field-icon-spacing-block-invalid: 7px;--text-field-icon-spacing-block-valid: 4px;--text-field-icon-spacing-inline-start-invalid: var(--luzmo-spacing-4);--text-field-icon-spacing-inline-start-valid: var(--luzmo-spacing-4);--text-field-character-count-font-size: var(--luzmo-font-size-s);--text-field-character-count-spacing-block: 5px;--text-field-character-count-spacing-block-quiet: -3px;--text-field-character-count-spacing-block-side: 8px;--text-area-min-block-size-quiet: var(--luzmo-component-height)}:host([size=s]){--text-field-height: var(--luzmo-component-height-s);--text-field-label-spacing-block-quiet: -8px;--text-field-label-spacing-inline-side-label: 8px;--text-field-placeholder-font-size: 12px;--text-field-spacing-inline: 9px;--text-field-icon-size-invalid: 16px;--text-field-icon-size-valid: 10px;--text-field-icon-spacing-inline-end-invalid: 9px;--text-field-icon-spacing-inline-end-valid: 11px;--text-field-icon-spacing-block-invalid: 2px;--text-field-icon-spacing-block-valid: -1px;--text-field-icon-spacing-inline-start-invalid: var(--luzmo-spacing-3);--text-field-icon-spacing-inline-start-valid: var(--luzmo-spacing-3);--text-field-character-count-font-size: var(--luzmo-font-size-xs);--text-field-character-count-spacing-block: 5px;--text-field-character-count-spacing-block-quiet: -3px;--text-field-character-count-spacing-block-side: 4px;--text-area-min-block-size-quiet: var(--luzmo-component-height-s)}:host([size=l]){--text-field-height: var(--luzmo-component-height-l);--text-field-label-spacing-block-quiet: -12px;--text-field-label-spacing-inline-side-label: 12px;--text-field-placeholder-font-size: 16px;--text-field-spacing-inline: 15px;--text-field-icon-size-invalid: 20px;--text-field-icon-size-valid: 12px;--text-field-icon-spacing-inline-end-invalid: 15px;--text-field-icon-spacing-inline-end-valid: 17px;--text-field-icon-spacing-block-invalid: 10px;--text-field-icon-spacing-block-valid: 8px;--text-field-icon-spacing-inline-start-invalid: 15px;--text-field-icon-spacing-inline-start-valid: 15px;--text-field-character-count-font-size: var(--luzmo-font-size);--text-field-character-count-spacing-block: 9px;--text-field-character-count-spacing-block-quiet: -3px;--text-field-character-count-spacing-block-side: 11px;--text-area-min-block-size-quiet: var(--luzmo-component-height-l)}:host([size=xl]){--text-field-height: var(--luzmo-component-height-xl);--text-field-label-spacing-block-quiet: -15px;--text-field-label-spacing-inline-side-label: 12px;--text-field-placeholder-font-size: 18px;--text-field-spacing-inline: 15px;--text-field-icon-size-invalid: 22px;--text-field-icon-size-valid: 14px;--text-field-icon-spacing-inline-end-invalid: 18px;--text-field-icon-spacing-inline-end-valid: 20px;--text-field-icon-spacing-block-invalid: 12px;--text-field-icon-spacing-block-valid: 13px;--text-field-icon-spacing-inline-start-invalid: 18px;--text-field-icon-spacing-inline-start-valid: 18px;--text-field-character-count-font-size: var(--luzmo-font-size-l);--text-field-character-count-spacing-block: 11px;--text-field-character-count-spacing-block-quiet: -4px;--text-field-character-count-spacing-block-side: 14px;--text-area-min-block-size-quiet: var(--luzmo-component-height-xl)}';
150
- var H = Object.defineProperty, L = Object.getOwnPropertyDescriptor, i = (l, e, t, a) => {
151
- for (var d = a > 1 ? void 0 : a ? L(e, t) : e, p = l.length - 1, v; p >= 0; p--)
152
- (v = l[p]) && (d = (a ? v(e, t, d) : v(d)) || d);
153
- return a && d && H(e, t, d), d;
154
- };
155
- const R = ["text", "url", "tel", "email", "password"];
156
- class o extends S(
157
- E(g, {
158
- noDefaultSize: !0
159
- })
160
- ) {
161
- constructor() {
162
- super(...arguments), this.allowedKeys = "", this.focused = !1, this.invalid = !1, this.label = "", this.placeholder = "", this._type = "text", this.grows = !1, this.maxlength = -1, this.minlength = -1, this.multiline = !1, this.readonly = !1, this.rows = -1, this.valid = !1, this._value = "", this.quiet = !1, this.required = !1;
163
- }
164
- static get styles() {
165
- return [b(C)];
166
- }
167
- set type(e) {
168
- const t = this._type;
169
- this._type = e, this.requestUpdate("type", t);
170
- }
171
- get type() {
172
- return R.find((e) => e === this._type) ?? "text";
173
- }
174
- set value(e) {
175
- if (e === this.value)
176
- return;
177
- const t = this._value;
178
- this._value = e, this.requestUpdate("value", t);
179
- }
180
- get value() {
181
- return this._value;
182
- }
183
- get focusElement() {
184
- return this.inputElement;
185
- }
186
- /**
187
- * Sets the start and end positions of the current selection.
188
- *
189
- * @param selectionStart The 0-based index of the first selected character. An index greater than the length of the
190
- * element's value is treated as pointing to the end of the value.
191
- * @param selectionEnd The 0-based index of the character after the last selected character. An index greater than
192
- * the length of the element's value is treated as pointing to the end of the value.
193
- * @param [selectionDirection="none"] A string indicating the direction in which the selection is considered to
194
- * have been performed.
195
- */
196
- setSelectionRange(e, t, a = "none") {
197
- this.inputElement.setSelectionRange(
198
- e,
199
- t,
200
- a
201
- );
202
- }
203
- /**
204
- * Selects all the text.
205
- */
206
- select() {
207
- this.inputElement.select();
208
- }
209
- handleInput(e) {
210
- if (this.allowedKeys && this.inputElement.value && !new RegExp(`^[${this.allowedKeys}]*$`, "u").test(this.inputElement.value)) {
211
- const t = this.inputElement.selectionStart - 1;
212
- this.inputElement.value = this.value.toString(), this.inputElement.setSelectionRange(t, t);
213
- return;
214
- }
215
- this.value = this.inputElement.value;
216
- }
217
- handleChange() {
218
- this.dispatchEvent(
219
- new Event("change", {
220
- bubbles: !0,
221
- composed: !0
222
- })
223
- );
224
- }
225
- onFocus() {
226
- this.focused = !this.readonly && !0;
227
- }
228
- onBlur(e) {
229
- this.focused = !this.readonly && !1;
230
- }
231
- handleInputElementPointerdown() {
232
- }
233
- renderStateIcons() {
234
- return this.invalid ? s`
235
- <div id="invalid" class="icon">${x(q)}</div>
236
- ` : this.valid ? s`
237
- <div id="valid" class="icon">${x(T)}</div>
238
- ` : u;
239
- }
240
- get displayValue() {
241
- return this.value.toString();
242
- }
243
- // prettier-ignore
244
- get renderMultiline() {
245
- return s`
246
- ${this.multiline && this.grows && this.rows === -1 ? s`
247
- <div id="sizer" class="input" aria-hidden="true">${this.value}&#8203;
248
- </div>
249
- ` : u}
250
- <!-- @ts-ignore -->
251
- <textarea
252
- name=${n(this.name || void 0)}
253
- aria-describedby=${this.helpTextId}
254
- aria-label=${this.label || this.appliedLabel || this.placeholder}
255
- aria-invalid=${n(this.invalid || void 0)}
256
- class="input"
257
- maxlength=${n(this.maxlength > -1 ? this.maxlength : void 0)}
258
- minlength=${n(this.minlength > -1 ? this.minlength : void 0)}
259
- title=${this.invalid ? "" : u}
260
- pattern=${n(this.pattern)}
261
- placeholder=${this.placeholder}
262
- .value=${this.displayValue}
263
- @change=${this.handleChange}
264
- @input=${this.handleInput}
265
- @focus=${this.onFocus}
266
- @blur=${this.onBlur}
267
- ?disabled=${this.disabled}
268
- ?required=${this.required}
269
- ?readonly=${this.readonly}
270
- rows=${n(this.rows > -1 ? this.rows : void 0)}
271
- autocomplete=${n(this.autocomplete)}
272
- ></textarea>
273
- `;
274
- }
275
- get renderInput() {
276
- return s`
277
- <!-- @ts-ignore -->
278
- <input
279
- name=${n(this.name || void 0)}
280
- type=${this.type}
281
- aria-describedby=${this.helpTextId}
282
- aria-label=${this.label || this.appliedLabel || this.placeholder}
283
- aria-invalid=${n(this.invalid || void 0)}
284
- class="input"
285
- title=${this.invalid ? "" : u}
286
- maxlength=${n(this.maxlength > -1 ? this.maxlength : void 0)}
287
- minlength=${n(this.minlength > -1 ? this.minlength : void 0)}
288
- pattern=${n(this.pattern)}
289
- placeholder=${this.placeholder}
290
- .value=${_(this.displayValue)}
291
- @change=${this.handleChange}
292
- @input=${this.handleInput}
293
- @pointerdown=${this.handleInputElementPointerdown}
294
- @focus=${this.onFocus}
295
- @blur=${this.onBlur}
296
- ?disabled=${this.disabled}
297
- ?required=${this.required}
298
- ?readonly=${this.readonly}
299
- autocomplete=${n(this.autocomplete)}
300
- />
301
- `;
302
- }
303
- renderField() {
304
- return s`
305
- ${this.renderStateIcons()}
306
- ${this.multiline ? this.renderMultiline : this.renderInput}
307
- `;
308
- }
309
- render() {
310
- return s`
311
- <div id="text-field">${this.renderField()}</div>
312
- ${this.renderHelpText(this.invalid)}
313
- `;
314
- }
315
- update(e) {
316
- (e.has("value") || e.has("required") && this.required) && this.updateComplete.then(() => {
317
- this.checkValidity();
318
- }), super.update(e);
319
- }
320
- checkValidity() {
321
- let e = this.inputElement.checkValidity();
322
- return (this.required || this.value && this.pattern) && ((this.disabled || this.multiline) && this.pattern && (e = new RegExp(`^${this.pattern}$`, "u").test(this.value.toString())), this.minlength !== void 0 && (e = e && this.value.toString().length >= this.minlength), this.valid = e, this.invalid = !e), e;
323
- }
324
- }
325
- i([
326
- m()
327
- ], o.prototype, "appliedLabel", 2);
328
- i([
329
- r({ attribute: "allowed-keys" })
330
- ], o.prototype, "allowedKeys", 2);
331
- i([
332
- r({ type: Boolean, reflect: !0 })
333
- ], o.prototype, "focused", 2);
334
- i([
335
- $(".input:not(#sizer)")
336
- ], o.prototype, "inputElement", 2);
337
- i([
338
- r({ type: Boolean, reflect: !0 })
339
- ], o.prototype, "invalid", 2);
340
- i([
341
- r()
342
- ], o.prototype, "label", 2);
343
- i([
344
- r({ type: String, reflect: !0 })
345
- ], o.prototype, "name", 2);
346
- i([
347
- r()
348
- ], o.prototype, "placeholder", 2);
349
- i([
350
- m()
351
- ], o.prototype, "type", 1);
352
- i([
353
- r({ attribute: "type", reflect: !0 })
354
- ], o.prototype, "_type", 2);
355
- i([
356
- r()
357
- ], o.prototype, "pattern", 2);
358
- i([
359
- r({ type: Boolean, reflect: !0 })
360
- ], o.prototype, "grows", 2);
361
- i([
362
- r({ type: Number })
363
- ], o.prototype, "maxlength", 2);
364
- i([
365
- r({ type: Number })
366
- ], o.prototype, "minlength", 2);
367
- i([
368
- r({ type: Boolean, reflect: !0 })
369
- ], o.prototype, "multiline", 2);
370
- i([
371
- r({ type: Boolean, reflect: !0 })
372
- ], o.prototype, "readonly", 2);
373
- i([
374
- r({ type: Number })
375
- ], o.prototype, "rows", 2);
376
- i([
377
- r({ type: Boolean, reflect: !0 })
378
- ], o.prototype, "valid", 2);
379
- i([
380
- r({ type: String })
381
- ], o.prototype, "value", 1);
382
- i([
383
- r({ type: Boolean, reflect: !0 })
384
- ], o.prototype, "quiet", 2);
385
- i([
386
- r({ type: Boolean, reflect: !0 })
387
- ], o.prototype, "required", 2);
388
- i([
389
- r({ type: String, reflect: !0 })
390
- ], o.prototype, "autocomplete", 2);
391
- class A extends o {
392
- constructor() {
393
- super(...arguments), this._value = "";
394
- }
395
- set value(e) {
396
- if (e === this.value)
397
- return;
398
- const t = this._value;
399
- this._value = e, this.requestUpdate("value", t);
400
- }
401
- get value() {
402
- return this._value;
403
- }
404
- }
405
- i([
406
- r({ type: String })
407
- ], A.prototype, "value", 1);
408
- export {
409
- A as I,
410
- o as i,
411
- S as u
412
- };