@luzmo/lucero 0.0.3 → 0.0.4
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/lib/accordion/index.cjs +43 -0
- package/lib/accordion/index.js +182 -0
- package/lib/action-bar/index.cjs +39 -0
- package/lib/action-bar/index.js +108 -0
- package/lib/action-button/index.cjs +24 -0
- package/lib/action-button/index.js +162 -0
- package/lib/action-group/index.cjs +18 -0
- package/lib/action-group/index.js +29 -0
- package/lib/action-group-BoIH8s8R.js +259 -0
- package/lib/action-group-D4MxBrq8.cjs +20 -0
- package/lib/action-menu/index.cjs +56 -0
- package/lib/action-menu/index.js +127 -0
- package/lib/async-directive-CV2MII86.cjs +22 -0
- package/lib/async-directive-FGzMycjH.js +82 -0
- package/lib/avatar/index.cjs +24 -0
- package/lib/avatar/index.js +82 -0
- package/lib/base-BCmA9Wxv.cjs +30 -0
- package/lib/base-BjTwmyRF.cjs +22 -0
- package/lib/base-D76d76ww.js +26 -0
- package/lib/base-nYalvNMy.js +390 -0
- package/lib/button/index.cjs +20 -0
- package/lib/button/index.js +128 -0
- package/lib/button-base-B0iB_JTv.cjs +25 -0
- package/lib/button-base-DgtT6sU5.js +143 -0
- package/lib/button-group/index.cjs +18 -0
- package/lib/button-group/index.js +60 -0
- package/lib/checkbox/index.cjs +25 -0
- package/lib/checkbox/index.js +97 -0
- package/lib/checkbox-mixin-DegQlk5C.js +71 -0
- package/lib/checkbox-mixin-H0Hm-VLk.cjs +27 -0
- package/lib/clear-button-Ap5H3UyH.js +54 -0
- package/lib/clear-button-D0djuaLb.cjs +18 -0
- package/lib/close-button-BrfeZvjk.cjs +18 -0
- package/lib/close-button-CGISEF33.js +52 -0
- package/lib/color-Bg3tYsAQ.js +178 -0
- package/lib/color-DphK4hwx.cjs +18 -0
- package/lib/color-area/index.cjs +80 -0
- package/lib/color-area/index.js +373 -0
- package/lib/color-field/index.cjs +23 -0
- package/lib/color-field/index.js +81 -0
- package/lib/color-handle/index.cjs +24 -0
- package/lib/color-handle/index.js +74 -0
- package/lib/color-loupe/index.cjs +18 -0
- package/lib/color-loupe/index.js +29 -0
- package/lib/color-loupe-BICpNqFs.cjs +56 -0
- package/lib/color-loupe-DBEApMDT.js +82 -0
- package/lib/color-menu/index.cjs +86 -0
- package/lib/color-menu/index.js +204 -0
- package/lib/color-picker/index.cjs +48 -0
- package/lib/color-picker/index.js +142 -0
- package/lib/color-slider/index.cjs +57 -0
- package/lib/color-slider/index.js +318 -0
- package/lib/condition-attribute-with-id-DrQYZzFS.cjs +18 -0
- package/lib/condition-attribute-with-id-Dv4lSRbe.js +31 -0
- package/lib/dependency-manger-C5HCkMMB.cjs +18 -0
- package/lib/dependency-manger-CEXvGQUV.js +54 -0
- package/lib/directive-C7oCP5Bh.cjs +22 -0
- package/lib/directive-helpers-BLDZnGQv.js +28 -0
- package/lib/directive-helpers-C2vOfhFx.cjs +22 -0
- package/lib/directive-oAbCiebi.js +44 -0
- package/lib/divider/index.cjs +18 -0
- package/lib/divider/index.js +62 -0
- package/lib/divider.module-CXMNveQc.cjs +18 -0
- package/lib/divider.module-DwOuLGU3.js +21 -0
- package/lib/element-resolution-BvRLGqIU.cjs +18 -0
- package/lib/element-resolution-FCUT-wql.js +91 -0
- package/lib/field-group/index.cjs +18 -0
- package/lib/field-group/index.js +29 -0
- package/lib/field-group-CBWafIUV.js +67 -0
- package/lib/field-group-TUFvhJkk.cjs +23 -0
- package/lib/field-label/index.cjs +18 -0
- package/lib/field-label/index.js +29 -0
- package/lib/field-label-BK_tk8vP.js +107 -0
- package/lib/field-label-BrJaeORz.cjs +25 -0
- package/lib/focus-group-DHeTq18L.js +218 -0
- package/lib/focus-group-DnxZUBhQ.cjs +18 -0
- package/lib/focus-visible-B0P9aY_G.cjs +18 -0
- package/lib/focus-visible-DBlJGoEW.js +74 -0
- package/lib/focusable-DbUg-3Vp.js +153 -0
- package/lib/focusable-Dv_6CFaY.cjs +18 -0
- package/lib/focusable-selectors-B4YgbghQ.js +31 -0
- package/lib/focusable-selectors-BgFlyFcY.cjs +18 -0
- package/lib/icon/index.cjs +18 -0
- package/lib/icon/index.js +89 -0
- package/lib/if-defined-CYpcjGCb.js +27 -0
- package/lib/if-defined-Cv6xanXh.cjs +22 -0
- package/lib/index-C1chwzNp.js +727 -0
- package/lib/index-DCKCHDTt.cjs +18 -0
- package/lib/index-ovT-qVzf.js +928 -0
- package/lib/index-yNcLzjhM.cjs +77 -0
- package/lib/index.cjs +18 -0
- package/lib/index.js +133 -0
- package/lib/infield-button/index.cjs +22 -0
- package/lib/infield-button/index.js +65 -0
- package/lib/label/index.cjs +18 -0
- package/lib/label/index.js +52 -0
- package/lib/legend-position/index.cjs +27 -0
- package/lib/legend-position/index.js +85 -0
- package/lib/like-anchor-K8W0QYwC.cjs +32 -0
- package/lib/like-anchor-cDeGGeHh.js +70 -0
- package/lib/lit-html-B3ugcwD9.js +248 -0
- package/lib/lit-html-p4Oxv2-5.cjs +24 -0
- package/lib/manage-help-text-2mSEy-AD.js +92 -0
- package/lib/manage-help-text-iOk-zmy8.cjs +30 -0
- package/lib/menu/index.cjs +18 -0
- package/lib/menu/index.js +32 -0
- package/lib/multi-language-field/index.cjs +39 -0
- package/lib/multi-language-field/index.js +149 -0
- package/lib/mutation-controller-DH7YOCyj.js +52 -0
- package/lib/mutation-controller-DkOMCW-c.cjs +22 -0
- package/lib/number-field/index.cjs +57 -0
- package/lib/number-field/index.js +736 -0
- package/lib/observe-slot-text-BmsCNJig.cjs +18 -0
- package/lib/observe-slot-text-BoFRF-VI.js +87 -0
- package/lib/overlay/index.cjs +73 -0
- package/lib/overlay/index.js +325 -0
- package/lib/overlay-C7QKFqRc.js +2702 -0
- package/lib/overlay-DScraBAi.cjs +47 -0
- package/lib/pending-state-D5KTK4_1.js +61 -0
- package/lib/pending-state-Dbc2HIM2.cjs +26 -0
- package/lib/picker/index.cjs +18 -0
- package/lib/picker/index.js +32 -0
- package/lib/picker--2OCYWnV.js +657 -0
- package/lib/picker-B9W7Haf4.cjs +127 -0
- package/lib/platform-CQzYNWKq.cjs +18 -0
- package/lib/platform-DQYMG7JI.js +54 -0
- package/lib/popover/index.cjs +18 -0
- package/lib/popover/index.js +29 -0
- package/lib/popover-CVbjhSnx.cjs +30 -0
- package/lib/popover-ZRVxogyp.js +68 -0
- package/lib/progress-circle/index.cjs +18 -0
- package/lib/progress-circle/index.js +29 -0
- package/lib/progress-circle-CiJoS8J7.cjs +33 -0
- package/lib/progress-circle-DpXiqW6a.js +98 -0
- package/lib/query-BL-TJj7K.cjs +22 -0
- package/lib/query-D_KR_GUc.js +51 -0
- package/lib/query-assigned-elements-DjfhL1cl.js +36 -0
- package/lib/query-assigned-elements-DsKsfk7G.cjs +22 -0
- package/lib/query-assigned-nodes-BcKWmGzy.cjs +22 -0
- package/lib/query-assigned-nodes-C76XVPWY.js +36 -0
- package/lib/radio/index.cjs +22 -0
- package/lib/radio/index.js +192 -0
- package/lib/random-id-ByCz1xaq.js +26 -0
- package/lib/random-id-CqvckpWe.cjs +18 -0
- package/lib/roving-tabindex-By_fCy_e.cjs +18 -0
- package/lib/roving-tabindex-DOg4z6ZU.js +66 -0
- package/lib/search/index.cjs +45 -0
- package/lib/search/index.js +132 -0
- package/lib/sized-mixin-BSYHt8nT.cjs +18 -0
- package/lib/sized-mixin-Dl0KoEcV.js +63 -0
- package/lib/slider/index.cjs +18 -0
- package/lib/slider/index.js +1159 -0
- package/lib/slottable-request-event-BfUUt1Mh.cjs +18 -0
- package/lib/slottable-request-event-DggLA4Rx.js +31 -0
- package/lib/state-BAO-13Bs.js +29 -0
- package/lib/state-DReJ3hB6.cjs +22 -0
- package/lib/streaming-listener-Bw4jE33f.cjs +18 -0
- package/lib/streaming-listener-DLo0wkMc.js +125 -0
- package/lib/style-map-BjBGQ_u3.cjs +22 -0
- package/lib/style-map-BqvQDFJt.js +53 -0
- package/lib/swatch/index.cjs +49 -0
- package/lib/swatch/index.js +343 -0
- package/lib/switch/index.cjs +22 -0
- package/lib/switch/index.js +74 -0
- package/lib/tags/index.cjs +32 -0
- package/lib/tags/index.js +174 -0
- package/lib/text-field/index.cjs +21 -0
- package/lib/text-field/index.js +62 -0
- package/lib/text-field-C6Aa7XOb.cjs +85 -0
- package/lib/text-field-DPk332j9.js +315 -0
- package/lib/toast/index.cjs +51 -0
- package/lib/toast/index.js +154 -0
- package/lib/tooltip/index.cjs +45 -0
- package/lib/tooltip/index.js +221 -0
- package/lib/unit-input/index.cjs +43 -0
- package/lib/unit-input/index.js +184 -0
- package/lib/when-CDK1Tt5Y.js +28 -0
- package/lib/when-CDZyJPvd.cjs +22 -0
- package/package.json +2 -2
|
@@ -0,0 +1,18 @@
|
|
|
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";const i=require("./focus-group-DnxZUBhQ.cjs");class d extends i.FocusGroupController{constructor(){super(...arguments),this.managed=!0,this.manageIndexesAnimationFrame=0}set focused(e){e!==this.focused&&(super.focused=e,this.manageTabindexes())}get focused(){return super.focused}clearElementCache(e=0){cancelAnimationFrame(this.manageIndexesAnimationFrame),super.clearElementCache(e),this.managed&&(this.manageIndexesAnimationFrame=requestAnimationFrame(()=>this.manageTabindexes()))}manageTabindexes(){this.focused?this.updateTabindexes(()=>({tabIndex:-1})):this.updateTabindexes(e=>({removeTabIndex:e.contains(this.focusInElement)&&e!==this.focusInElement,tabIndex:e===this.focusInElement?0:-1}))}updateTabindexes(e){this.elements.forEach(a=>{const{tabIndex:t,removeTabIndex:s}=e(a);if(!s){this.focused?a!==this.elements[this.currentIndex]&&(a.tabIndex=t):a.tabIndex=t;return}a.removeAttribute("tabindex");const n=a;n.requestUpdate&&n.requestUpdate()})}manage(){this.managed=!0,this.manageTabindexes(),super.manage()}unmanage(){this.managed=!1,this.updateTabindexes(()=>({tabIndex:0})),super.unmanage()}hostUpdated(){super.hostUpdated(),this.host.hasUpdated||this.manageTabindexes()}}exports.RovingTabindexController=d;
|
|
@@ -0,0 +1,66 @@
|
|
|
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 { F as i } from "./focus-group-DHeTq18L.js";
|
|
19
|
+
class m extends i {
|
|
20
|
+
constructor() {
|
|
21
|
+
super(...arguments), this.managed = !0, this.manageIndexesAnimationFrame = 0;
|
|
22
|
+
}
|
|
23
|
+
set focused(e) {
|
|
24
|
+
e !== this.focused && (super.focused = e, this.manageTabindexes());
|
|
25
|
+
}
|
|
26
|
+
get focused() {
|
|
27
|
+
return super.focused;
|
|
28
|
+
}
|
|
29
|
+
clearElementCache(e = 0) {
|
|
30
|
+
cancelAnimationFrame(this.manageIndexesAnimationFrame), super.clearElementCache(e), this.managed && (this.manageIndexesAnimationFrame = requestAnimationFrame(
|
|
31
|
+
() => this.manageTabindexes()
|
|
32
|
+
));
|
|
33
|
+
}
|
|
34
|
+
manageTabindexes() {
|
|
35
|
+
this.focused ? this.updateTabindexes(() => ({ tabIndex: -1 })) : this.updateTabindexes(
|
|
36
|
+
(e) => ({
|
|
37
|
+
removeTabIndex: e.contains(this.focusInElement) && e !== this.focusInElement,
|
|
38
|
+
tabIndex: e === this.focusInElement ? 0 : -1
|
|
39
|
+
})
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
updateTabindexes(e) {
|
|
43
|
+
this.elements.forEach((a) => {
|
|
44
|
+
const { tabIndex: t, removeTabIndex: s } = e(a);
|
|
45
|
+
if (!s) {
|
|
46
|
+
this.focused ? a !== this.elements[this.currentIndex] && (a.tabIndex = t) : a.tabIndex = t;
|
|
47
|
+
return;
|
|
48
|
+
}
|
|
49
|
+
a.removeAttribute("tabindex");
|
|
50
|
+
const n = a;
|
|
51
|
+
n.requestUpdate && n.requestUpdate();
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
manage() {
|
|
55
|
+
this.managed = !0, this.manageTabindexes(), super.manage();
|
|
56
|
+
}
|
|
57
|
+
unmanage() {
|
|
58
|
+
this.managed = !1, this.updateTabindexes(() => ({ tabIndex: 0 })), super.unmanage();
|
|
59
|
+
}
|
|
60
|
+
hostUpdated() {
|
|
61
|
+
super.hostUpdated(), this.host.hasUpdated || this.manageTabindexes();
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
export {
|
|
65
|
+
m as R
|
|
66
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("lit"),s=require("../base-BCmA9Wxv.cjs"),d=require("../query-BL-TJj7K.cjs"),u=require("../if-defined-Cv6xanXh.cjs"),n=require("@luzmo/icons");require("../button/index.cjs");require("../icon/index.cjs");const v=require("../text-field-C6Aa7XOb.cjs"),m="@media (forced-colors: active){#text-field #text-field,#text-field #text-field .input{--highcontrast-search-color-default: CanvasText;--highcontrast-search-color-hover: CanvasText;--highcontrast-search-color-focus: CanvasText;--highcontrast-search-color-disabled: GrayText}#text-field #button .luzmo-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#text-field{--search-button-inline-size: var(--search-block-size);--search-min-inline-size: calc( var(--search-min-inline-multiplier) * var(--search-block-size) );--luzmo-text-field-font-family: var( --luzmo-search-font-family, var(--search-font-family) );--luzmo-text-field-font-weight: var( --luzmo-search-font-weight, var(--search-font-weight) );--luzmo-text-field-corner-radius: var( --luzmo-search-border-radius, var(--search-border-radius) );--luzmo-text-field-border-width: var( --luzmo-search-border-width, var(--search-border-width) );--luzmo-text-field-focus-indicator-gap: var( --luzmo-search-focus-indicator-gap, var(--search-focus-indicator-gap) );--luzmo-text-field-focus-indicator-width: var( --luzmo-search-focus-indicator-width, var(--search-focus-indicator-width) );--luzmo-text-field-focus-indicator-color: var( --luzmo-search-focus-indicator-color, var(--search-focus-indicator-color) );--luzmo-text-field-text-color-default: var( --luzmo-search-color-default, var(--search-color-default) );--luzmo-text-field-text-color-hover: var( --luzmo-search-color-hover, var(--search-color-hover) );--luzmo-text-field-text-color-focus: var( --luzmo-search-color-focus, var(--search-color-focus) );--luzmo-text-field-text-color-focus-hover: var( --luzmo-search-color-focus-hover, var(--search-color-focus-hover) );--luzmo-text-field-text-color-keyboard-focus: var( --luzmo-search-color-key-focus, var(--search-color-key-focus) );--luzmo-text-field-text-color-disabled: var( --luzmo-search-color-disabled, var(--search-color-disabled) );--luzmo-text-field-border-color: var( --luzmo-search-border-color-default, var(--search-border-color-default) );--luzmo-text-field-border-color-hover: var( --luzmo-search-border-color-hover, var(--search-border-color-hover) );--luzmo-text-field-border-color-focus: var( --luzmo-search-border-color-focus, var(--search-border-color-focus) );--luzmo-text-field-border-color-focus-hover: var( --luzmo-search-border-color-focus-hover, var(--search-border-color-focus-hover) );--luzmo-text-field-border-color-keyboard-focus: var( --luzmo-search-border-color-key-focus, var(--search-border-color-key-focus) );--luzmo-text-field-border-color-disabled: var( --luzmo-search-border-color-disabled, var(--search-border-color-disabled) );--luzmo-text-field-background-color: var( --luzmo-search-background-color, var(--search-background-color) );--luzmo-text-field-background-color-disabled: var( --luzmo-search-background-color-disabled, var(--search-background-color-disabled) );inline-size:var(--luzmo-search-inline-size, var(--search-inline-size));min-inline-size:var(--luzmo-search-min-inline-size, var(--search-min-inline-size));display:inline-block;position:relative}#text-field .luzmo-HelpText{margin-block-start:var(--luzmo-search-to-help-text, var(--search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0;height:var(--search-block-size);width:var(--search-block-size)}#button,#button .luzmo-ClearButton-fill{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius))}#text-field.is-disabled #button{display:none}#text-field{inline-size:100%}.icon-search{--search-color: var( --highcontrast-search-color-default, var(--luzmo-search-color-default, var(--search-color-default)) );color:var(--search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#text-field.is-focused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus, var(--search-color-focus)) )}#text-field.is-keyboardFocused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-key-focus, var(--search-color-key-focus)) )}#text-field.is-disabled .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}@media (hover: hover){#text-field:hover .icon-search{--search-color: var( --highcontrast-search-color-hover, var(--luzmo-search-color-hover, var(--search-color-hover)) )}#text-field.is-focused:hover .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus-hover, var(--search-color-focus-hover)) )}#text-field.is-disabled:hover .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:var(--luzmo-search-block-size, var(--search-block-size));font-style:var(--luzmo-search-font-style, var(--search-font-style));line-height:var(--luzmo-search-line-height, var(--search-line-height));padding-block-start:calc(var(--luzmo-search-top-to-text, var(--search-top-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)));padding-block-end:calc(var(--luzmo-search-bottom-to-text, var(--search-bottom-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(:not([quiet])) #text-field .icon-search{inset-inline-start:var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual))}:host(:not([quiet])) #text-field .input{padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) - var(--luzmo-search-border-width, var(--search-border-width)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--luzmo-search-border-width, var(--search-border-width)))}:host([quiet]){--search-quiet-button-offset: var( --luzmo-search-quiet-button-offset, calc( var(--luzmo-search-block-size, var(--search-block-size)) / 2 - var(--luzmo-search-icon-size, var(--search-icon-size)) / 2 ) )}:host([quiet]) #button .luzmo-ClearButton-icon{transform:translate(var(--search-quiet-button-offset))}:host([quiet]) #text-field .input{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius));padding-block-start:var(--luzmo-search-top-to-text, var(--search-top-to-text));padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--search-quiet-button-offset))}:host{--search-border-color-default: var(--luzmo-border-color);--search-border-color-hover: rgba(var(--luzmo-primary-rgb), .3);--search-border-color-focus: var(--luzmo-primary);--search-border-color-focus-hover: var(--luzmo-primary);--search-border-color-key-focus: var(--luzmo-primary);--search-inline-size: 192px;--search-min-inline-multiplier: 3;--search-to-help-text: 0px;--search-top-to-text: var(--luzmo-spacing-2);--search-bottom-to-text: var(--luzmo-spacing-2);--search-focus-indicator-width: var(--luzmo-indicator-width);--search-focus-indicator-gap: -1px;--search-focus-indicator-color: var(--luzmo-primary);--search-font-family: var(--luzmo-font-family);--search-font-weight: var(--luzmo-font-weight);--search-font-style: var(--luzmo-font-style);--search-line-height: var(--luzmo-line-height);--search-color-default: var(--luzmo-font-color);--search-color-hover: var(--luzmo-font-color-hover);--search-color-focus: var(--luzmo-font-color-focus);--search-color-focus-hover: var(--luzmo-font-focus);--search-color-key-focus: var(--luzmo-font-color-focus);--search-border-width: var(--luzmo-border-width);--search-background-color: var(--luzmo-background-color);--search-color-disabled: var(--luzmo-color-disabled);--search-background-color-disabled: var(--luzmo-background-color-disabled);--search-border-color-disabled: var(--luzmo-border-color-disabled)}:host #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height);--search-icon-size: var(--luzmo-font-size-l);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-3);--search-block-size: var(--luzmo-component-height-s);--search-icon-size: var(--luzmo-font-size);--search-text-to-icon: var(--luzmo-spacing-3)}:host([size=l]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-4);--search-block-size: var(--luzmo-component-height-l);--search-icon-size: var(--luzmo-font-size-xl);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height-xl);--search-icon-size: var(--luzmo-font-size-xxl);--search-text-to-icon: var(--luzmo-spacing-4)}:host([quiet]) #text-field{--search-background-color: transparent;--search-background-color-disabled: transparent;--search-border-color-disabled: var(--luzmo-border-color-disabled);--search-border-radius: 0;--search-edge-to-visual: 0px}:host{--luzmo-text-field-spacing-inline: var(--alias-infield-button-full-height-m)}input::-webkit-search-cancel-button{display:none}@media (forced-colors: active){luzmo-clear-button{--clear-button-fill-background-color: transparent;--clear-button-fill-background-color-disabled: transparent;--clear-button-fill-background-color-down: transparent;--clear-button-fill-background-color-hover: transparent;--clear-button-fill-background-color-key-focus: transparent}}";var b=Object.defineProperty,a=(o,r,t,p)=>{for(var c=void 0,i=o.length-1,h;i>=0;i--)(h=o[i])&&(c=h(r,t,c)||c);return c&&b(r,t,c),c};const z=o=>o.stopPropagation(),f=o=>o==="s"?n.luzmoSearch12:o==="l"?n.luzmoSearch:n.luzmoSearch14;class e extends v.LuzmoTextField{constructor(){super(...arguments),this.action="",this.label="Search",this.placeholder="Search"}static get styles(){return[...super.styles,l.unsafeCSS(m)]}handleSubmit(r){this.dispatchEvent(new Event("submit",{cancelable:!0,bubbles:!0}))||r.preventDefault()}handleKeydown(r){const{code:t}=r;t==="Escape"&&this.holdValueOnEscape||!this.value||t!=="Escape"||this.reset()}async reset(){this.value="",await this.updateComplete,this.focusElement.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.focusElement.dispatchEvent(new InputEvent("change",{bubbles:!0}))}renderField(){return l.html`
|
|
19
|
+
<form
|
|
20
|
+
action=${this.action}
|
|
21
|
+
id="form"
|
|
22
|
+
method=${u.o(this.method)}
|
|
23
|
+
@submit=${this.handleSubmit}
|
|
24
|
+
@reset=${this.reset}
|
|
25
|
+
@keydown=${this.handleKeydown}
|
|
26
|
+
>
|
|
27
|
+
<luzmo-icon
|
|
28
|
+
block
|
|
29
|
+
.icon=${f(this.size)}
|
|
30
|
+
size=${this.size}
|
|
31
|
+
class="icon magnifier icon-workflow icon-search"
|
|
32
|
+
></luzmo-icon>
|
|
33
|
+
${super.renderField()}
|
|
34
|
+
${this.value?l.html`
|
|
35
|
+
<luzmo-clear-button
|
|
36
|
+
id="button"
|
|
37
|
+
label="Reset"
|
|
38
|
+
tabindex="-1"
|
|
39
|
+
type="reset"
|
|
40
|
+
size=${u.o(this.size)}
|
|
41
|
+
@keydown=${z}
|
|
42
|
+
></luzmo-clear-button>
|
|
43
|
+
`:l.nothing}
|
|
44
|
+
</form>
|
|
45
|
+
`}firstUpdated(r){super.firstUpdated(r),this.hasAttribute("holdValueOnEscape")||this.inputElement.setAttribute("type","search")}willUpdate(){this.multiline=!1}}a([s.n()],e.prototype,"action");a([s.n()],e.prototype,"label");a([s.n({type:String,reflect:!0})],e.prototype,"border");a([s.n()],e.prototype,"method");a([s.n()],e.prototype,"placeholder");a([s.n({type:Boolean})],e.prototype,"holdValueOnEscape");a([d.e("#form")],e.prototype,"form");customElements.get("luzmo-search")||customElements.define("luzmo-search",e);exports.LuzmoSearch=e;
|
|
@@ -0,0 +1,132 @@
|
|
|
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 { unsafeCSS as h, nothing as m, html as u } from "lit";
|
|
19
|
+
import { n as t } from "../base-nYalvNMy.js";
|
|
20
|
+
import { e as z } from "../query-D_KR_GUc.js";
|
|
21
|
+
import { o as n } from "../if-defined-CYpcjGCb.js";
|
|
22
|
+
import { luzmoSearch12 as b, luzmoSearch as f, luzmoSearch14 as v } from "@luzmo/icons";
|
|
23
|
+
import "../button/index.js";
|
|
24
|
+
import "../icon/index.js";
|
|
25
|
+
import { a as p } from "../text-field-DPk332j9.js";
|
|
26
|
+
const d = () => {
|
|
27
|
+
if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
|
|
28
|
+
const o = document.createElement("style");
|
|
29
|
+
o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
d();
|
|
33
|
+
const g = "@media (forced-colors: active){#text-field #text-field,#text-field #text-field .input{--highcontrast-search-color-default: CanvasText;--highcontrast-search-color-hover: CanvasText;--highcontrast-search-color-focus: CanvasText;--highcontrast-search-color-disabled: GrayText}#text-field #button .luzmo-ClearButton-fill{forced-color-adjust:none;background-color:initial}}#text-field{--search-button-inline-size: var(--search-block-size);--search-min-inline-size: calc( var(--search-min-inline-multiplier) * var(--search-block-size) );--luzmo-text-field-font-family: var( --luzmo-search-font-family, var(--search-font-family) );--luzmo-text-field-font-weight: var( --luzmo-search-font-weight, var(--search-font-weight) );--luzmo-text-field-corner-radius: var( --luzmo-search-border-radius, var(--search-border-radius) );--luzmo-text-field-border-width: var( --luzmo-search-border-width, var(--search-border-width) );--luzmo-text-field-focus-indicator-gap: var( --luzmo-search-focus-indicator-gap, var(--search-focus-indicator-gap) );--luzmo-text-field-focus-indicator-width: var( --luzmo-search-focus-indicator-width, var(--search-focus-indicator-width) );--luzmo-text-field-focus-indicator-color: var( --luzmo-search-focus-indicator-color, var(--search-focus-indicator-color) );--luzmo-text-field-text-color-default: var( --luzmo-search-color-default, var(--search-color-default) );--luzmo-text-field-text-color-hover: var( --luzmo-search-color-hover, var(--search-color-hover) );--luzmo-text-field-text-color-focus: var( --luzmo-search-color-focus, var(--search-color-focus) );--luzmo-text-field-text-color-focus-hover: var( --luzmo-search-color-focus-hover, var(--search-color-focus-hover) );--luzmo-text-field-text-color-keyboard-focus: var( --luzmo-search-color-key-focus, var(--search-color-key-focus) );--luzmo-text-field-text-color-disabled: var( --luzmo-search-color-disabled, var(--search-color-disabled) );--luzmo-text-field-border-color: var( --luzmo-search-border-color-default, var(--search-border-color-default) );--luzmo-text-field-border-color-hover: var( --luzmo-search-border-color-hover, var(--search-border-color-hover) );--luzmo-text-field-border-color-focus: var( --luzmo-search-border-color-focus, var(--search-border-color-focus) );--luzmo-text-field-border-color-focus-hover: var( --luzmo-search-border-color-focus-hover, var(--search-border-color-focus-hover) );--luzmo-text-field-border-color-keyboard-focus: var( --luzmo-search-border-color-key-focus, var(--search-border-color-key-focus) );--luzmo-text-field-border-color-disabled: var( --luzmo-search-border-color-disabled, var(--search-border-color-disabled) );--luzmo-text-field-background-color: var( --luzmo-search-background-color, var(--search-background-color) );--luzmo-text-field-background-color-disabled: var( --luzmo-search-background-color-disabled, var(--search-background-color-disabled) );inline-size:var(--luzmo-search-inline-size, var(--search-inline-size));min-inline-size:var(--luzmo-search-min-inline-size, var(--search-min-inline-size));display:inline-block;position:relative}#text-field .luzmo-HelpText{margin-block-start:var(--luzmo-search-to-help-text, var(--search-to-help-text))}#button{position:absolute;inset-block-start:0;inset-inline-end:0;height:var(--search-block-size);width:var(--search-block-size)}#button,#button .luzmo-ClearButton-fill{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius))}#text-field.is-disabled #button{display:none}#text-field{inline-size:100%}.icon-search{--search-color: var( --highcontrast-search-color-default, var(--luzmo-search-color-default, var(--search-color-default)) );color:var(--search-color);margin-block:auto;display:block;position:absolute;inset-block:0}#text-field.is-focused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus, var(--search-color-focus)) )}#text-field.is-keyboardFocused .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-key-focus, var(--search-color-key-focus)) )}#text-field.is-disabled .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}@media (hover: hover){#text-field:hover .icon-search{--search-color: var( --highcontrast-search-color-hover, var(--luzmo-search-color-hover, var(--search-color-hover)) )}#text-field.is-focused:hover .icon-search{--search-color: var( --highcontrast-search-color-focus, var(--luzmo-search-color-focus-hover, var(--search-color-focus-hover)) )}#text-field.is-disabled:hover .icon-search{--search-color: var( --highcontrast-search-color-disabled, var(--luzmo-search-color-disabled, var(--search-color-disabled)) )}}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;block-size:var(--luzmo-search-block-size, var(--search-block-size));font-style:var(--luzmo-search-font-style, var(--search-font-style));line-height:var(--luzmo-search-line-height, var(--search-line-height));padding-block-start:calc(var(--luzmo-search-top-to-text, var(--search-top-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)));padding-block-end:calc(var(--luzmo-search-bottom-to-text, var(--search-bottom-to-text)) - var(--luzmo-search-border-width, var(--search-border-width)))}.input::-webkit-search-cancel-button,.input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(:not([quiet])) #text-field .icon-search{inset-inline-start:var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual))}:host(:not([quiet])) #text-field .input{padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) - var(--luzmo-search-border-width, var(--search-border-width)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--luzmo-search-border-width, var(--search-border-width)))}:host([quiet]){--search-quiet-button-offset: var( --luzmo-search-quiet-button-offset, calc( var(--luzmo-search-block-size, var(--search-block-size)) / 2 - var(--luzmo-search-icon-size, var(--search-icon-size)) / 2 ) )}:host([quiet]) #button .luzmo-ClearButton-icon{transform:translate(var(--search-quiet-button-offset))}:host([quiet]) #text-field .input{border-radius:var(--luzmo-search-border-radius, var(--search-border-radius));padding-block-start:var(--luzmo-search-top-to-text, var(--search-top-to-text));padding-inline-start:calc(var(--luzmo-search-edge-to-visual, var(--search-edge-to-visual)) + var(--luzmo-search-icon-size, var(--search-icon-size)) + var(--luzmo-search-text-to-icon, var(--search-text-to-icon)));padding-inline-end:calc(var(--luzmo-search-button-inline-size, var(--search-button-inline-size)) - var(--search-quiet-button-offset))}:host{--search-border-color-default: var(--luzmo-border-color);--search-border-color-hover: rgba(var(--luzmo-primary-rgb), .3);--search-border-color-focus: var(--luzmo-primary);--search-border-color-focus-hover: var(--luzmo-primary);--search-border-color-key-focus: var(--luzmo-primary);--search-inline-size: 192px;--search-min-inline-multiplier: 3;--search-to-help-text: 0px;--search-top-to-text: var(--luzmo-spacing-2);--search-bottom-to-text: var(--luzmo-spacing-2);--search-focus-indicator-width: var(--luzmo-indicator-width);--search-focus-indicator-gap: -1px;--search-focus-indicator-color: var(--luzmo-primary);--search-font-family: var(--luzmo-font-family);--search-font-weight: var(--luzmo-font-weight);--search-font-style: var(--luzmo-font-style);--search-line-height: var(--luzmo-line-height);--search-color-default: var(--luzmo-font-color);--search-color-hover: var(--luzmo-font-color-hover);--search-color-focus: var(--luzmo-font-color-focus);--search-color-focus-hover: var(--luzmo-font-focus);--search-color-key-focus: var(--luzmo-font-color-focus);--search-border-width: var(--luzmo-border-width);--search-background-color: var(--luzmo-background-color);--search-color-disabled: var(--luzmo-color-disabled);--search-background-color-disabled: var(--luzmo-background-color-disabled);--search-border-color-disabled: var(--luzmo-border-color-disabled)}:host #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-3) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height);--search-icon-size: var(--luzmo-font-size-l);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=s]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-3);--search-block-size: var(--luzmo-component-height-s);--search-icon-size: var(--luzmo-font-size);--search-text-to-icon: var(--luzmo-spacing-3)}:host([size=l]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: var(--luzmo-spacing-4);--search-block-size: var(--luzmo-component-height-l);--search-icon-size: var(--luzmo-font-size-xl);--search-text-to-icon: calc(var(--luzmo-spacing-3) + var(--luzmo-spacing-1))}:host([size=xl]) #text-field{--search-border-radius: var(--luzmo-border-radius);--search-edge-to-visual: calc( var(--luzmo-spacing-4) + var(--luzmo-spacing-1) );--search-block-size: var(--luzmo-component-height-xl);--search-icon-size: var(--luzmo-font-size-xxl);--search-text-to-icon: var(--luzmo-spacing-4)}:host([quiet]) #text-field{--search-background-color: transparent;--search-background-color-disabled: transparent;--search-border-color-disabled: var(--luzmo-border-color-disabled);--search-border-radius: 0;--search-edge-to-visual: 0px}:host{--luzmo-text-field-spacing-inline: var(--alias-infield-button-full-height-m)}input::-webkit-search-cancel-button{display:none}@media (forced-colors: active){luzmo-clear-button{--clear-button-fill-background-color: transparent;--clear-button-fill-background-color-disabled: transparent;--clear-button-fill-background-color-down: transparent;--clear-button-fill-background-color-hover: transparent;--clear-button-fill-background-color-key-focus: transparent}}";
|
|
34
|
+
var x = Object.defineProperty, a = (o, r, l, w) => {
|
|
35
|
+
for (var c = void 0, s = o.length - 1, i; s >= 0; s--)
|
|
36
|
+
(i = o[s]) && (c = i(r, l, c) || c);
|
|
37
|
+
return c && x(r, l, c), c;
|
|
38
|
+
};
|
|
39
|
+
const y = (o) => o.stopPropagation(), k = (o) => o === "s" ? b : o === "l" ? f : v;
|
|
40
|
+
class e extends p {
|
|
41
|
+
constructor() {
|
|
42
|
+
super(...arguments), this.action = "", this.label = "Search", this.placeholder = "Search";
|
|
43
|
+
}
|
|
44
|
+
static get styles() {
|
|
45
|
+
return [...super.styles, h(g)];
|
|
46
|
+
}
|
|
47
|
+
handleSubmit(r) {
|
|
48
|
+
this.dispatchEvent(
|
|
49
|
+
new Event("submit", {
|
|
50
|
+
cancelable: !0,
|
|
51
|
+
bubbles: !0
|
|
52
|
+
})
|
|
53
|
+
) || r.preventDefault();
|
|
54
|
+
}
|
|
55
|
+
handleKeydown(r) {
|
|
56
|
+
const { code: l } = r;
|
|
57
|
+
l === "Escape" && this.holdValueOnEscape || !this.value || l !== "Escape" || this.reset();
|
|
58
|
+
}
|
|
59
|
+
async reset() {
|
|
60
|
+
this.value = "", await this.updateComplete, this.focusElement.dispatchEvent(
|
|
61
|
+
new InputEvent("input", {
|
|
62
|
+
bubbles: !0,
|
|
63
|
+
composed: !0
|
|
64
|
+
})
|
|
65
|
+
), this.focusElement.dispatchEvent(
|
|
66
|
+
new InputEvent("change", {
|
|
67
|
+
bubbles: !0
|
|
68
|
+
})
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
renderField() {
|
|
72
|
+
return u`
|
|
73
|
+
<form
|
|
74
|
+
action=${this.action}
|
|
75
|
+
id="form"
|
|
76
|
+
method=${n(this.method)}
|
|
77
|
+
@submit=${this.handleSubmit}
|
|
78
|
+
@reset=${this.reset}
|
|
79
|
+
@keydown=${this.handleKeydown}
|
|
80
|
+
>
|
|
81
|
+
<luzmo-icon
|
|
82
|
+
block
|
|
83
|
+
.icon=${k(this.size)}
|
|
84
|
+
size=${this.size}
|
|
85
|
+
class="icon magnifier icon-workflow icon-search"
|
|
86
|
+
></luzmo-icon>
|
|
87
|
+
${super.renderField()}
|
|
88
|
+
${this.value ? u`
|
|
89
|
+
<luzmo-clear-button
|
|
90
|
+
id="button"
|
|
91
|
+
label="Reset"
|
|
92
|
+
tabindex="-1"
|
|
93
|
+
type="reset"
|
|
94
|
+
size=${n(this.size)}
|
|
95
|
+
@keydown=${y}
|
|
96
|
+
></luzmo-clear-button>
|
|
97
|
+
` : m}
|
|
98
|
+
</form>
|
|
99
|
+
`;
|
|
100
|
+
}
|
|
101
|
+
firstUpdated(r) {
|
|
102
|
+
super.firstUpdated(r), this.hasAttribute("holdValueOnEscape") || this.inputElement.setAttribute("type", "search");
|
|
103
|
+
}
|
|
104
|
+
willUpdate() {
|
|
105
|
+
this.multiline = !1;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
a([
|
|
109
|
+
t()
|
|
110
|
+
], e.prototype, "action");
|
|
111
|
+
a([
|
|
112
|
+
t()
|
|
113
|
+
], e.prototype, "label");
|
|
114
|
+
a([
|
|
115
|
+
t({ type: String, reflect: !0 })
|
|
116
|
+
], e.prototype, "border");
|
|
117
|
+
a([
|
|
118
|
+
t()
|
|
119
|
+
], e.prototype, "method");
|
|
120
|
+
a([
|
|
121
|
+
t()
|
|
122
|
+
], e.prototype, "placeholder");
|
|
123
|
+
a([
|
|
124
|
+
t({ type: Boolean })
|
|
125
|
+
], e.prototype, "holdValueOnEscape");
|
|
126
|
+
a([
|
|
127
|
+
z("#form")
|
|
128
|
+
], e.prototype, "form");
|
|
129
|
+
customElements.get("luzmo-search") || customElements.define("luzmo-search", e);
|
|
130
|
+
export {
|
|
131
|
+
e as LuzmoSearch
|
|
132
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
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";const u=require("./base-BCmA9Wxv.cjs");var p=Object.defineProperty,h=Object.getOwnPropertyDescriptor,_=(r,i,t,n)=>{for(var e=h(i,t),z=r.length-1,s;z>=0;z--)(s=r[z])&&(e=s(i,t,e)||e);return e&&p(i,t,e),e};const a={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl"};function d(r,{validSizes:i=["s","m","l","xl"],noDefaultSize:t,defaultSize:n="m"}={}){class e extends r{constructor(){super(...arguments),this._size=n}get size(){return this._size||n}set size(s){const o=t?null:n,c=s&&s.toLocaleLowerCase(),l=i.includes(c)?c:o;if(l&&this.setAttribute("size",l),this._size===l)return;const x=this._size;this._size=l,this.requestUpdate("size",x)}update(s){!this.hasAttribute("size")&&!t&&this.setAttribute("size",this.size),super.update(s)}}return _([u.n({type:String})],e.prototype,"size"),e}exports.ElementSizes=a;exports.SizedMixin=d;
|
|
@@ -0,0 +1,63 @@
|
|
|
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 { n as p } from "./base-nYalvNMy.js";
|
|
19
|
+
var u = Object.defineProperty, h = Object.getOwnPropertyDescriptor, a = (r, i, t, n) => {
|
|
20
|
+
for (var s = h(i, t), o = r.length - 1, e; o >= 0; o--)
|
|
21
|
+
(e = r[o]) && (s = e(i, t, s) || s);
|
|
22
|
+
return s && u(i, t, s), s;
|
|
23
|
+
};
|
|
24
|
+
const d = {
|
|
25
|
+
xxs: "xxs",
|
|
26
|
+
xs: "xs",
|
|
27
|
+
s: "s",
|
|
28
|
+
m: "m",
|
|
29
|
+
l: "l",
|
|
30
|
+
xl: "xl",
|
|
31
|
+
xxl: "xxl"
|
|
32
|
+
};
|
|
33
|
+
function m(r, {
|
|
34
|
+
validSizes: i = ["s", "m", "l", "xl"],
|
|
35
|
+
noDefaultSize: t,
|
|
36
|
+
defaultSize: n = "m"
|
|
37
|
+
} = {}) {
|
|
38
|
+
class s extends r {
|
|
39
|
+
constructor() {
|
|
40
|
+
super(...arguments), this._size = n;
|
|
41
|
+
}
|
|
42
|
+
get size() {
|
|
43
|
+
return this._size || n;
|
|
44
|
+
}
|
|
45
|
+
set size(e) {
|
|
46
|
+
const x = t ? null : n, z = e && e.toLocaleLowerCase(), l = i.includes(z) ? z : x;
|
|
47
|
+
if (l && this.setAttribute("size", l), this._size === l)
|
|
48
|
+
return;
|
|
49
|
+
const c = this._size;
|
|
50
|
+
this._size = l, this.requestUpdate("size", c);
|
|
51
|
+
}
|
|
52
|
+
update(e) {
|
|
53
|
+
!this.hasAttribute("size") && !t && this.setAttribute("size", this.size), super.update(e);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
return a([
|
|
57
|
+
p({ type: String })
|
|
58
|
+
], s.prototype, "size"), s;
|
|
59
|
+
}
|
|
60
|
+
export {
|
|
61
|
+
d as E,
|
|
62
|
+
m as S
|
|
63
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("../base-BCmA9Wxv.cjs"),Et=require("../sized-mixin-BSYHt8nT.cjs"),Ne=require("lit");var B;(function(r){r.Range="range",r.Steps="steps",r.Positions="positions",r.Count="count",r.Values="values"})(B||(B={}));var _;(function(r){r[r.None=-1]="None",r[r.NoValue=0]="NoValue",r[r.LargeValue=1]="LargeValue",r[r.SmallValue=2]="SmallValue"})(_||(_={}));function Ct(r){return ne(r)&&typeof r.from=="function"}function ne(r){return typeof r=="object"&&typeof r.to=="function"}function qe(r){r.parentElement.removeChild(r)}function Ue(r){return r!=null}function Be(r){r.preventDefault()}function yt(r){return r.filter(function(e){return this[e]?!1:this[e]=!0},{})}function Pt(r,e){return Math.round(r/e)*e}function At(r,e){var o=r.getBoundingClientRect(),c=r.ownerDocument,u=c.documentElement,p=Ye(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 Te(r,e,o){o>0&&(M(r,e),setTimeout(function(){ie(r,e)},o))}function Ie(r){return Math.max(Math.min(r,100),0)}function ae(r){return Array.isArray(r)?r:[r]}function Vt(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 Dt(r,e){return r.classList?r.classList.contains(e):new RegExp("\\b"+e+"\\b").test(r.className)}function Ye(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 Mt(){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 _t(){var r=!1;try{var e=Object.defineProperty({},"passive",{get:function(){r=!0}});window.addEventListener("test",null,e)}catch{}return r}function Ot(){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 Lt(r,e){return we(r,r[0]<0?e+Math.abs(r[0]):e-r[0],0)}function Ht(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 Rt(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+Lt([u,p],o)/ze(h,S)}function jt(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 Ht([u,p],(o-h)*ze(h,S))}function Ft(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]+Pt(c-r[u-1],e[u-1]):c}var Xe=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=Rt(this.xVal,this.xPct,e),e},r.prototype.fromStepping=function(e){return jt(this.xVal,this.xPct,e)},r.prototype.getStep=function(e){return e=Ft(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(Vt);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}(),Ke={to:function(r){return r===void 0?"":r.toFixed(2)},from:Number},We={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"},q={tooltips:".__tooltips",aria:".__aria"};function Nt(r,e){if(!L(e))throw new Error("noUiSlider: 'step' is not numeric.");r.singleStep=e}function qt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardPageMultiplier' is not numeric.");r.keyboardPageMultiplier=e}function Bt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardMultiplier' is not numeric.");r.keyboardMultiplier=e}function Tt(r,e){if(!L(e))throw new Error("noUiSlider: 'keyboardDefaultStep' is not numeric.");r.keyboardDefaultStep=e}function It(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 Xe(e,r.snap||!1,r.singleStep)}function Kt(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 Yt(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'snap' option must be a boolean.");r.snap=e}function Xt(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'animate' option must be a boolean.");r.animate=e}function Wt(r,e){if(typeof e!="number")throw new Error("noUiSlider: 'animationDuration' option must be a number.");r.animationDuration=e}function Ge(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 Gt(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 Je(r,e){if(!L(e))throw new Error("noUiSlider: 'margin' option must be numeric.");e!==0&&(r.margin=r.spectrum.getDistance(e))}function Jt(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 Zt(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 $t(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 Qt(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");Je(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 er(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 tr(r,e){if(e.length!==r.handles)throw new Error("noUiSlider: must pass a attributes for all handles.");r.handleAttributes=e}function rr(r,e){if(!ne(e))throw new Error("noUiSlider: 'ariaFormat' requires 'to' method.");r.ariaFormat=e}function ir(r,e){if(!Ct(e))throw new Error("noUiSlider: 'format' requires 'to' and 'from' methods.");r.format=e}function nr(r,e){if(typeof e!="boolean")throw new Error("noUiSlider: 'keyboardSupport' option must be a boolean.");r.keyboardSupport=e}function ar(r,e){r.documentElement=e}function or(r,e){if(typeof e!="string"&&e!==!1)throw new Error("noUiSlider: 'cssPrefix' must be a string or `false`.");r.cssPrefix=e}function sr(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 Ze(r){var e={margin:null,limit:null,padding:null,animate:!0,animationDuration:300,ariaFormat:Ke,format:Ke},o={step:{r:!1,t:Nt},keyboardPageMultiplier:{r:!1,t:qt},keyboardMultiplier:{r:!1,t:Bt},keyboardDefaultStep:{r:!1,t:Tt},start:{r:!0,t:Kt},connect:{r:!0,t:Ge},direction:{r:!0,t:$t},snap:{r:!1,t:Yt},animate:{r:!1,t:Xt},animationDuration:{r:!1,t:Wt},range:{r:!0,t:It},orientation:{r:!1,t:Gt},margin:{r:!1,t:Je},limit:{r:!1,t:Jt},padding:{r:!1,t:Zt},behaviour:{r:!0,t:Qt},ariaFormat:{r:!1,t:rr},format:{r:!1,t:ir},tooltips:{r:!1,t:er},keyboardSupport:{r:!0,t:nr},documentElement:{r:!1,t:ar},cssPrefix:{r:!0,t:or},cssClasses:{r:!0,t:sr},handleAttributes:{r:!1,t:tr}},c={connect:!1,direction:"ltr",behaviour:"tap",orientation:"horizontal",keyboardSupport:!0,cssPrefix:"noUi-",cssClasses:We,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 lr(r,e,o){var c=Mt(),u=Ot(),p=u&&_t(),h=r,S,U,v,P,V,N,m=e.spectrum,R=[],w=[],O=[],oe=0,j={},W=!1,Y=r.ownerDocument,$=e.documentElement||Y.documentElement,Q=Y.body,$e=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 Qe(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 vt(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 et(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(Qe(i,n)),O[n]=n,P.push(se(U,t[n+1]))}function tt(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 rt(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 it(t){t!=null?(v[t].setAttribute("disabled",""),v[t].handle.removeAttribute("tabindex")):(h.setAttribute("disabled",""),v.forEach(function(i){i.handle.removeAttribute("tabindex")}))}function nt(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(){N&&(G("update"+q.tooltips),N.forEach(function(t){t&&qe(t)}),N=null)}function Ce(){ue(),N=v.map(rt),pe("update"+q.tooltips,function(t,i,n){if(!(!N||!e.tooltips)&&N[i]!==!1){var a=t[i];e.tooltips[i]!==!0&&(a=e.tooltips[i].to(n[i])),N[i].innerHTML=a}})}function at(){G("update"+q.aria),pe("update"+q.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 ot(t){if(t.mode===B.Range||t.mode===B.Steps)return m.xVal;if(t.mode===B.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===B.Positions?ye(t.values,t.stepped):t.mode===B.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 st(t){function i(x,z){return Number((x+z).toFixed(7))}var n=ot(t),a={},s=m.xVal[0],l=m.xVal[m.xVal.length-1],d=!1,f=!1,b=0;return n=yt(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===B.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 lt(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&&(qe(V),V=null)}function fe(t){ce();var i=st(t),n=t.filter,a=t.format||{to:function(s){return String(Math.round(s))}};return V=h.appendChild(lt(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 T(t,i,n,a){var s=function(d){var f=ut(d,a.pageOffset,a.target||i);if(!f||Ee()&&!a.doNotReject||Dt(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 ut(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||Ye(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-At(S,e.ort),n=i*100/Pe();return n=Ie(n),e.dir?100-n:n}function ct(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 ft(t,i){t.type==="mouseout"&&t.target.nodeName==="HTML"&&t.relatedTarget===null&&de(t,i)}function dt(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",Be))),e.events.smoothSteps&&(i.handleNumbers.forEach(function(n){I(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=T(c.move,$,dt,{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=T(c.end,$,de,{target:t.target,handle:n,listeners:s,doNotReject:!0,handleNumbers:i.handleNumbers}),f=T("mouseout",$,ft,{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",Be,!1)),i.handleNumbers.forEach(function(b){E("start",b)})}}function ht(t){t.stopPropagation();var i=Ae(t.calcPoint),n=ct(i);n!==!1&&(e.events.snap||Te(h,e.cssClasses.tap,e.animationDuration),I(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 pt(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 vt(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 I(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){T(c.start,i.children[0],he,{handleNumbers:[n]})}),t.tap&&T(c.start,S,ht,{}),t.hover&&T(c.move,S,pt,{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){T(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 mt(t){return t===q.aria||t===q.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)&&(!mt(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=Ie(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=I(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 gt(t,i){w[t]=i,R[t]=m.fromStepping(i);var n=Me(i,0)-$e,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){zt();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 I(t,i,n,a,s,l){return s||(i=ee(w,t,i,n,a,!1,l)),i===!1?!1:(gt(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&&Te(h,e.cssClasses.tap,e.animationDuration),O.forEach(function(f){I(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){I(f,w[f],!0,!0,n)});me(),O.forEach(function(f){E("update",f),a[f]!==null&&i&&E("set",f)})}function bt(t){te(e.start,t)}function xt(t,i,n,a){if(t=Number(t),!(t>=0&&t<O.length))throw new Error("noUiSlider: invalid handle number, got: "+t);I(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 St(){for(G(q.aria),G(q.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 Ut(){return O.map(Le)}function wt(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=Ze(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 zt(){W=!W,Ge(e,e.connect.map(function(t){return!t})),He()}function kt(){S=tt(h),et(e.connect,S),Ve(e.events),te(e.start),e.pips&&fe(e.pips),e.tooltips&&Ce(),at()}kt();var re={destroy:St,steps:Ut,on:pe,off:G,get:Oe,set:te,setHandle:xt,reset:bt,disable:it,enable:nt,__moveHandles:function(t,i,n){De(t,i,w,n)},options:o,updateOptions:wt,target:h,removePips:ce,removeTooltips:ue,getPositions:function(){return w.slice()},getTooltips:function(){return N},getOrigins:function(){return v},pips:fe};return re}function ur(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=Ze(e),c=lr(r,o,e);return r.noUiSlider=c,c}const cr={__spectrum:Xe,cssClasses:We,create:ur},fr='.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 dr=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&&dr(e,o,u),u};const ke=class ke extends Et.SizedMixin(K.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=cr.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 Ne.html`<div class="luzmo-slider-container"></div>`}};ke.styles=[Ne.unsafeCSS(fr)];let H=ke;X([K.n({type:Number,reflect:!0})],H.prototype,"value");X([K.n({type:Number,reflect:!0})],H.prototype,"min");X([K.n({type:Number,reflect:!0})],H.prototype,"max");X([K.n({type:Number,reflect:!0})],H.prototype,"step");X([K.n({type:Boolean,reflect:!0})],H.prototype,"disabled");X([K.n({type:Number,reflect:!0})],H.prototype,"debounce");customElements.get("luzmo-slider")||customElements.define("luzmo-slider",H);exports.LuzmoSlider=H;
|