@luzmo/lucero 1.0.1-alpha.15 → 1.0.1-alpha.17
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/accordion/index.cjs +183 -6
- package/components/accordion/index.js +136 -88
- package/components/action-bar/index.cjs +85 -4
- package/components/action-bar/index.js +72 -50
- package/components/action-button/index.cjs +205 -3
- package/components/action-button/index.js +167 -93
- package/components/action-group/index.cjs +7 -1
- package/components/action-group/index.js +12 -8
- package/components/action-group-DHp8RHDf.js +392 -0
- package/components/action-group-MPf19RPV.cjs +391 -0
- package/components/action-menu/index.cjs +91 -11
- package/components/action-menu/index.js +66 -47
- package/components/avatar/index.cjs +63 -3
- package/components/avatar/index.js +54 -42
- package/components/base-COw9n7UR.cjs +119 -0
- package/components/base-DmeVy0cq.js +120 -0
- package/components/button/index.cjs +134 -2
- package/components/button/index.js +106 -72
- package/components/button-base-7Ak55xFd.cjs +206 -0
- package/components/button-base-C3kf6BTK.js +207 -0
- package/components/button-group/index.cjs +45 -1
- package/components/button-group/index.js +37 -25
- package/components/calendar/index.cjs +632 -1
- package/components/calendar/index.js +637 -7
- package/components/checkbox/index.cjs +111 -4
- package/components/checkbox/index.js +98 -53
- package/components/checkbox-mixin-8cL-vfDy.js +84 -0
- package/components/checkbox-mixin-CE7dJj3J.cjs +83 -0
- package/components/clear-button-Co6oKSgl.js +59 -0
- package/components/clear-button-X_HDY2eH.cjs +58 -0
- package/components/close-button-DPBK6Kpu.cjs +59 -0
- package/components/close-button-Miw9ZjoJ.js +60 -0
- package/components/color-area/index.cjs +440 -13
- package/components/color-area/index.js +322 -187
- package/components/color-controller-BjDZaxhX.js +491 -0
- package/components/color-controller-C3c_vb2P.cjs +490 -0
- package/components/color-field/index.cjs +95 -2
- package/components/color-field/index.js +77 -41
- package/components/color-handle/index.cjs +64 -3
- package/components/color-handle/index.js +58 -37
- package/components/color-loupe/index.cjs +7 -1
- package/components/color-loupe/index.js +12 -8
- package/components/color-loupe-BQqNR8YD.cjs +88 -0
- package/components/color-loupe-B_DDFv8l.js +89 -0
- package/components/color-menu/index.cjs +217 -12
- package/components/color-menu/index.js +187 -93
- package/components/color-palette/index.cjs +89 -1
- package/components/color-palette/index.js +78 -51
- package/components/color-palette-group/index.cjs +259 -3
- package/components/color-palette-group/index.js +193 -105
- package/components/color-picker/index.cjs +114 -6
- package/components/color-picker/index.js +92 -72
- package/components/color-slider/index.cjs +585 -1
- package/components/color-slider/index.js +590 -7
- package/components/{directive-oAbCiebi.js → condition-attribute-with-id-Cn815e9W.js} +22 -22
- package/components/condition-attribute-with-id-DEc2Yjne.cjs +43 -0
- package/components/date-time-picker/index.cjs +1357 -31
- package/components/date-time-picker/index.js +951 -637
- package/components/dependency-manger-CcIE1uvQ.cjs +63 -0
- package/components/{dependency-manger-CEXvGQUV.js → dependency-manger-XHpQjFgK.js} +24 -14
- package/components/divider/index.cjs +54 -1
- package/components/divider/index.js +49 -30
- package/components/divider.module-Cm5LcDRV.cjs +20 -0
- package/components/divider.module-DauH6k2_.js +21 -0
- package/components/element-resolution-DCsrhGZO.cjs +112 -0
- package/components/element-resolution-nMlmW4Jy.js +113 -0
- package/components/field-group/index.cjs +7 -1
- package/components/field-group/index.js +12 -8
- package/components/field-group-DNmY8W9v.cjs +86 -0
- package/components/field-group-DVdAWCQF.js +87 -0
- package/components/field-label/index.cjs +7 -1
- package/components/field-label/index.js +12 -8
- package/components/field-label-CKH9EXpR.cjs +156 -0
- package/components/field-label-Dpsecoc6.js +157 -0
- package/components/focus-group-BqDAk9Is.js +337 -0
- package/components/focus-group-DFzOlalL.cjs +336 -0
- package/components/focus-visible-B-B8-P9R.cjs +104 -0
- package/components/focus-visible-BUPRWlsh.js +105 -0
- package/components/focusable-BPrTcZPd.cjs +262 -0
- package/components/focusable-ChCLg1k4.js +263 -0
- package/components/{directive-C7oCP5Bh.cjs → focusable-selectors-D0t_5P7C.cjs} +16 -5
- package/components/{focusable-selectors-B4YgbghQ.js → focusable-selectors-IltOAOd9.js} +7 -4
- package/components/icon/index.cjs +90 -1
- package/components/icon/index.js +74 -46
- package/components/index.cjs +174 -1
- package/components/index.js +174 -172
- package/components/infield-button/index.cjs +46 -2
- package/components/infield-button/index.js +41 -30
- package/components/label/index.cjs +37 -1
- package/components/label/index.js +36 -24
- package/components/{language-resolution-8yZa5r_P.js → language-resolution-BSGJAWiQ.js} +21 -16
- package/components/language-resolution-iN9EImbb.cjs +57 -0
- package/components/like-anchor-D62faRNG.cjs +79 -0
- package/components/like-anchor-v3cJ9RWM.js +80 -0
- package/components/manage-help-text-BYx84zZR.cjs +125 -0
- package/components/manage-help-text-DOuMTGht.js +126 -0
- package/components/menu/index.cjs +1297 -29
- package/components/menu/index.js +954 -499
- package/components/multi-language-field/index.cjs +132 -2
- package/components/multi-language-field/index.js +118 -88
- package/components/number-field/index.cjs +613 -10
- package/components/number-field/index.js +442 -243
- package/components/observe-slot-presence-9AwLGUQ_.cjs +78 -0
- package/components/observe-slot-presence-DcMdoumP.js +79 -0
- package/components/observe-slot-text-CSofZeeF.cjs +104 -0
- package/components/observe-slot-text-CjnkkBPn.js +105 -0
- package/components/options/index.cjs +693 -60
- package/components/options/index.js +519 -953
- package/components/overlay/index.cjs +367 -21
- package/components/overlay/index.js +273 -189
- package/components/overlay-CN8ISP1F.js +2485 -0
- package/components/overlay-LViy9VWM.cjs +2484 -0
- package/components/{pending-state-DTX7ggyF.js → pending-state-CXbe-Xul.js} +28 -13
- package/components/pending-state-e4RbXe9u.cjs +75 -0
- package/components/picker/index.cjs +9 -1
- package/components/picker/index.js +15 -11
- package/components/picker-DNde3awt.cjs +672 -0
- package/components/picker-PfUAF05y.js +673 -0
- package/components/picker-button/index.cjs +56 -4
- package/components/picker-button/index.js +45 -34
- package/components/platform-CxDar3Dn.cjs +68 -0
- package/components/platform-Cxn0WbyT.js +69 -0
- package/components/popover/index.cjs +7 -1
- package/components/popover/index.js +12 -8
- package/components/popover-BkbYhl3i.js +74 -0
- package/components/popover-BkgUf0kL.cjs +74 -0
- package/components/progress-circle/index.cjs +7 -1
- package/components/progress-circle/index.js +12 -8
- package/components/progress-circle-Hu_ivPHf.js +133 -0
- package/components/progress-circle-_Etqsj9f.cjs +132 -0
- package/components/radio/index.cjs +244 -2
- package/components/radio/index.js +192 -110
- package/components/{when-CDK1Tt5Y.js → random-id-BE6HA503.cjs} +7 -10
- package/components/{random-id-ByCz1xaq.js → random-id-BEc6QIUL.js} +3 -3
- package/components/roving-tabindex-AsmAh2In.cjs +95 -0
- package/components/roving-tabindex-DPF9NmrH.js +96 -0
- package/components/search/index.cjs +115 -8
- package/components/search/index.js +96 -66
- package/components/select/index.cjs +720 -51
- package/components/select/index.js +563 -347
- package/components/sized-mixin-DmkrNdWB.js +80 -0
- package/components/sized-mixin-UaTVa-AE.cjs +79 -0
- package/components/slider/index.cjs +119 -1
- package/components/slider/index.js +100 -1113
- package/components/{condition-attribute-with-id-Dv4lSRbe.js → slottable-request-event-CANixJnR.cjs} +15 -13
- package/components/{slottable-request-event-DggLA4Rx.js → slottable-request-event-D9WzrdWv.js} +12 -9
- package/components/strategies-DlMlaSJR.cjs +317 -0
- package/components/strategies-DlPQoTFE.js +318 -0
- package/components/streaming-listener-D4sHaMub.cjs +145 -0
- package/components/streaming-listener-cAz5zJyk.js +146 -0
- package/components/swatch/index.cjs +436 -7
- package/components/swatch/index.js +350 -205
- package/components/switch/index.cjs +61 -2
- package/components/switch/index.js +51 -34
- package/components/tabs/index.cjs +693 -26
- package/components/tabs/index.js +521 -388
- package/components/tags/index.cjs +201 -4
- package/components/tags/index.js +152 -87
- package/components/text-field/index.cjs +49 -3
- package/components/text-field/index.js +44 -30
- package/components/text-field-11tcnftU.cjs +338 -0
- package/components/text-field-Chi9J2Cz.js +339 -0
- package/components/text-field.module-CMBS0jSL.js +21 -0
- package/components/text-field.module-DIJdV_sA.cjs +20 -0
- package/components/toast/index.cjs +177 -12
- package/components/toast/index.js +145 -73
- package/components/tooltip/index.cjs +221 -6
- package/components/tooltip/index.js +155 -131
- package/components/tooltip/tooltip.d.ts +1 -12
- package/components/unit-input/index.cjs +232 -8
- package/components/unit-input/index.js +201 -108
- package/components/utils.cjs +25 -1
- package/components/utils.js +22 -22
- package/custom-elements.json +1 -1
- package/package.json +1 -1
- package/components/NumberFormatter-DewVDY5w.cjs +0 -18
- package/components/NumberFormatter-DgOUVrge.js +0 -136
- package/components/NumberParser-Dik4a0h-.cjs +0 -18
- package/components/NumberParser-ci9J5EKv.js +0 -173
- package/components/action-group-DBImibFn.js +0 -258
- package/components/action-group-DJGMcRHb.cjs +0 -20
- package/components/async-directive-BX1T1e1_.cjs +0 -22
- package/components/async-directive-BfcqVjDp.js +0 -82
- package/components/base-BjTwmyRF.cjs +0 -22
- package/components/base-CBCg3yyw.cjs +0 -40
- package/components/base-D76d76ww.js +0 -26
- package/components/base-WsynuqaS.js +0 -677
- package/components/button-base-DbkDzb71.js +0 -144
- package/components/button-base-XgPLmwP-.cjs +0 -25
- package/components/checkbox-mixin-BDN0dBtS.cjs +0 -27
- package/components/checkbox-mixin-Do7EgtpQ.js +0 -70
- package/components/class-map-Di1D_rCm.cjs +0 -22
- package/components/class-map-NbVXqBU0.js +0 -51
- package/components/clear-button-BbVqNU-g.js +0 -53
- package/components/clear-button-DYdeFsS8.cjs +0 -18
- package/components/close-button-CpfKibqg.cjs +0 -18
- package/components/close-button-DzOZZmkY.js +0 -51
- package/components/color-controller-B0uX6Zso.js +0 -3230
- package/components/color-controller-CoUL5f9K.cjs +0 -18
- package/components/color-loupe-CaA_Lfkk.cjs +0 -56
- package/components/color-loupe-CmMsXbjT.js +0 -81
- package/components/condition-attribute-with-id-DrQYZzFS.cjs +0 -18
- package/components/dependency-manger-C5HCkMMB.cjs +0 -18
- package/components/directive-helpers-Cm6gitnu.js +0 -62
- package/components/directive-helpers-DyIRTWwA.cjs +0 -22
- package/components/divider.module-DDvBo9zo.cjs +0 -18
- package/components/divider.module-DoQWQEIJ.js +0 -21
- package/components/element-resolution-BvRLGqIU.cjs +0 -18
- package/components/element-resolution-FCUT-wql.js +0 -91
- package/components/field-group-DXfBWrkO.js +0 -66
- package/components/field-group-DkGst3r5.cjs +0 -23
- package/components/field-label-CZ2zzChK.js +0 -106
- package/components/field-label-mO1AkUgR.cjs +0 -25
- package/components/flow-D-0MTYCm.js +0 -527
- package/components/flow-DM3dNAKs.cjs +0 -30
- package/components/focus-group-DHeTq18L.js +0 -218
- package/components/focus-group-DnxZUBhQ.cjs +0 -18
- package/components/focus-visible-B0P9aY_G.cjs +0 -18
- package/components/focus-visible-DBlJGoEW.js +0 -74
- package/components/focusable-BxtpnzWp.js +0 -153
- package/components/focusable-EbipgXRh.cjs +0 -18
- package/components/focusable-selectors-BgFlyFcY.cjs +0 -18
- package/components/if-defined-C9YGdo33.cjs +0 -22
- package/components/if-defined-DOaE2coe.js +0 -27
- package/components/index-BQoI8AD3.cjs +0 -113
- package/components/index-BwxgAdzi.cjs +0 -57
- package/components/index-Cb9zsiz6.js +0 -1490
- package/components/index-HjQa8tew.js +0 -1174
- package/components/language-resolution-DJzmyzZq.cjs +0 -18
- package/components/like-anchor-Bvn_vLQ8.js +0 -69
- package/components/like-anchor-sod1C1fR.cjs +0 -32
- package/components/luzmo-icons-D47EGj-3.cjs +0 -29
- package/components/luzmo-icons-NEyaMpEM.js +0 -229
- package/components/manage-help-text-DhgARkZX.cjs +0 -30
- package/components/manage-help-text-syYnjKGL.js +0 -92
- package/components/mutation-controller-DH7YOCyj.js +0 -52
- package/components/mutation-controller-DkOMCW-c.cjs +0 -22
- package/components/observe-slot-presence-CmVi0zTc.js +0 -68
- package/components/observe-slot-presence-bc9chhsi.cjs +0 -18
- package/components/observe-slot-text-BPfIQQtz.js +0 -87
- package/components/observe-slot-text-Ceb7SvYT.cjs +0 -18
- package/components/overlay-Cig9r6uU.js +0 -2747
- package/components/overlay-KSKMzzkh.cjs +0 -47
- package/components/pending-state-CaH1si5b.cjs +0 -26
- package/components/picker-CAYj4hBD.js +0 -461
- package/components/picker-apS0Zrly.cjs +0 -123
- package/components/platform-BM-uMWpX.js +0 -69
- package/components/platform-BiXhwqk3.cjs +0 -18
- package/components/popover-DjX0aAnY.js +0 -67
- package/components/popover-KFfO0IYL.cjs +0 -30
- package/components/progress-circle-BvRJNuNo.cjs +0 -33
- package/components/progress-circle-DXH9z8-6.js +0 -97
- package/components/query-BL-TJj7K.cjs +0 -22
- package/components/query-D_KR_GUc.js +0 -51
- package/components/query-assigned-elements-DjfhL1cl.js +0 -36
- package/components/query-assigned-elements-DsKsfk7G.cjs +0 -22
- package/components/query-assigned-nodes-BcKWmGzy.cjs +0 -22
- package/components/query-assigned-nodes-C76XVPWY.js +0 -36
- package/components/random-id-CqvckpWe.cjs +0 -18
- package/components/roving-tabindex-By_fCy_e.cjs +0 -18
- package/components/roving-tabindex-DOg4z6ZU.js +0 -66
- package/components/sized-mixin-CPxE5C96.cjs +0 -18
- package/components/sized-mixin-D4ACoVUr.js +0 -63
- package/components/slottable-request-event-BfUUt1Mh.cjs +0 -18
- package/components/state-D8JEtYqe.cjs +0 -22
- package/components/state-Deh-vKYE.js +0 -29
- package/components/strategies-9indNIEb.js +0 -195
- package/components/strategies-BACP6MhR.cjs +0 -18
- package/components/streaming-listener-B00MvALi.cjs +0 -18
- package/components/streaming-listener-CP-JE6Fa.js +0 -91
- package/components/style-map-CeilmSgs.cjs +0 -22
- package/components/style-map-IgqIKvlE.js +0 -53
- package/components/text-field-BYF2RHY8.cjs +0 -85
- package/components/text-field-PYafEYeO.js +0 -314
- package/components/text-field.module-C2KVUJcX.js +0 -21
- package/components/text-field.module-DXhFA9G-.cjs +0 -18
- package/components/when-CDZyJPvd.cjs +0 -22
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
import { property } from "lit/decorators.js";
|
|
19
|
+
var __defProp = Object.defineProperty;
|
|
20
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
21
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
22
|
+
var result = __getOwnPropDesc(target, key);
|
|
23
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
24
|
+
if (decorator = decorators[i])
|
|
25
|
+
result = decorator(target, key, result) || result;
|
|
26
|
+
if (result) __defProp(target, key, result);
|
|
27
|
+
return result;
|
|
28
|
+
};
|
|
29
|
+
const ElementSizes = {
|
|
30
|
+
xxs: "xxs",
|
|
31
|
+
xs: "xs",
|
|
32
|
+
s: "s",
|
|
33
|
+
m: "m",
|
|
34
|
+
l: "l",
|
|
35
|
+
xl: "xl",
|
|
36
|
+
xxl: "xxl"
|
|
37
|
+
};
|
|
38
|
+
function SizedMixin(constructor, {
|
|
39
|
+
validSizes = ["s", "m", "l", "xl"],
|
|
40
|
+
noDefaultSize,
|
|
41
|
+
defaultSize = "m"
|
|
42
|
+
} = {}) {
|
|
43
|
+
class SizedElement extends constructor {
|
|
44
|
+
constructor() {
|
|
45
|
+
super(...arguments);
|
|
46
|
+
this._size = defaultSize;
|
|
47
|
+
}
|
|
48
|
+
get size() {
|
|
49
|
+
return this._size || defaultSize;
|
|
50
|
+
}
|
|
51
|
+
set size(value) {
|
|
52
|
+
const fallbackSize = noDefaultSize ? null : defaultSize;
|
|
53
|
+
const size = value ? value.toLocaleLowerCase() : value;
|
|
54
|
+
const validSize = validSizes.includes(size) ? size : fallbackSize;
|
|
55
|
+
if (validSize) {
|
|
56
|
+
this.setAttribute("size", validSize);
|
|
57
|
+
}
|
|
58
|
+
if (this._size === validSize) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
const oldSize = this._size;
|
|
62
|
+
this._size = validSize;
|
|
63
|
+
this.requestUpdate("size", oldSize);
|
|
64
|
+
}
|
|
65
|
+
update(changes) {
|
|
66
|
+
if (!this.hasAttribute("size") && !noDefaultSize) {
|
|
67
|
+
this.setAttribute("size", this.size);
|
|
68
|
+
}
|
|
69
|
+
super.update(changes);
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
__decorateClass([
|
|
73
|
+
property({ type: String })
|
|
74
|
+
], SizedElement.prototype, "size");
|
|
75
|
+
return SizedElement;
|
|
76
|
+
}
|
|
77
|
+
export {
|
|
78
|
+
ElementSizes as E,
|
|
79
|
+
SizedMixin as S
|
|
80
|
+
};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/*! * Lucero - The design system for Luzmo.
|
|
2
|
+
*
|
|
3
|
+
* Copyright © 2025 Luzmo
|
|
4
|
+
* All rights reserved.
|
|
5
|
+
* Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
|
|
6
|
+
* This license allows users with a current active Luzmo account to use Lucero.
|
|
7
|
+
* This license terminates automatically if a user no longer has an active Luzmo account.
|
|
8
|
+
* Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
|
|
9
|
+
*
|
|
10
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
11
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
12
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
13
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
14
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
15
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
|
+
* SOFTWARE.
|
|
17
|
+
* */
|
|
18
|
+
"use strict";
|
|
19
|
+
const decorators_js = require("lit/decorators.js");
|
|
20
|
+
var __defProp = Object.defineProperty;
|
|
21
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
22
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
23
|
+
var result = __getOwnPropDesc(target, key);
|
|
24
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
25
|
+
if (decorator = decorators[i])
|
|
26
|
+
result = decorator(target, key, result) || result;
|
|
27
|
+
if (result) __defProp(target, key, result);
|
|
28
|
+
return result;
|
|
29
|
+
};
|
|
30
|
+
const ElementSizes = {
|
|
31
|
+
xxs: "xxs",
|
|
32
|
+
xs: "xs",
|
|
33
|
+
s: "s",
|
|
34
|
+
m: "m",
|
|
35
|
+
l: "l",
|
|
36
|
+
xl: "xl",
|
|
37
|
+
xxl: "xxl"
|
|
38
|
+
};
|
|
39
|
+
function SizedMixin(constructor, {
|
|
40
|
+
validSizes = ["s", "m", "l", "xl"],
|
|
41
|
+
noDefaultSize,
|
|
42
|
+
defaultSize = "m"
|
|
43
|
+
} = {}) {
|
|
44
|
+
class SizedElement extends constructor {
|
|
45
|
+
constructor() {
|
|
46
|
+
super(...arguments);
|
|
47
|
+
this._size = defaultSize;
|
|
48
|
+
}
|
|
49
|
+
get size() {
|
|
50
|
+
return this._size || defaultSize;
|
|
51
|
+
}
|
|
52
|
+
set size(value) {
|
|
53
|
+
const fallbackSize = noDefaultSize ? null : defaultSize;
|
|
54
|
+
const size = value ? value.toLocaleLowerCase() : value;
|
|
55
|
+
const validSize = validSizes.includes(size) ? size : fallbackSize;
|
|
56
|
+
if (validSize) {
|
|
57
|
+
this.setAttribute("size", validSize);
|
|
58
|
+
}
|
|
59
|
+
if (this._size === validSize) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
const oldSize = this._size;
|
|
63
|
+
this._size = validSize;
|
|
64
|
+
this.requestUpdate("size", oldSize);
|
|
65
|
+
}
|
|
66
|
+
update(changes) {
|
|
67
|
+
if (!this.hasAttribute("size") && !noDefaultSize) {
|
|
68
|
+
this.setAttribute("size", this.size);
|
|
69
|
+
}
|
|
70
|
+
super.update(changes);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
__decorateClass([
|
|
74
|
+
decorators_js.property({ type: String })
|
|
75
|
+
], SizedElement.prototype, "size");
|
|
76
|
+
return SizedElement;
|
|
77
|
+
}
|
|
78
|
+
exports.ElementSizes = ElementSizes;
|
|
79
|
+
exports.SizedMixin = SizedMixin;
|
|
@@ -15,4 +15,122 @@
|
|
|
15
15
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
16
16
|
* SOFTWARE.
|
|
17
17
|
* */
|
|
18
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../base-CBCg3yyw.cjs"),kt=require("../sized-mixin-CPxE5C96.cjs");var T;(function(r){r.Range="range",r.Steps="steps",r.Positions="positions",r.Count="count",r.Values="values"})(T||(T={}));var _;(function(r){r[r.None=-1]="None",r[r.NoValue=0]="NoValue",r[r.LargeValue=1]="LargeValue",r[r.SmallValue=2]="SmallValue"})(_||(_={}));function Et(r){return ne(r)&&typeof r.from=="function"}function ne(r){return typeof r=="object"&&typeof r.to=="function"}function Ne(r){r.parentElement.removeChild(r)}function Ue(r){return r!=null}function qe(r){r.preventDefault()}function Ct(r){return r.filter(function(e){return this[e]?!1:this[e]=!0},{})}function yt(r,e){return Math.round(r/e)*e}function Pt(r,e){var o=r.getBoundingClientRect(),c=r.ownerDocument,u=c.documentElement,p=Ke(c);return/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)&&(p.x=0),e?o.top+p.y-u.clientTop:o.left+p.x-u.clientLeft}function L(r){return typeof r=="number"&&!isNaN(r)&&isFinite(r)}function Be(r,e,o){o>0&&(M(r,e),setTimeout(function(){ie(r,e)},o))}function Te(r){return Math.max(Math.min(r,100),0)}function ae(r){return Array.isArray(r)?r:[r]}function At(r){r=String(r);var e=r.split(".");return e.length>1?e[1].length:0}function M(r,e){r.classList&&!/\s/.test(e)?r.classList.add(e):r.className+=" "+e}function ie(r,e){r.classList&&!/\s/.test(e)?r.classList.remove(e):r.className=r.className.replace(new RegExp("(^|\\b)"+e.split(" ").join("|")+"(\\b|$)","gi")," ")}function Vt(r,e){return r.classList?r.classList.contains(e):new RegExp("\\b"+e+"\\b").test(r.className)}function Ke(r){var e=window.pageXOffset!==void 0,o=(r.compatMode||"")==="CSS1Compat",c=e?window.pageXOffset:o?r.documentElement.scrollLeft:r.body.scrollLeft,u=e?window.pageYOffset:o?r.documentElement.scrollTop:r.body.scrollTop;return{x:c,y:u}}function Dt(){return window.navigator.pointerEnabled?{start:"pointerdown",move:"pointermove",end:"pointerup"}:window.navigator.msPointerEnabled?{start:"MSPointerDown",move:"MSPointerMove",end:"MSPointerUp"}:{start:"mousedown touchstart",move:"mousemove touchmove",end:"mouseup touchend"}}function Mt(){var r=!1;try{var e=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("test",null,e)}catch{}return r}function _t(){return window.CSS&&CSS.supports&&CSS.supports("touch-action","none")}function ze(r,e){return 100/(e-r)}function we(r,e,o){return e*100/(r[o+1]-r[o])}function Ot(r,e){return we(r,r[0]<0?e+Math.abs(r[0]):e-r[0],0)}function Lt(r,e){return e*(r[1]-r[0])/100+r[0]}function Z(r,e){for(var o=1;r>=e[o];)o+=1;return o}function Ht(r,e,o){if(o>=r.slice(-1)[0])return 100;var c=Z(o,r),u=r[c-1],p=r[c],h=e[c-1],S=e[c];return h+Ot([u,p],o)/ze(h,S)}function Rt(r,e,o){if(o>=100)return r.slice(-1)[0];var c=Z(o,e),u=r[c-1],p=r[c],h=e[c-1],S=e[c];return Lt([u,p],(o-h)*ze(h,S))}function jt(r,e,o,c){if(c===100)return c;var u=Z(c,r),p=r[u-1],h=r[u];return o?c-p>(h-p)/2?h:p:e[u-1]?r[u-1]+yt(c-r[u-1],e[u-1]):c}var Ye=function(){function r(e,o,c){this.xPct=[],this.xVal=[],this.xSteps=[],this.xNumSteps=[],this.xHighestCompleteStep=[],this.xSteps=[c||!1],this.xNumSteps=[!1],this.snap=o;var u,p=[];for(Object.keys(e).forEach(function(h){p.push([ae(e[h]),h])}),p.sort(function(h,S){return h[0][0]-S[0][0]}),u=0;u<p.length;u++)this.handleEntryPoint(p[u][1],p[u][0]);for(this.xNumSteps=this.xSteps.slice(0),u=0;u<this.xNumSteps.length;u++)this.handleStepPoint(u,this.xNumSteps[u])}return r.prototype.getDistance=function(e){for(var o=[],c=0;c<this.xNumSteps.length-1;c++)o[c]=we(this.xVal,e,c);return o},r.prototype.getAbsoluteDistance=function(e,o,c){var u=0;if(e<this.xPct[this.xPct.length-1])for(;e>this.xPct[u+1];)u++;else e===this.xPct[this.xPct.length-1]&&(u=this.xPct.length-2);!c&&e===this.xPct[u+1]&&u++,o===null&&(o=[]);var p,h=1,S=o[u],U=0,v=0,P=0,V=0;for(c?p=(e-this.xPct[u])/(this.xPct[u+1]-this.xPct[u]):p=(this.xPct[u+1]-e)/(this.xPct[u+1]-this.xPct[u]);S>0;)U=this.xPct[u+1+V]-this.xPct[u+V],o[u+V]*h+100-p*100>100?(v=U*p,h=(S-100*p)/o[u+V],p=1):(v=o[u+V]*U/100*h,h=0),c?(P=P-v,this.xPct.length+V>=1&&V--):(P=P+v,this.xPct.length-V>=1&&V++),S=o[u+V]*h;return e+P},r.prototype.toStepping=function(e){return e=Ht(this.xVal,this.xPct,e),e},r.prototype.fromStepping=function(e){return Rt(this.xVal,this.xPct,e)},r.prototype.getStep=function(e){return e=jt(this.xPct,this.xSteps,this.snap,e),e},r.prototype.getDefaultStep=function(e,o,c){var u=Z(e,this.xPct);return(e===100||o&&e===this.xPct[u-1])&&(u=Math.max(u-1,1)),(this.xVal[u]-this.xVal[u-1])/c},r.prototype.getNearbySteps=function(e){var o=Z(e,this.xPct);return{stepBefore:{startValue:this.xVal[o-2],step:this.xNumSteps[o-2],highestStep:this.xHighestCompleteStep[o-2]},thisStep:{startValue:this.xVal[o-1],step:this.xNumSteps[o-1],highestStep:this.xHighestCompleteStep[o-1]},stepAfter:{startValue:this.xVal[o],step:this.xNumSteps[o],highestStep:this.xHighestCompleteStep[o]}}},r.prototype.countStepDecimals=function(){var e=this.xNumSteps.map(At);return Math.max.apply(null,e)},r.prototype.hasNoSize=function(){return this.xVal[0]===this.xVal[this.xVal.length-1]},r.prototype.convert=function(e){return this.getStep(this.toStepping(e))},r.prototype.handleEntryPoint=function(e,o){var c;if(e==="min"?c=0:e==="max"?c=100:c=parseFloat(e),!L(c)||!L(o[0]))throw new Error("noUiSlider: 'range' value isn't numeric.");this.xPct.push(c),this.xVal.push(o[0]);var u=Number(o[1]);c?this.xSteps.push(isNaN(u)?!1:u):isNaN(u)||(this.xSteps[0]=u),this.xHighestCompleteStep.push(0)},r.prototype.handleStepPoint=function(e,o){if(o){if(this.xVal[e]===this.xVal[e+1]){this.xSteps[e]=this.xHighestCompleteStep[e]=this.xVal[e];return}this.xSteps[e]=we([this.xVal[e],this.xVal[e+1]],o,0)/ze(this.xPct[e],this.xPct[e+1]);var c=(this.xVal[e+1]-this.xVal[e])/this.xNumSteps[e],u=Math.ceil(Number(c.toFixed(3))-1),p=this.xVal[e]+this.xNumSteps[e]*u;this.xHighestCompleteStep[e]=p}},r}(),Ie={to:function(r){return r===void 0?"":r.toFixed(2)},from:Number},Xe={target:"target",base:"base",origin:"origin",handle:"handle",handleLower:"handle-lower",handleUpper:"handle-upper",touchArea:"touch-area",horizontal:"horizontal",vertical:"vertical",background:"background",connect:"connect",connects:"connects",ltr:"ltr",rtl:"rtl",textDirectionLtr:"txt-dir-ltr",textDirectionRtl:"txt-dir-rtl",draggable:"draggable",drag:"state-drag",tap:"state-tap",active:"active",tooltip:"tooltip",pips:"pips",pipsHorizontal:"pips-horizontal",pipsVertical:"pips-vertical",marker:"marker",markerHorizontal:"marker-horizontal",markerVertical:"marker-vertical",markerNormal:"marker-normal",markerLarge:"marker-large",markerSub:"marker-sub",value:"value",valueHorizontal:"value-horizontal",valueVertical:"value-vertical",valueNormal:"value-normal",valueLarge:"value-large",valueSub:"value-sub"},B={tooltips:".__tooltips",aria:".__aria"};function Ft(r,e){if(!L(e))throw new Error("noUiSlider: 'step' is not numeric.");r.singleStep=e}function Nt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");r.keyboardPageMultiplier=e}function qt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");r.keyboardMultiplier=e}function Bt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");r.keyboardDefaultStep=e}function Tt(r,e){if(typeof e!="object"||Array.isArray(e))throw new Error("noUiSlider: 'range' is not an object.");if(e.min===void 0||e.max===void 0)throw new Error("noUiSlider: Missing 'min' or 'max' in 'range'.");r.spectrum=new Ye(e,r.snap||!1,r.singleStep)}function It(r,e){if(e=ae(e),!Array.isArray(e)||!e.length)throw new Error("noUiSlider: 'start' option is incorrect.");r.handles=e.length,r.start=e}function Kt(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'snap' option must be a boolean.");r.snap=e}function Yt(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'animate' option must be a boolean.");r.animate=e}function Xt(r,e){if(typeof e!="number")throw new Error("noUiSlider: 'animationDuration' option must be a number.");r.animationDuration=e}function We(r,e){var o=[!1],c;if(e==="lower"?e=[!0,!1]:e==="upper"&&(e=[!1,!0]),e===!0||e===!1){for(c=1;c<r.handles;c++)o.push(e);o.push(!1)}else{if(!Array.isArray(e)||!e.length||e.length!==r.handles+1)throw new Error("noUiSlider: 'connect' option doesn't match handle count.");o=e}r.connect=o}function Wt(r,e){switch(e){case"horizontal":r.ort=0;break;case"vertical":r.ort=1;break;default:throw new Error("noUiSlider: 'orientation' option is invalid.")}}function Ge(r,e){if(!L(e))throw new Error("noUiSlider: 'margin' option must be numeric.");e!==0&&(r.margin=r.spectrum.getDistance(e))}function Gt(r,e){if(!L(e))throw new Error("noUiSlider: 'limit' option must be numeric.");if(r.limit=r.spectrum.getDistance(e),!r.limit||r.handles<2)throw new Error("noUiSlider: 'limit' option is only supported on linear sliders with 2 or more handles.")}function Jt(r,e){var o;if(!L(e)&&!Array.isArray(e))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(Array.isArray(e)&&!(e.length===2||L(e[0])||L(e[1])))throw new Error("noUiSlider: 'padding' option must be numeric or array of exactly 2 numbers.");if(e!==0){for(Array.isArray(e)||(e=[e,e]),r.padding=[r.spectrum.getDistance(e[0]),r.spectrum.getDistance(e[1])],o=0;o<r.spectrum.xNumSteps.length-1;o++)if(r.padding[0][o]<0||r.padding[1][o]<0)throw new Error("noUiSlider: 'padding' option must be a positive number(s).");var c=e[0]+e[1],u=r.spectrum.xVal[0],p=r.spectrum.xVal[r.spectrum.xVal.length-1];if(c/(p-u)>1)throw new Error("noUiSlider: 'padding' option must not exceed 100% of the range.")}}function Zt(r,e){switch(e){case"ltr":r.dir=0;break;case"rtl":r.dir=1;break;default:throw new Error("noUiSlider: 'direction' option was not recognized.")}}function $t(r,e){if(typeof e!="string")throw new Error("noUiSlider: 'behaviour' must be a string containing options.");var o=e.indexOf("tap")>=0,c=e.indexOf("drag")>=0,u=e.indexOf("fixed")>=0,p=e.indexOf("snap")>=0,h=e.indexOf("hover")>=0,S=e.indexOf("unconstrained")>=0,U=e.indexOf("invert-connects")>=0,v=e.indexOf("drag-all")>=0,P=e.indexOf("smooth-steps")>=0;if(u){if(r.handles!==2)throw new Error("noUiSlider: 'fixed' behaviour must be used with 2 handles");Ge(r,r.start[1]-r.start[0])}if(U&&r.handles!==2)throw new Error("noUiSlider: 'invert-connects' behaviour must be used with 2 handles");if(S&&(r.margin||r.limit))throw new Error("noUiSlider: 'unconstrained' behaviour cannot be used with margin or limit");r.events={tap:o||p,drag:c,dragAll:v,smoothSteps:P,fixed:u,snap:p,hover:h,unconstrained:S,invertConnects:U}}function Qt(r,e){if(e!==!1)if(e===!0||ne(e)){r.tooltips=[];for(var o=0;o<r.handles;o++)r.tooltips.push(e)}else{if(e=ae(e),e.length!==r.handles)throw new Error("noUiSlider: must pass a formatter for all handles.");e.forEach(function(c){if(typeof c!="boolean"&&!ne(c))throw new Error("noUiSlider: 'tooltips' must be passed a formatter or 'false'.")}),r.tooltips=e}}function er(r,e){if(e.length!==r.handles)throw new Error("noUiSlider: must pass a attributes for all handles.");r.handleAttributes=e}function tr(r,e){if(!ne(e))throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");r.ariaFormat=e}function rr(r,e){if(!Et(e))throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");r.format=e}function ir(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");r.keyboardSupport=e}function nr(r,e){r.documentElement=e}function ar(r,e){if(typeof e!="string"&&e!==!1)throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");r.cssPrefix=e}function or(r,e){if(typeof e!="object")throw new Error("noUiSlider: 'cssClasses' must be an object.");typeof r.cssPrefix=="string"?(r.cssClasses={},Object.keys(e).forEach(function(o){r.cssClasses[o]=r.cssPrefix+e[o]})):r.cssClasses=e}function Je(r){var e={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:Ie,format:Ie},o={step:{r:!1,t:Ft},keyboardPageMultiplier:{r:!1,t:Nt},keyboardMultiplier:{r:!1,t:qt},keyboardDefaultStep:{r:!1,t:Bt},start:{r:!0,t:It},connect:{r:!0,t:We},direction:{r:!0,t:Zt},snap:{r:!1,t:Kt},animate:{r:!1,t:Yt},animationDuration:{r:!1,t:Xt},range:{r:!0,t:Tt},orientation:{r:!1,t:Wt},margin:{r:!1,t:Ge},limit:{r:!1,t:Gt},padding:{r:!1,t:Jt},behaviour:{r:!0,t:$t},ariaFormat:{r:!1,t:tr},format:{r:!1,t:rr},tooltips:{r:!1,t:Qt},keyboardSupport:{r:!0,t:ir},documentElement:{r:!1,t:nr},cssPrefix:{r:!0,t:ar},cssClasses:{r:!0,t:or},handleAttributes:{r:!1,t:er}},c={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:Xe,keyboardPageMultiplier:5,keyboardMultiplier:1,keyboardDefaultStep:10};r.format&&!r.ariaFormat&&(r.ariaFormat=r.format),Object.keys(o).forEach(function(U){if(!Ue(r[U])&&c[U]===void 0){if(o[U].r)throw new Error("noUiSlider: '"+U+"' is required.");return}o[U].t(e,Ue(r[U])?r[U]:c[U])}),e.pips=r.pips;var u=document.createElement("div"),p=u.style.msTransform!==void 0,h=u.style.transform!==void 0;e.transformRule=h?"transform":p?"msTransform":"webkitTransform";var S=[["left","top"],["right","bottom"]];return e.style=S[e.dir][e.ort],e}function sr(r,e,o){var c=Dt(),u=_t(),p=u&&Mt(),h=r,S,U,v,P,V,q,m=e.spectrum,R=[],w=[],O=[],oe=0,j={},W=!1,Y=r.ownerDocument,$=e.documentElement||Y.documentElement,Q=Y.body,Ze=Y.dir==="rtl"||e.ort===1?0:100;function F(t,i){var n=Y.createElement("div");return i&&M(n,i),t.appendChild(n),n}function $e(t,i){var n=F(t,e.cssClasses.origin),a=F(n,e.cssClasses.handle);if(F(a,e.cssClasses.touchArea),a.setAttribute("data-handle",String(i)),e.keyboardSupport&&(a.setAttribute("tabindex","0"),a.addEventListener("keydown",function(l){return pt(l,i)})),e.handleAttributes!==void 0){var s=e.handleAttributes[i];Object.keys(s).forEach(function(l){a.setAttribute(l,s[l])})}return a.setAttribute("role","slider"),a.setAttribute("aria-orientation",e.ort?"vertical":"horizontal"),i===0?M(a,e.cssClasses.handleLower):i===e.handles-1&&M(a,e.cssClasses.handleUpper),n.handle=a,n}function se(t,i){return i?F(t,e.cssClasses.connect):!1}function Qe(t,i){U=F(i,e.cssClasses.connects),v=[],P=[],P.push(se(U,t[0]));for(var n=0;n<e.handles;n++)v.push($e(i,n)),O[n]=n,P.push(se(U,t[n+1]))}function et(t){M(t,e.cssClasses.target),e.dir===0?M(t,e.cssClasses.ltr):M(t,e.cssClasses.rtl),e.ort===0?M(t,e.cssClasses.horizontal):M(t,e.cssClasses.vertical);var i=getComputedStyle(t).direction;return i==="rtl"?M(t,e.cssClasses.textDirectionRtl):M(t,e.cssClasses.textDirectionLtr),F(t,e.cssClasses.base)}function tt(t,i){return!e.tooltips||!e.tooltips[i]?!1:F(t.firstChild,e.cssClasses.tooltip)}function Ee(){return h.hasAttribute("disabled")}function le(t){var i=v[t];return i.hasAttribute("disabled")}function rt(t){t!=null?(v[t].setAttribute("disabled",""),v[t].handle.removeAttribute("tabindex")):(h.setAttribute("disabled",""),v.forEach(function(i){i.handle.removeAttribute("tabindex")}))}function it(t){t!=null?(v[t].removeAttribute("disabled"),v[t].handle.setAttribute("tabindex","0")):(h.removeAttribute("disabled"),v.forEach(function(i){i.removeAttribute("disabled"),i.handle.setAttribute("tabindex","0")}))}function ue(){q&&(G("update"+B.tooltips),q.forEach(function(t){t&&Ne(t)}),q=null)}function Ce(){ue(),q=v.map(tt),pe("update"+B.tooltips,function(t,i,n){if(!(!q||!e.tooltips)&&q[i]!==!1){var a=t[i];e.tooltips[i]!==!0&&(a=e.tooltips[i].to(n[i])),q[i].innerHTML=a}})}function nt(){G("update"+B.aria),pe("update"+B.aria,function(t,i,n,a,s){O.forEach(function(l){var d=v[l],f=ee(w,l,0,!0,!0,!0),b=ee(w,l,100,!0,!0,!0),x=s[l],z=String(e.ariaFormat.to(n[l]));f=m.fromStepping(f).toFixed(1),b=m.fromStepping(b).toFixed(1),x=m.fromStepping(x).toFixed(1),d.children[0].setAttribute("aria-valuemin",f),d.children[0].setAttribute("aria-valuemax",b),d.children[0].setAttribute("aria-valuenow",x),d.children[0].setAttribute("aria-valuetext",z)})})}function at(t){if(t.mode===T.Range||t.mode===T.Steps)return m.xVal;if(t.mode===T.Count){if(t.values<2)throw new Error("noUiSlider: 'values' (>= 2) required for mode 'count'.");for(var i=t.values-1,n=100/i,a=[];i--;)a[i]=i*n;return a.push(100),ye(a,t.stepped)}return t.mode===T.Positions?ye(t.values,t.stepped):t.mode===T.Values?t.stepped?t.values.map(function(s){return m.fromStepping(m.getStep(m.toStepping(s)))}):t.values:[]}function ye(t,i){return t.map(function(n){return m.fromStepping(i?m.getStep(n):n)})}function ot(t){function i(x,z){return Number((x+z).toFixed(7))}var n=at(t),a={},s=m.xVal[0],l=m.xVal[m.xVal.length-1],d=!1,f=!1,b=0;return n=Ct(n.slice().sort(function(x,z){return x-z})),n[0]!==s&&(n.unshift(s),d=!0),n[n.length-1]!==l&&(n.push(l),f=!0),n.forEach(function(x,z){var k,g,C,D=x,y=n[z+1],A,ge,be,xe,Re,Se,je,Fe=t.mode===T.Steps;for(Fe&&(k=m.xNumSteps[z]),k||(k=y-D),y===void 0&&(y=D),k=Math.max(k,1e-7),g=D;g<=y;g=i(g,k)){for(A=m.toStepping(g),ge=A-b,Re=ge/(t.density||1),Se=Math.round(Re),je=ge/Se,C=1;C<=Se;C+=1)be=b+C*je,a[be.toFixed(5)]=[m.fromStepping(be),0];xe=n.indexOf(g)>-1?_.LargeValue:Fe?_.SmallValue:_.NoValue,!z&&d&&g!==y&&(xe=0),g===y&&f||(a[A.toFixed(5)]=[g,xe]),b=A}}),a}function st(t,i,n){var a,s,l=Y.createElement("div"),d=(a={},a[_.None]="",a[_.NoValue]=e.cssClasses.valueNormal,a[_.LargeValue]=e.cssClasses.valueLarge,a[_.SmallValue]=e.cssClasses.valueSub,a),f=(s={},s[_.None]="",s[_.NoValue]=e.cssClasses.markerNormal,s[_.LargeValue]=e.cssClasses.markerLarge,s[_.SmallValue]=e.cssClasses.markerSub,s),b=[e.cssClasses.valueHorizontal,e.cssClasses.valueVertical],x=[e.cssClasses.markerHorizontal,e.cssClasses.markerVertical];M(l,e.cssClasses.pips),M(l,e.ort===0?e.cssClasses.pipsHorizontal:e.cssClasses.pipsVertical);function z(g,C){var D=C===e.cssClasses.value,y=D?b:x,A=D?d:f;return C+" "+y[e.ort]+" "+A[g]}function k(g,C,D){if(D=i?i(C,D):D,D!==_.None){var y=F(l,!1);y.className=z(D,e.cssClasses.marker),y.style[e.style]=g+"%",D>_.NoValue&&(y=F(l,!1),y.className=z(D,e.cssClasses.value),y.setAttribute("data-value",String(C)),y.style[e.style]=g+"%",y.innerHTML=String(n.to(C)))}}return Object.keys(t).forEach(function(g){k(g,t[g][0],t[g][1])}),l}function ce(){V&&(Ne(V),V=null)}function fe(t){ce();var i=ot(t),n=t.filter,a=t.format||{to:function(s){return String(Math.round(s))}};return V=h.appendChild(st(i,n,a)),V}function Pe(){var t=S.getBoundingClientRect(),i="offset"+["Width","Height"][e.ort];return e.ort===0?t.width||S[i]:t.height||S[i]}function I(t,i,n,a){var s=function(d){var f=lt(d,a.pageOffset,a.target||i);if(!f||Ee()&&!a.doNotReject||Vt(h,e.cssClasses.tap)&&!a.doNotReject||t===c.start&&f.buttons!==void 0&&f.buttons>1||a.hover&&f.buttons)return!1;p||f.preventDefault(),f.calcPoint=f.points[e.ort],n(f,a)},l=[];return t.split(" ").forEach(function(d){i.addEventListener(d,s,p?{passive:!0}:!1),l.push([d,s])}),l}function lt(t,i,n){var a=t.type.indexOf("touch")===0,s=t.type.indexOf("mouse")===0,l=t.type.indexOf("pointer")===0,d=0,f=0;if(t.type.indexOf("MSPointer")===0&&(l=!0),t.type==="mousedown"&&!t.buttons&&!t.touches)return!1;if(a){var b=function(k){var g=k.target;return g===n||n.contains(g)||t.composed&&t.composedPath().shift()===n};if(t.type==="touchstart"){var x=Array.prototype.filter.call(t.touches,b);if(x.length>1)return!1;d=x[0].pageX,f=x[0].pageY}else{var z=Array.prototype.find.call(t.changedTouches,b);if(!z)return!1;d=z.pageX,f=z.pageY}}return i=i||Ke(Y),(s||l)&&(d=t.clientX+i.x,f=t.clientY+i.y),t.pageOffset=i,t.points=[d,f],t.cursor=s||l,t}function Ae(t){var i=t-Pt(S,e.ort),n=i*100/Pe();return n=Te(n),e.dir?100-n:n}function ut(t){var i=100,n=!1;return v.forEach(function(a,s){if(!le(s)){var l=w[s],d=Math.abs(l-t),f=d===100&&i===100,b=d<i,x=d<=i&&t>l;(b||x||f)&&(n=s,i=d)}}),n}function ct(t,i){t.type==="mouseout"&&t.target.nodeName==="HTML"&&t.relatedTarget===null&&de(t,i)}function ft(t,i){if(navigator.appVersion.indexOf("MSIE 9")===-1&&t.buttons===0&&i.buttonsProperty!==0)return de(t,i);var n=(e.dir?-1:1)*(t.calcPoint-i.startCalcPoint),a=n*100/i.baseSize;De(n>0,a,i.locations,i.handleNumbers,i.connect)}function de(t,i){i.handle&&(ie(i.handle,e.cssClasses.active),oe-=1),i.listeners.forEach(function(n){$.removeEventListener(n[0],n[1])}),oe===0&&(ie(h,e.cssClasses.drag),me(),t.cursor&&(Q.style.cursor="",Q.removeEventListener("selectstart",qe))),e.events.smoothSteps&&(i.handleNumbers.forEach(function(n){K(n,w[n],!0,!0,!1,!1)}),i.handleNumbers.forEach(function(n){E("update",n)})),i.handleNumbers.forEach(function(n){E("change",n),E("set",n),E("end",n)})}function he(t,i){if(!i.handleNumbers.some(le)){var n;if(i.handleNumbers.length===1){var a=v[i.handleNumbers[0]];n=a.children[0],oe+=1,M(n,e.cssClasses.active)}t.stopPropagation();var s=[],l=I(c.move,$,ft,{target:t.target,handle:n,connect:i.connect,listeners:s,startCalcPoint:t.calcPoint,baseSize:Pe(),pageOffset:t.pageOffset,handleNumbers:i.handleNumbers,buttonsProperty:t.buttons,locations:w.slice()}),d=I(c.end,$,de,{target:t.target,handle:n,listeners:s,doNotReject:!0,handleNumbers:i.handleNumbers}),f=I("mouseout",$,ct,{target:t.target,handle:n,listeners:s,doNotReject:!0,handleNumbers:i.handleNumbers});s.push.apply(s,l.concat(d,f)),t.cursor&&(Q.style.cursor=getComputedStyle(t.target).cursor,v.length>1&&M(h,e.cssClasses.drag),Q.addEventListener("selectstart",qe,!1)),i.handleNumbers.forEach(function(b){E("start",b)})}}function dt(t){t.stopPropagation();var i=Ae(t.calcPoint),n=ut(i);n!==!1&&(e.events.snap||Be(h,e.cssClasses.tap,e.animationDuration),K(n,i,!0,!0),me(),E("slide",n,!0),E("update",n,!0),e.events.snap?he(t,{handleNumbers:[n]}):(E("change",n,!0),E("set",n,!0)))}function ht(t){var i=Ae(t.calcPoint),n=m.getStep(i),a=m.fromStepping(n);Object.keys(j).forEach(function(s){s.split(".")[0]==="hover"&&j[s].forEach(function(l){l.call(re,a)})})}function pt(t,i){if(Ee()||le(i))return!1;var n=["Left","Right"],a=["Down","Up"],s=["PageDown","PageUp"],l=["Home","End"];e.dir&&!e.ort?n.reverse():e.ort&&!e.dir&&(a.reverse(),s.reverse());var d=t.key.replace("Arrow",""),f=d===s[0],b=d===s[1],x=d===a[0]||d===n[0]||f,z=d===a[1]||d===n[1]||b,k=d===l[0],g=d===l[1];if(!x&&!z&&!k&&!g)return!0;t.preventDefault();var C;if(z||x){var D=x?0:1,y=Le(i),A=y[D];if(A===null)return!1;A===!1&&(A=m.getDefaultStep(w[i],x,e.keyboardDefaultStep)),b||f?A*=e.keyboardPageMultiplier:A*=e.keyboardMultiplier,A=Math.max(A,1e-7),A=(x?-1:1)*A,C=R[i]+A}else g?C=e.spectrum.xVal[e.spectrum.xVal.length-1]:C=e.spectrum.xVal[0];return K(i,m.toStepping(C),!0,!0),E("slide",i),E("update",i),E("change",i),E("set",i),!1}function Ve(t){t.fixed||v.forEach(function(i,n){I(c.start,i.children[0],he,{handleNumbers:[n]})}),t.tap&&I(c.start,S,dt,{}),t.hover&&I(c.move,S,ht,{hover:!0}),t.drag&&P.forEach(function(i,n){if(!(i===!1||n===0||n===P.length-1)){var a=v[n-1],s=v[n],l=[i],d=[a,s],f=[n-1,n];M(i,e.cssClasses.draggable),t.fixed&&(l.push(a.children[0]),l.push(s.children[0])),t.dragAll&&(d=v,f=O),l.forEach(function(b){I(c.start,b,he,{handles:d,handleNumbers:f,connect:i})})}})}function pe(t,i){j[t]=j[t]||[],j[t].push(i),t.split(".")[0]==="update"&&v.forEach(function(n,a){E("update",a)})}function vt(t){return t===B.aria||t===B.tooltips}function G(t){var i=t&&t.split(".")[0],n=i?t.substring(i.length):t;Object.keys(j).forEach(function(a){var s=a.split(".")[0],l=a.substring(s.length);(!i||i===s)&&(!n||n===l)&&(!vt(l)||n===l)&&delete j[a]})}function E(t,i,n){Object.keys(j).forEach(function(a){var s=a.split(".")[0];t===s&&j[a].forEach(function(l){l.call(re,R.map(e.format.to),i,R.slice(),n||!1,w.slice(),re)})})}function ee(t,i,n,a,s,l,d){var f;return v.length>1&&!e.events.unconstrained&&(a&&i>0&&(f=m.getAbsoluteDistance(t[i-1],e.margin,!1),n=Math.max(n,f)),s&&i<v.length-1&&(f=m.getAbsoluteDistance(t[i+1],e.margin,!0),n=Math.min(n,f))),v.length>1&&e.limit&&(a&&i>0&&(f=m.getAbsoluteDistance(t[i-1],e.limit,!1),n=Math.min(n,f)),s&&i<v.length-1&&(f=m.getAbsoluteDistance(t[i+1],e.limit,!0),n=Math.max(n,f))),e.padding&&(i===0&&(f=m.getAbsoluteDistance(0,e.padding[0],!1),n=Math.max(n,f)),i===v.length-1&&(f=m.getAbsoluteDistance(100,e.padding[1],!0),n=Math.min(n,f))),d||(n=m.getStep(n)),n=Te(n),n===t[i]&&!l?!1:n}function ve(t,i){var n=e.ort;return(n?i:t)+", "+(n?t:i)}function De(t,i,n,a,s){var l=n.slice(),d=a[0],f=e.events.smoothSteps,b=[!t,t],x=[t,!t];a=a.slice(),t&&a.reverse(),a.length>1?a.forEach(function(k,g){var C=ee(l,k,l[k]+i,b[g],x[g],!1,f);C===!1?i=0:(i=C-l[k],l[k]=C)}):b=x=[!0];var z=!1;a.forEach(function(k,g){z=K(k,n[k]+i,b[g],x[g],!1,f)||z}),z&&(a.forEach(function(k){E("update",k),E("slide",k)}),s!=null&&E("drag",d))}function Me(t,i){return e.dir?100-t-i:t}function mt(t,i){w[t]=i,R[t]=m.fromStepping(i);var n=Me(i,0)-Ze,a="translate("+ve(n+"%","0")+")";if(v[t].style[e.transformRule]=a,e.events.invertConnects&&w.length>1){var s=w.every(function(l,d,f){return d===0||l>=f[d-1]});if(W!==!s){wt();return}}J(t),J(t+1),W&&(J(t-1),J(t+2))}function me(){O.forEach(function(t){var i=w[t]>50?-1:1,n=3+(v.length+i*t);v[t].style.zIndex=String(n)})}function K(t,i,n,a,s,l){return s||(i=ee(w,t,i,n,a,!1,l)),i===!1?!1:(mt(t,i),!0)}function J(t){if(P[t]){var i=w.slice();W&&i.sort(function(f,b){return f-b});var n=0,a=100;t!==0&&(n=i[t-1]),t!==P.length-1&&(a=i[t]);var s=a-n,l="translate("+ve(Me(n,s)+"%","0")+")",d="scale("+ve(s/100,"1")+")";P[t].style[e.transformRule]=l+" "+d}}function _e(t,i){return t===null||t===!1||t===void 0||(typeof t=="number"&&(t=String(t)),t=e.format.from(t),t!==!1&&(t=m.toStepping(t)),t===!1||isNaN(t))?w[i]:t}function te(t,i,n){var a=ae(t),s=w[0]===void 0;i=i===void 0?!0:i,e.animate&&!s&&Be(h,e.cssClasses.tap,e.animationDuration),O.forEach(function(f){K(f,_e(a[f],f),!0,!1,n)});var l=O.length===1?0:1;if(s&&m.hasNoSize()&&(n=!0,w[0]=0,O.length>1)){var d=100/(O.length-1);O.forEach(function(f){w[f]=f*d})}for(;l<O.length;++l)O.forEach(function(f){K(f,w[f],!0,!0,n)});me(),O.forEach(function(f){E("update",f),a[f]!==null&&i&&E("set",f)})}function gt(t){te(e.start,t)}function bt(t,i,n,a){if(t=Number(t),!(t>=0&&t<O.length))throw new Error("noUiSlider: invalid handle number, got: "+t);K(t,_e(i,t),!0,!0,a),E("update",t),n&&E("set",t)}function Oe(t){if(t===void 0&&(t=!1),t)return R.length===1?R[0]:R.slice(0);var i=R.map(e.format.to);return i.length===1?i[0]:i}function xt(){for(G(B.aria),G(B.tooltips),Object.keys(e.cssClasses).forEach(function(t){ie(h,e.cssClasses[t])});h.firstChild;)h.removeChild(h.firstChild);delete h.noUiSlider}function Le(t){var i=w[t],n=m.getNearbySteps(i),a=R[t],s=n.thisStep.step,l=null;if(e.snap)return[a-n.stepBefore.startValue||null,n.stepAfter.startValue-a||null];s!==!1&&a+s>n.stepAfter.startValue&&(s=n.stepAfter.startValue-a),a>n.thisStep.startValue?l=n.thisStep.step:n.stepBefore.step===!1?l=!1:l=a-n.stepBefore.highestStep,i===100?s=null:i===0&&(l=null);var d=m.countStepDecimals();return s!==null&&s!==!1&&(s=Number(s.toFixed(d))),l!==null&&l!==!1&&(l=Number(l.toFixed(d))),[l,s]}function St(){return O.map(Le)}function Ut(t,i){var n=Oe(),a=["margin","limit","padding","range","animate","snap","step","format","pips","tooltips","connect"];a.forEach(function(l){t[l]!==void 0&&(o[l]=t[l])});var s=Je(o);a.forEach(function(l){t[l]!==void 0&&(e[l]=s[l])}),m=s.spectrum,e.margin=s.margin,e.limit=s.limit,e.padding=s.padding,e.pips?fe(e.pips):ce(),e.tooltips?Ce():ue(),w=[],te(Ue(t.start)?t.start:n,i),t.connect&&He()}function He(){for(;U.firstChild;)U.removeChild(U.firstChild);for(var t=0;t<=e.handles;t++)P[t]=se(U,e.connect[t]),J(t);Ve({drag:e.events.drag,fixed:!0})}function wt(){W=!W,We(e,e.connect.map(function(t){return!t})),He()}function zt(){S=et(h),Qe(e.connect,S),Ve(e.events),te(e.start),e.pips&&fe(e.pips),e.tooltips&&Ce(),nt()}zt();var re={destroy:xt,steps:St,on:pe,off:G,get:Oe,set:te,setHandle:bt,reset:gt,disable:rt,enable:it,__moveHandles:function(t,i,n){De(t,i,w,n)},options:o,updateOptions:Ut,target:h,removePips:ce,removeTooltips:ue,getPositions:function(){return w.slice()},getTooltips:function(){return q},getOrigins:function(){return v},pips:fe};return re}function lr(r,e){if(!r||!r.nodeName)throw new Error("noUiSlider: create requires a single element, got: "+r);if(r.noUiSlider)throw new Error("noUiSlider: Slider was already initialized.");var o=Je(e),c=sr(r,o,e);return r.noUiSlider=c,c}const ur={__spectrum:Ye,cssClasses:Xe,create:lr},cr='.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,.noUi-horizontal[disabled] .noUi-connects .noUi-connect{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-disabled-color, #b8b8b8))}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed!important}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translateY(-18px);top:auto;right:28px}.noUi-handle.noUi-handle-lower:focus-visible{outline:calc(var(--luzmo-border-width) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5))) solid var(--luzmo-primary)}:host{flex-grow:1;height:1rem}.luzmo-slider-container{width:100%}.noUi-horizontal{height:var(--luzmo-slider-track-height, var(--slider-track-height, 18px));top:var(--luzmo-slider-top-to-track, var(--slider-top-to-track, 0));border:none;box-shadow:none}.noUi-horizontal .noUi-base{background:var(--luzmo-background-color);cursor:pointer}.noUi-horizontal .noUi-connects{width:100%;left:0;background:var(--luzmo-border-color);border-radius:.625rem}.noUi-horizontal .noUi-connects .noUi-connect{background:var(--luzmo-primary)}.noUi-horizontal .noUi-origin .noUi-handle{transform:scale(var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));width:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));height:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));right:var(--luzmo-slider-edge-to-handle, var(--slider-edge-to-handle, 14px));top:var(--luzmo-slider-top-to-handle, var(--slider-top-to-handle, -.875rem));background:var(--luzmo-background-color);transition:background-color var(--luzmo-animation-duration);box-shadow:0 .125rem .25rem var(--luzmo-border-color),inset 0 0 0 .0625rem var(--luzmo-border-color);border-radius:50%;border:none;cursor:pointer}.noUi-horizontal .noUi-origin .noUi-handle:before,.noUi-horizontal .noUi-origin .noUi-handle:after{display:none}.noUi-horizontal .noUi-origin .noUi-handle:hover,.noUi-horizontal .noUi-origin .noUi-handle.noUi-active{background-color:var(--luzmo-slider-background-color-hover, var(--luzmo-background-color-hover))}.noUi-horizontal[disabled] .noUi-connects{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-background-color-disabled))}.noUi-horizontal[disabled] .noUi-origin .noUi-handle:hover{background-color:var(--luzmo-slider-background-color-disabled-hover, var(--luzmo-background-color))}.noUi-tooltip{padding:.5rem;font-size:calc(var(--luzmo-slider-tooltip-font-size, var(--slider-tooltip-font-size)) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));background:var(--luzmo-background-color);color:var(--luzmo-font-color);display:none}.noUi-active .noUi-tooltip{display:block}:host{font-family:var(--luzmo-slider-font-family, var(--luzmo-font-family));min-block-size:var(--luzmo-slider-item-height, var(--slider-item-height));--slider-edge-to-handle: calc(-1 * var(--slider-handle-size) / 2);--slider-top-to-track: calc( ( var(--luzmo-slider-item-height, var(--slider-item-height)) - var(--luzmo-slider-track-height, var(--slider-track-height)) ) / 2 );--slider-top-to-handle: calc( ( ( (var(--luzmo-slider-track-height, var(--slider-track-height))) / 2 - var(--luzmo-slider-handle-size, var(--slider-handle-size)) * var(--luzmo-slider-handle-scale, var(--slider-handle-scale)) ) ) )}:host([size=s]){--slider-item-height: 24px;--slider-track-height: 3px;--slider-handle-scale: .5;--slider-handle-size: 32px;--slider-tooltip-font-size: var(--luzmo-font-size-xs)}:host{--slider-item-height: 32px;--slider-track-height: 4px;--slider-handle-scale: .5;--slider-handle-size: 36px;--slider-tooltip-font-size: var(--luzmo-font-size-s)}:host([size=l]){--slider-min-height: 40px;--slider-track-height: 6px;--slider-handle-scale: .5;--slider-handle-size: 40px;--slider-tooltip-font-size: var(--luzmo-font-size)}:host([size=xl]){--slider-min-height: 48px;--slider-track-height: 7px;--slider-handle-scale: .5;--slider-handle-size: 44px;--slider-tooltip-font-size: var(--luzmo-font-size)}';var fr=Object.defineProperty,X=(r,e,o,c)=>{for(var u=void 0,p=r.length-1,h;p>=0;p--)(h=r[p])&&(u=h(e,o,u)||u);return u&&fr(e,o,u),u};const ke=class ke extends kt.SizedMixin(N.LuzmoElement){constructor(){super(...arguments),this.value=0,this.min=0,this.max=100,this.step=100,this.disabled=!1,this.debounce=200,this._doingUpdate=!1}get _slider(){return this.renderRoot.querySelector("div")}firstUpdated(){this.noUiSlider=ur.create(this.renderRoot.querySelector("div"),{start:this.value??0,connect:[!0,!1],step:this.step??1,range:{min:this.min??0,max:this.max??100},tooltips:!0}),this.noUiSlider.on("slide",(e,o,[c])=>{this.debounceTimeout&&clearTimeout(this.debounceTimeout),this.debounceTimeout=setTimeout(()=>{this.setValue(c)},this.debounce??200)})}updated(e){const o=e.get("value"),c=e.get("min"),u=e.get("max"),p=e.get("step"),h=e.get("disabled");this.value!==void 0&&this.value!==o&&this.noUiSlider.set(this.value),(this.min!==void 0&&(u!==void 0||this.max!==void 0)&&this.min!==c||this.max!==void 0&&(c!==void 0||this.min!==void 0)&&this.max!==u)&&this.noUiSlider.updateOptions({range:{min:this.min??c,max:this.max??u}},!0),this.step!==void 0&&this.step!==p&&this.noUiSlider.updateOptions({step:this.step},!0),this.disabled!==void 0&&this.disabled!==h&&(this.disabled?this.noUiSlider.disable():this.noUiSlider.enable())}setValue(e){this.disabled||this.dispatchEvent(new CustomEvent("change",{detail:e,bubbles:!0,composed:!0}))}render(){return N.x`<div class="luzmo-slider-container"></div>`}};ke.styles=[N.r(cr)];let H=ke;X([N.n({type:Number,reflect:!0})],H.prototype,"value");X([N.n({type:Number,reflect:!0})],H.prototype,"min");X([N.n({type:Number,reflect:!0})],H.prototype,"max");X([N.n({type:Number,reflect:!0})],H.prototype,"step");X([N.n({type:Boolean,reflect:!0})],H.prototype,"disabled");X([N.n({type:Number,reflect:!0})],H.prototype,"debounce");customElements.get("luzmo-slider")||customElements.define("luzmo-slider",H);exports.LuzmoSlider=H;
|
|
18
|
+
"use strict";
|
|
19
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
20
|
+
const lit = require("lit");
|
|
21
|
+
const decorators_js = require("lit/decorators.js");
|
|
22
|
+
const noUISlider = require("nouislider");
|
|
23
|
+
const base = require("../base-COw9n7UR.cjs");
|
|
24
|
+
const sizedMixin = require("../sized-mixin-UaTVa-AE.cjs");
|
|
25
|
+
const styles = '.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #d3d3d3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #d9d9d9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,.noUi-horizontal[disabled] .noUi-connects .noUi-connect{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-disabled-color, #b8b8b8))}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed!important}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translateY(-18px);top:auto;right:28px}.noUi-handle.noUi-handle-lower:focus-visible{outline:calc(var(--luzmo-border-width) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5))) solid var(--luzmo-primary)}:host{flex-grow:1;height:1rem}.luzmo-slider-container{width:100%}.noUi-horizontal{height:var(--luzmo-slider-track-height, var(--slider-track-height, 18px));top:var(--luzmo-slider-top-to-track, var(--slider-top-to-track, 0));border:none;box-shadow:none}.noUi-horizontal .noUi-base{background:var(--luzmo-background-color);cursor:pointer}.noUi-horizontal .noUi-connects{width:100%;left:0;background:var(--luzmo-border-color);border-radius:.625rem}.noUi-horizontal .noUi-connects .noUi-connect{background:var(--luzmo-primary)}.noUi-horizontal .noUi-origin .noUi-handle{transform:scale(var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));width:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));height:var(--luzmo-slider-handle-size, var(--slider-handle-size, 2rem));right:var(--luzmo-slider-edge-to-handle, var(--slider-edge-to-handle, 14px));top:var(--luzmo-slider-top-to-handle, var(--slider-top-to-handle, -.875rem));background:var(--luzmo-background-color);transition:background-color var(--luzmo-animation-duration);box-shadow:0 .125rem .25rem var(--luzmo-border-color),inset 0 0 0 .0625rem var(--luzmo-border-color);border-radius:50%;border:none;cursor:pointer}.noUi-horizontal .noUi-origin .noUi-handle:before,.noUi-horizontal .noUi-origin .noUi-handle:after{display:none}.noUi-horizontal .noUi-origin .noUi-handle:hover,.noUi-horizontal .noUi-origin .noUi-handle.noUi-active{background-color:var(--luzmo-slider-background-color-hover, var(--luzmo-background-color-hover))}.noUi-horizontal[disabled] .noUi-connects{background:var(--luzmo-slider-background-color-disabled, var(--luzmo-background-color-disabled))}.noUi-horizontal[disabled] .noUi-origin .noUi-handle:hover{background-color:var(--luzmo-slider-background-color-disabled-hover, var(--luzmo-background-color))}.noUi-tooltip{padding:.5rem;font-size:calc(var(--luzmo-slider-tooltip-font-size, var(--slider-tooltip-font-size)) / var(--luzmo-slider-handle-scale, var(--slider-handle-scale, .5)));background:var(--luzmo-background-color);color:var(--luzmo-font-color);display:none}.noUi-active .noUi-tooltip{display:block}:host{font-family:var(--luzmo-slider-font-family, var(--luzmo-font-family));min-block-size:var(--luzmo-slider-item-height, var(--slider-item-height));--slider-edge-to-handle: calc(-1 * var(--slider-handle-size) / 2);--slider-top-to-track: calc( ( var(--luzmo-slider-item-height, var(--slider-item-height)) - var(--luzmo-slider-track-height, var(--slider-track-height)) ) / 2 );--slider-top-to-handle: calc( ( ( (var(--luzmo-slider-track-height, var(--slider-track-height))) / 2 - var(--luzmo-slider-handle-size, var(--slider-handle-size)) * var(--luzmo-slider-handle-scale, var(--slider-handle-scale)) ) ) )}:host([size=s]){--slider-item-height: 24px;--slider-track-height: 3px;--slider-handle-scale: .5;--slider-handle-size: 32px;--slider-tooltip-font-size: var(--luzmo-font-size-xs)}:host{--slider-item-height: 32px;--slider-track-height: 4px;--slider-handle-scale: .5;--slider-handle-size: 36px;--slider-tooltip-font-size: var(--luzmo-font-size-s)}:host([size=l]){--slider-min-height: 40px;--slider-track-height: 6px;--slider-handle-scale: .5;--slider-handle-size: 40px;--slider-tooltip-font-size: var(--luzmo-font-size)}:host([size=xl]){--slider-min-height: 48px;--slider-track-height: 7px;--slider-handle-scale: .5;--slider-handle-size: 44px;--slider-tooltip-font-size: var(--luzmo-font-size)}';
|
|
26
|
+
var __defProp = Object.defineProperty;
|
|
27
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
28
|
+
var result = void 0;
|
|
29
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
30
|
+
if (decorator = decorators[i])
|
|
31
|
+
result = decorator(target, key, result) || result;
|
|
32
|
+
if (result) __defProp(target, key, result);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
const _LuzmoSlider = class _LuzmoSlider extends sizedMixin.SizedMixin(base.LuzmoElement) {
|
|
36
|
+
constructor() {
|
|
37
|
+
super(...arguments);
|
|
38
|
+
this.value = 0;
|
|
39
|
+
this.min = 0;
|
|
40
|
+
this.max = 100;
|
|
41
|
+
this.step = 100;
|
|
42
|
+
this.disabled = false;
|
|
43
|
+
this.debounce = 200;
|
|
44
|
+
this._doingUpdate = false;
|
|
45
|
+
}
|
|
46
|
+
get _slider() {
|
|
47
|
+
return this.renderRoot.querySelector("div");
|
|
48
|
+
}
|
|
49
|
+
firstUpdated() {
|
|
50
|
+
this.noUiSlider = noUISlider.create(
|
|
51
|
+
this.renderRoot.querySelector("div"),
|
|
52
|
+
{
|
|
53
|
+
start: this.value ?? 0,
|
|
54
|
+
connect: [true, false],
|
|
55
|
+
step: this.step ?? 1,
|
|
56
|
+
range: {
|
|
57
|
+
min: this.min ?? 0,
|
|
58
|
+
max: this.max ?? 100
|
|
59
|
+
},
|
|
60
|
+
tooltips: true
|
|
61
|
+
}
|
|
62
|
+
);
|
|
63
|
+
this.noUiSlider.on("slide", (_values, _handleNumber, [value]) => {
|
|
64
|
+
if (this.debounceTimeout) {
|
|
65
|
+
clearTimeout(this.debounceTimeout);
|
|
66
|
+
}
|
|
67
|
+
this.debounceTimeout = setTimeout(() => {
|
|
68
|
+
this.setValue(value);
|
|
69
|
+
}, this.debounce ?? 200);
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
updated(changedProperties) {
|
|
73
|
+
const oldValue = changedProperties.get("value");
|
|
74
|
+
const oldMin = changedProperties.get("min");
|
|
75
|
+
const oldMax = changedProperties.get("max");
|
|
76
|
+
const oldStep = changedProperties.get("step");
|
|
77
|
+
const oldDisabled = changedProperties.get("disabled");
|
|
78
|
+
if (this.value !== void 0 && this.value !== oldValue) {
|
|
79
|
+
this.noUiSlider.set(this.value);
|
|
80
|
+
}
|
|
81
|
+
if (this.min !== void 0 && (oldMax !== void 0 || this.max !== void 0) && this.min !== oldMin || this.max !== void 0 && (oldMin !== void 0 || this.min !== void 0) && this.max !== oldMax) {
|
|
82
|
+
this.noUiSlider.updateOptions(
|
|
83
|
+
{ range: { min: this.min ?? oldMin, max: this.max ?? oldMax } },
|
|
84
|
+
true
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
if (this.step !== void 0 && this.step !== oldStep) {
|
|
88
|
+
this.noUiSlider.updateOptions({ step: this.step }, true);
|
|
89
|
+
}
|
|
90
|
+
if (this.disabled !== void 0 && this.disabled !== oldDisabled) {
|
|
91
|
+
if (this.disabled) {
|
|
92
|
+
this.noUiSlider.disable();
|
|
93
|
+
} else {
|
|
94
|
+
this.noUiSlider.enable();
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
setValue(value) {
|
|
99
|
+
if (!this.disabled) {
|
|
100
|
+
this.dispatchEvent(
|
|
101
|
+
new CustomEvent("change", {
|
|
102
|
+
detail: value,
|
|
103
|
+
bubbles: true,
|
|
104
|
+
composed: true
|
|
105
|
+
})
|
|
106
|
+
);
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
render() {
|
|
110
|
+
return lit.html`<div class="luzmo-slider-container"></div>`;
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
_LuzmoSlider.styles = [lit.unsafeCSS(styles)];
|
|
114
|
+
let LuzmoSlider = _LuzmoSlider;
|
|
115
|
+
__decorateClass([
|
|
116
|
+
decorators_js.property({ type: Number, reflect: true })
|
|
117
|
+
], LuzmoSlider.prototype, "value");
|
|
118
|
+
__decorateClass([
|
|
119
|
+
decorators_js.property({ type: Number, reflect: true })
|
|
120
|
+
], LuzmoSlider.prototype, "min");
|
|
121
|
+
__decorateClass([
|
|
122
|
+
decorators_js.property({ type: Number, reflect: true })
|
|
123
|
+
], LuzmoSlider.prototype, "max");
|
|
124
|
+
__decorateClass([
|
|
125
|
+
decorators_js.property({ type: Number, reflect: true })
|
|
126
|
+
], LuzmoSlider.prototype, "step");
|
|
127
|
+
__decorateClass([
|
|
128
|
+
decorators_js.property({ type: Boolean, reflect: true })
|
|
129
|
+
], LuzmoSlider.prototype, "disabled");
|
|
130
|
+
__decorateClass([
|
|
131
|
+
decorators_js.property({ type: Number, reflect: true })
|
|
132
|
+
], LuzmoSlider.prototype, "debounce");
|
|
133
|
+
if (!customElements.get("luzmo-slider")) {
|
|
134
|
+
customElements.define("luzmo-slider", LuzmoSlider);
|
|
135
|
+
}
|
|
136
|
+
exports.LuzmoSlider = LuzmoSlider;
|