@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.
- package/components/{async-directive-DWRUSKKF-CmOVMf6V.js → async-directive-DWRUSKKF-CPf9l5wJ.js} +1 -1
- package/components/{async-directive-DWRUSKKF-D4itZyzc.cjs → async-directive-DWRUSKKF-DWUZeMaj.cjs} +1 -1
- package/components/base-D76d76ww-C6YO3slp.cjs +94 -0
- package/components/base-D76d76ww-M5t7LVBG.js +758 -0
- package/components/{button-base-B7v4eeRh-D3-GH03o.js → button-base-DSHx7XO8-B_LbLx9g.js} +33 -32
- package/components/{button-base-B7v4eeRh-BKKUK3x0.cjs → button-base-DSHx7XO8-ChNRhetl.cjs} +4 -4
- package/components/{checkbox-mixin-BFGTmw17-C34LMsgu.js → checkbox-mixin-BFGTmw17-C1tjSMaa.js} +2 -2
- package/components/{checkbox-mixin-BFGTmw17-CCjGd0nS.cjs → checkbox-mixin-BFGTmw17-DF2p-vSz.cjs} +4 -4
- package/components/{directive-helpers-nlQRAaQt-3kEWF2GV.cjs → directive-helpers-nlQRAaQt-DTZp2cFt.cjs} +4 -4
- package/components/{directive-helpers-nlQRAaQt-I6T4KZKW.js → directive-helpers-nlQRAaQt-DgSC1Yr2.js} +1 -1
- package/components/display-settings/display-settings.d.ts +3 -3
- package/components/display-settings/index.cjs +1 -1
- package/components/display-settings/index.js +19 -19
- package/components/display-settings-binning/display-settings-binning.d.ts +3 -3
- package/components/display-settings-binning/index.cjs +2 -2
- package/components/display-settings-binning/index.js +20 -20
- package/components/display-settings-datetime/display-settings-datetime.d.ts +3 -3
- package/components/display-settings-datetime/index.cjs +2 -2
- package/components/display-settings-datetime/index.js +22 -22
- package/components/display-settings-grand-totals/display-settings-grand-totals.d.ts +3 -3
- package/components/display-settings-grand-totals/index.cjs +2 -2
- package/components/display-settings-grand-totals/index.js +19 -19
- package/components/display-settings-numeric/display-settings-numeric.d.ts +3 -3
- package/components/display-settings-numeric/index.cjs +4 -4
- package/components/display-settings-numeric/index.js +23 -23
- package/components/display-settings-period-over-period/display-settings-period-over-period.d.ts +3 -3
- package/components/display-settings-period-over-period/index.cjs +15 -15
- package/components/display-settings-period-over-period/index.js +45 -44
- package/components/draggable-data-item/draggable-data-item.d.ts +3 -3
- package/components/draggable-data-item/index.cjs +4 -4
- package/components/draggable-data-item/index.js +6 -6
- package/components/draggable-data-item-level/draggable-data-item-level.d.ts +3 -3
- package/components/draggable-data-item-level/index.cjs +4 -4
- package/components/draggable-data-item-level/index.js +15 -15
- package/components/droppable-slot/droppable-slot.d.ts +5 -5
- package/components/droppable-slot/index.cjs +2 -2
- package/components/droppable-slot/index.js +14 -14
- package/components/edit-item/edit-item.d.ts +3 -1
- package/components/edit-item/index.cjs +17 -16
- package/components/edit-item/index.js +50 -35
- package/components/edit-option/edit-option.d.ts +1 -1
- package/components/edit-option/helpers/control-markup.d.ts +1 -1
- package/components/edit-option/index.cjs +1 -1
- package/components/edit-option/index.js +1 -1
- package/components/edit-option-action-button-group/index.cjs +2 -2
- package/components/edit-option-action-button-group/index.js +6 -6
- package/components/edit-option-base/edit-option-base.d.ts +3 -3
- package/components/{edit-option-base-qePiIQWd.js → edit-option-base-C0zI8SOd.js} +4 -4
- package/components/edit-option-base-D8vs3Bty.cjs +53 -0
- package/components/edit-option-color-picker/index.cjs +24 -24
- package/components/edit-option-color-picker/index.js +42 -41
- package/components/edit-option-multi-language-field/index.cjs +1 -1
- package/components/edit-option-multi-language-field/index.js +3 -3
- package/components/edit-option-number-field/index.cjs +2 -2
- package/components/edit-option-number-field/index.js +3 -3
- package/components/edit-option-picker/index.cjs +2 -2
- package/components/edit-option-picker/index.js +4 -4
- package/components/edit-option-position-picker/index.cjs +2 -2
- package/components/edit-option-position-picker/index.js +3 -3
- package/components/edit-option-positions-number-field/index.cjs +1 -1
- package/components/edit-option-positions-number-field/index.js +5 -5
- package/components/edit-option-radio-button-group/index.cjs +4 -4
- package/components/edit-option-radio-button-group/index.js +4 -4
- package/components/edit-option-slider/index.cjs +3 -3
- package/components/edit-option-slider/index.js +8 -8
- package/components/edit-option-switch/index.cjs +5 -5
- package/components/edit-option-switch/index.js +11 -10
- package/components/edit-option-text-field/index.cjs +2 -2
- package/components/edit-option-text-field/index.js +3 -3
- package/components/focusable-Cu_m_GTh.cjs +42 -0
- package/components/focusable-Dw_pMNQL.js +852 -0
- package/components/focusable-cj2QhwDT-CvevSkDr.cjs +52 -0
- package/components/focusable-cj2QhwDT-DlzfnLn9.js +242 -0
- package/components/{if-defined-BSAr_4u4-4Ys8VE7T.js → if-defined-BSAr_4u4-BCnSpSsA.js} +14 -15
- package/components/{if-defined-BSAr_4u4-gECNwmTC.cjs → if-defined-BSAr_4u4-CIqREoag.cjs} +3 -3
- package/components/{if-defined-8BOch-oC.cjs → if-defined-CF8baNdl.cjs} +2 -2
- package/components/{if-defined-Bv6MRdSW.js → if-defined-DbhS35z5.js} +1 -1
- package/components/{index-Bt5nP_6w.cjs → index-9hGc0AF6.cjs} +6 -6
- package/components/{index-Bee1uunR.js → index-B2LO8M42.js} +11 -12
- package/components/{index-w3j1USKK.cjs → index-B3417kqb.cjs} +2 -2
- package/components/{index-DUO13KGl.cjs → index-BIauj-BP.cjs} +3 -3
- package/components/{index-i8GaIN7i.cjs → index-BIcAxPGg.cjs} +4 -4
- package/components/{index-Dc9c_dq-.cjs → index-BLyfPWMW.cjs} +2 -2
- package/components/index-BW6jffrL.cjs +117 -0
- package/components/{index-CXIT0cYY.js → index-BjdUsH9B.js} +11 -12
- package/components/{index-BYfDERr7.js → index-BnVt-dJY.js} +11 -12
- package/components/index-Bp6XY9q2.cjs +42 -0
- package/components/{index-CdCtJpK9.js → index-C8yP7YJD.js} +8 -9
- package/components/index-CAwT4m7K.cjs +127 -0
- package/components/{index-CfEn3fIT.js → index-CBNsaHFy.js} +7 -8
- package/components/{index-DEVOZNSc.cjs → index-CC53jnJB.cjs} +2 -2
- package/components/{index-CdUTqQ3L.cjs → index-CZUy8SUo.cjs} +4 -4
- package/components/{index-86cIx1Ql.cjs → index-Cl7wWlXl.cjs} +2 -2
- package/components/{index-ByjLd3bT.cjs → index-Cz9Cvq1K.cjs} +6 -6
- package/components/{index-B3ve6cAj.js → index-D8GVYuJ-.js} +142 -109
- package/components/{index-BH9W0QLt-DBxyzKWK.js → index-DQCvi59x.js} +92 -59
- package/components/index-DelXrrBi.js +779 -0
- package/components/{index-BUSWsm5N.js → index-Dku2WLRc.js} +7 -8
- package/components/{index-aYcu00GB.js → index-Du8Q4hhF.js} +2 -2
- package/components/{index-Dn7LyFPv.js → index-Dwp251OJ.js} +3 -3
- package/components/{index-BVX_ozT9.js → index-KY89MPqI.js} +5 -6
- package/components/{index-BJVxTeoi.cjs → index-b9OSfNB6.cjs} +7 -7
- package/components/{index-ymMEPngt.js → index-fheP_kQJ.js} +23 -23
- package/components/{index-DVAsMiOm.js → index-fzqLW5XZ.js} +7 -8
- package/components/index-hogChFy0.cjs +195 -0
- package/components/index-mB-t2zP2.cjs +217 -0
- package/components/{index-C8IL2IZ6.js → index-zFIy9Mwl.js} +14 -15
- package/components/index.cjs +1 -1
- package/components/index.js +457 -54
- package/components/{luzmo-icons-BE2T8vWu.js → luzmo-icons-CmY3chvZ.js} +16 -16
- package/components/luzmo-icons-lvebt6bp.cjs +31 -0
- package/components/{observe-slot-text-ggb4kKgY-DBVrKDBD.cjs → observe-slot-text-ggb4kKgY-5zLP4Vgh.cjs} +2 -2
- package/components/{observe-slot-text-ggb4kKgY-o5QFWUeA.js → observe-slot-text-ggb4kKgY-tm0SQCaj.js} +3 -3
- package/components/{popover-Bx4ZDHk4-BuzeOeNe.cjs → popover-Bx4ZDHk4-Cw2DKR2x.cjs} +2 -2
- package/components/{popover-Bx4ZDHk4-jZJ0Cd59.js → popover-Bx4ZDHk4-HbUSJ86p.js} +6 -7
- package/components/{query-assigned-nodes-C76XVPWY-DPC6kOmH.js → query-assigned-nodes-C76XVPWY-DON51dMU.js} +1 -1
- package/components/{query-assigned-nodes-C76XVPWY-BcyGjObB.cjs → query-assigned-nodes-C76XVPWY-DzOeAzcN.cjs} +1 -1
- package/components/sized-mixin-Cqlxwicw.cjs +20 -0
- package/components/sized-mixin-DMuOVsw0.js +65 -0
- package/components/slot-menu/index.cjs +1 -1
- package/components/slot-menu/index.js +27 -27
- package/components/slot-menu/slot-menu.d.ts +3 -3
- package/components/slot-menu-list/index.cjs +2 -2
- package/components/slot-menu-list/index.js +14 -14
- package/components/slot-menu-list/slot-menu-list.d.ts +3 -3
- package/components/{state-BFA93Sye.cjs → state-QgHgNZLe.cjs} +2 -2
- package/components/{state-Joaryhrg.js → state-e2n-fyrr.js} +1 -1
- package/components/streaming-listener-CCalHg57-2AtO4Ho2.cjs +52 -0
- package/components/{language-resolution-8yZa5r_P-Bn0bYosv.js → streaming-listener-CCalHg57-CQgWstyf.js} +59 -59
- package/components/{task-B8yMzxui.cjs → task-fQFUVV8e.cjs} +2 -2
- package/components/{task-Cr9aRIbV.js → task-gE27tBDv.js} +1 -1
- package/components/text-field-BTnBJoP9-BuahhcXU.js +430 -0
- package/components/text-field-BTnBJoP9-CDMhK3d1.cjs +147 -0
- package/components/utils.cjs +1 -1
- package/components/utils.js +472 -54
- package/custom-elements.json +56 -292
- package/index.d.ts +1 -0
- package/item-definitions/marker-map/marker-map-options.config.d.ts +1 -1
- package/package.json +2 -2
- package/utils/base/base.d.ts +16 -0
- package/utils/base/focus-visible.d.ts +29 -0
- package/utils/base/focusable.d.ts +58 -0
- package/utils/base/index.d.ts +4 -0
- package/utils/base/sized-mixin.d.ts +17 -0
- package/utils/index.d.ts +1 -0
- package/utils/themes/index.d.ts +507 -0
- package/components/base-D76d76ww-BiajPmzU.cjs +0 -40
- package/components/base-D76d76ww-gf0ESLsU.js +0 -45
- package/components/edit-option-base-Boz7TNRZ.cjs +0 -53
- package/components/index-BH9W0QLt-Cy2sUVJ_.cjs +0 -95
- package/components/index-D5LI0odG.js +0 -44
- package/components/index-DM_2d78G.js +0 -744
- package/components/index-DrLPC6eG.cjs +0 -185
- package/components/index-eEpFkbP8.cjs +0 -195
- package/components/index-h9T5DPIm.cjs +0 -36
- package/components/index-iYpAy-Kg.cjs +0 -95
- package/components/index-zuArOtOt.cjs +0 -42
- package/components/language-resolution-8yZa5r_P-FqQChUDW.cjs +0 -52
- package/components/luzmo-icons-XsFsTAl3.cjs +0 -31
- package/components/property-0L4eB11h.cjs +0 -112
- package/components/property-B2F7x7Cz.js +0 -1481
- package/components/sized-mixin-BxMraZLS-B_y0PzR3.js +0 -82
- package/components/sized-mixin-BxMraZLS-DEFWqo8f.cjs +0 -36
- package/components/text-field-CvKSS59x-Dn0_1HO7.js +0 -412
- 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}​
|
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
|
-
};
|