@jumpgroup/jump-design-system 0.3.59 → 0.3.63
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/dist/cjs/chunk.H33C3MRM-31110702.js +365 -0
- package/dist/cjs/chunk.H33C3MRM-31110702.js.map +1 -0
- package/dist/cjs/chunk.WLV3FVBR-bfad29d7.js +238 -0
- package/dist/cjs/chunk.WLV3FVBR-bfad29d7.js.map +1 -0
- package/dist/cjs/{class-map-b27ebf69.js → class-map-010ed95d.js} +3 -3
- package/dist/cjs/{class-map-b27ebf69.js.map → class-map-010ed95d.js.map} +1 -1
- package/dist/cjs/{chunk.H33C3MRM-2c09acb5.js → directive-helpers-b6926fa1.js} +2 -360
- package/dist/cjs/directive-helpers-b6926fa1.js.map +1 -0
- package/dist/cjs/if-defined-da1385f1.js +432 -0
- package/dist/cjs/if-defined-da1385f1.js.map +1 -0
- package/dist/cjs/{index-e91b2b41.js → index-864e40de.js} +5 -2
- package/dist/cjs/index-864e40de.js.map +1 -0
- package/dist/cjs/jump-accordion-group.cjs.entry.js +1 -1
- package/dist/cjs/jump-accordion.cjs.entry.js +32 -255
- package/dist/cjs/jump-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-badge.cjs.entry.js +1 -1
- package/dist/cjs/jump-button_2.cjs.entry.js +3 -2
- package/dist/cjs/jump-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-card-ecommerce-option.cjs.entry.js +1 -1
- package/dist/cjs/jump-card-ecommerce.cjs.entry.js +1 -1
- package/dist/cjs/jump-card.cjs.entry.js +1 -1
- package/dist/cjs/jump-design-system.cjs.js +2 -2
- package/dist/cjs/jump-filter-checkbox.cjs.entry.js +46 -470
- package/dist/cjs/jump-filter-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/jump-filter-select.cjs.entry.js +4229 -0
- package/dist/cjs/jump-filter-select.cjs.entry.js.map +1 -0
- package/dist/cjs/jump-filter-switch.cjs.entry.js +440 -0
- package/dist/cjs/jump-filter-switch.cjs.entry.js.map +1 -0
- package/dist/cjs/jump-filter.cjs.entry.js +1 -1
- package/dist/cjs/jump-filtergroup.cjs.entry.js +4 -4
- package/dist/cjs/jump-navbar.cjs.entry.js +6 -6
- package/dist/cjs/jump-pagination-table.cjs.entry.js +4 -4
- package/dist/cjs/jump-pagination.cjs.entry.js +4 -4
- package/dist/cjs/jump-quantity.cjs.entry.js +4 -4
- package/dist/cjs/jump-search-bar-dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/jump-search-bar-mobile.cjs.entry.js +5 -5
- package/dist/cjs/jump-search-bar.cjs.entry.js +1 -1
- package/dist/cjs/jump-tab-item.cjs.entry.js +3 -3
- package/dist/cjs/jump-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/jump-tab.cjs.entry.js +2 -2
- package/dist/cjs/live-a9a3fb36.js +14 -0
- package/dist/cjs/live-a9a3fb36.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js +0 -5
- package/dist/collection/components/jump-filter-checkbox/jump-filter-checkbox.stories.js.map +1 -1
- package/dist/collection/components/jump-filter-select/jump-filter-select.css +578 -0
- package/dist/collection/components/jump-filter-select/jump-filter-select.js +373 -0
- package/dist/collection/components/jump-filter-select/jump-filter-select.js.map +1 -0
- package/dist/collection/components/jump-filter-select/jump-filter-select.stories.js +211 -0
- package/dist/collection/components/jump-filter-switch/jump-filter-switch.css +536 -0
- package/dist/collection/components/jump-filter-switch/jump-filter-switch.js +175 -0
- package/dist/collection/components/jump-filter-switch/jump-filter-switch.js.map +1 -0
- package/dist/collection/components/jump-filter-switch/jump-filter-switch.stories.js +68 -0
- package/dist/collection/components/jump-filter-switch/jump-filter-switch.stories.js.map +1 -0
- package/dist/collection/components/jump-filtergroup/jump-filtergroup.js +3 -3
- package/dist/collection/components/jump-navbar/jump-navbar.js +5 -5
- package/dist/collection/components/jump-pagination/jump-pagination.js +3 -3
- package/dist/collection/components/jump-pagination-table/jump-pagination-table.js +3 -3
- package/dist/collection/components/jump-quantity/jump-quantity.js +3 -3
- package/dist/collection/components/jump-search-bar-dropdown-item/jump-search-bar-dropdown-item.js +1 -1
- package/dist/collection/components/jump-search-bar-mobile/jump-search-bar-mobile.js +4 -4
- package/dist/collection/components/jump-tab/jump-tab.js +1 -1
- package/dist/collection/components/jump-tab-item/jump-tab-item.js +2 -2
- package/dist/collection/components/jump-tab-panel/jump-tab-panel.js +1 -1
- package/dist/components/chunk.H33C3MRM.js +3 -170
- package/dist/components/chunk.H33C3MRM.js.map +1 -1
- package/dist/components/chunk.WLV3FVBR.js +230 -0
- package/dist/components/chunk.WLV3FVBR.js.map +1 -0
- package/dist/components/class-map.js +1 -1
- package/dist/{esm/chunk.H33C3MRM-632f8755.js → components/directive-helpers.js} +2 -359
- package/dist/components/directive-helpers.js.map +1 -0
- package/dist/components/if-defined.js +426 -0
- package/dist/components/if-defined.js.map +1 -0
- package/dist/components/jump-accordion.js +3 -226
- package/dist/components/jump-accordion.js.map +1 -1
- package/dist/components/jump-filter-checkbox.js +8 -432
- package/dist/components/jump-filter-checkbox.js.map +1 -1
- package/dist/components/jump-filter-select.d.ts +11 -0
- package/dist/components/jump-filter-select.js +4257 -0
- package/dist/components/jump-filter-select.js.map +1 -0
- package/dist/components/jump-filter-switch.d.ts +11 -0
- package/dist/components/jump-filter-switch.js +460 -0
- package/dist/components/jump-filter-switch.js.map +1 -0
- package/dist/components/jump-filtergroup.js +3 -3
- package/dist/components/jump-icon2.js +1 -0
- package/dist/components/jump-icon2.js.map +1 -1
- package/dist/components/jump-navbar.js +5 -5
- package/dist/components/jump-pagination-table.js +3 -3
- package/dist/components/jump-pagination.js +3 -3
- package/dist/components/jump-quantity.js +3 -3
- package/dist/components/jump-search-bar-dropdown-item.js +1 -1
- package/dist/components/jump-search-bar-mobile.js +4 -4
- package/dist/components/jump-tab-item.js +2 -2
- package/dist/components/jump-tab-panel.js +1 -1
- package/dist/components/jump-tab.js +1 -1
- package/dist/components/live.js +12 -0
- package/dist/components/live.js.map +1 -0
- package/dist/esm/chunk.H33C3MRM-7dcbd943.js +362 -0
- package/dist/esm/chunk.H33C3MRM-7dcbd943.js.map +1 -0
- package/dist/esm/chunk.WLV3FVBR-ded9a646.js +230 -0
- package/dist/esm/chunk.WLV3FVBR-ded9a646.js.map +1 -0
- package/dist/esm/{class-map-3150cdfe.js → class-map-a2676e27.js} +2 -2
- package/dist/esm/{class-map-3150cdfe.js.map → class-map-a2676e27.js.map} +1 -1
- package/dist/esm/directive-helpers-d80c2187.js +172 -0
- package/dist/esm/directive-helpers-d80c2187.js.map +1 -0
- package/dist/esm/if-defined-85ab7b97.js +426 -0
- package/dist/esm/if-defined-85ab7b97.js.map +1 -0
- package/dist/esm/{index-9a1da0f0.js → index-7eb565cd.js} +5 -2
- package/dist/esm/index-7eb565cd.js.map +1 -0
- package/dist/esm/jump-accordion-group.entry.js +1 -1
- package/dist/esm/jump-accordion.entry.js +5 -228
- package/dist/esm/jump-accordion.entry.js.map +1 -1
- package/dist/esm/jump-badge.entry.js +1 -1
- package/dist/esm/jump-button_2.entry.js +3 -2
- package/dist/esm/jump-button_2.entry.js.map +1 -1
- package/dist/esm/jump-card-ecommerce-option.entry.js +1 -1
- package/dist/esm/jump-card-ecommerce.entry.js +1 -1
- package/dist/esm/jump-card.entry.js +1 -1
- package/dist/esm/jump-design-system.js +3 -3
- package/dist/esm/jump-filter-checkbox.entry.js +9 -433
- package/dist/esm/jump-filter-checkbox.entry.js.map +1 -1
- package/dist/esm/jump-filter-select.entry.js +4225 -0
- package/dist/esm/jump-filter-select.entry.js.map +1 -0
- package/dist/esm/jump-filter-switch.entry.js +436 -0
- package/dist/esm/jump-filter-switch.entry.js.map +1 -0
- package/dist/esm/jump-filter.entry.js +1 -1
- package/dist/esm/jump-filtergroup.entry.js +4 -4
- package/dist/esm/jump-navbar.entry.js +6 -6
- package/dist/esm/jump-pagination-table.entry.js +4 -4
- package/dist/esm/jump-pagination.entry.js +4 -4
- package/dist/esm/jump-quantity.entry.js +4 -4
- package/dist/esm/jump-search-bar-dropdown-item.entry.js +2 -2
- package/dist/esm/jump-search-bar-mobile.entry.js +5 -5
- package/dist/esm/jump-search-bar.entry.js +1 -1
- package/dist/esm/jump-tab-item.entry.js +3 -3
- package/dist/esm/jump-tab-panel.entry.js +2 -2
- package/dist/esm/jump-tab.entry.js +2 -2
- package/dist/esm/live-253d6806.js +12 -0
- package/dist/esm/live-253d6806.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/jump-design-system/jump-design-system.esm.js +1 -1
- package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
- package/dist/jump-design-system/p-0cbcc5b3.entry.js +2 -0
- package/dist/jump-design-system/p-1b31e36f.js +17 -0
- package/dist/jump-design-system/p-1b31e36f.js.map +1 -0
- package/dist/jump-design-system/{p-2e2bd8a9.entry.js → p-201c09dd.entry.js} +2 -2
- package/dist/jump-design-system/p-35633b03.entry.js +848 -0
- package/dist/jump-design-system/p-35633b03.entry.js.map +1 -0
- package/dist/jump-design-system/p-39b82674.entry.js +2 -0
- package/dist/jump-design-system/{p-feb825e0.entry.js → p-3b4127b0.entry.js} +2 -2
- package/dist/jump-design-system/{p-6b1ab8c3.entry.js → p-3e31b638.entry.js} +2 -2
- package/dist/jump-design-system/p-53bf2958.entry.js +213 -0
- package/dist/jump-design-system/p-53bf2958.entry.js.map +1 -0
- package/dist/jump-design-system/p-67339850.js +63 -0
- package/dist/jump-design-system/p-67339850.js.map +1 -0
- package/dist/jump-design-system/{p-f7c323d2.entry.js → p-7dd5052b.entry.js} +2 -2
- package/dist/jump-design-system/p-8d1d2af9.entry.js +117 -0
- package/dist/jump-design-system/p-8d1d2af9.entry.js.map +1 -0
- package/dist/jump-design-system/p-8e0419b1.entry.js +2 -0
- package/dist/jump-design-system/{p-6dc529fc.entry.js → p-90c51b48.entry.js} +2 -2
- package/dist/jump-design-system/p-926c7bf0.entry.js +2 -0
- package/dist/jump-design-system/p-94229ed5.js +7 -0
- package/dist/jump-design-system/p-94229ed5.js.map +1 -0
- package/dist/jump-design-system/{p-02e863db.entry.js → p-94790673.entry.js} +2 -2
- package/dist/jump-design-system/{p-466e0ade.entry.js → p-947d7f9a.entry.js} +2 -2
- package/dist/jump-design-system/p-95a1bbc5.js +51 -0
- package/dist/jump-design-system/p-95a1bbc5.js.map +1 -0
- package/dist/jump-design-system/p-98ef4924.entry.js +2 -0
- package/dist/jump-design-system/{p-3f6d50d5.entry.js.map → p-98ef4924.entry.js.map} +1 -1
- package/dist/jump-design-system/{p-198cfe62.js → p-9d21c18a.js} +2 -2
- package/dist/jump-design-system/p-a05d9480.entry.js +178 -0
- package/dist/jump-design-system/p-a05d9480.entry.js.map +1 -0
- package/dist/jump-design-system/{p-a9b78af2.entry.js → p-ad550de6.entry.js} +2 -2
- package/dist/jump-design-system/{p-1aa5fb8a.entry.js → p-d3b62e9b.entry.js} +2 -2
- package/dist/jump-design-system/{p-bdafe87d.entry.js → p-d8bfd21c.entry.js} +2 -2
- package/dist/jump-design-system/{p-a1c25113.entry.js → p-d94fabc1.entry.js} +2 -2
- package/dist/jump-design-system/p-e516e812.js +3 -0
- package/dist/jump-design-system/p-e516e812.js.map +1 -0
- package/dist/jump-design-system/p-f2d287d6.js +2 -0
- package/dist/jump-design-system/p-f2d287d6.js.map +1 -0
- package/dist/jump-design-system/{p-2e7c10a5.entry.js → p-fa0dcb05.entry.js} +2 -2
- package/dist/jump-design-system/{p-07633158.entry.js → p-ff8d70ab.entry.js} +2 -2
- package/dist/jump-design-system-elements.json +66 -0
- package/dist/types/components/jump-filter-checkbox/jump-filter-checkbox.stories.d.ts +0 -5
- package/dist/types/components/jump-filter-select/jump-filter-select.d.ts +76 -0
- package/dist/types/components/jump-filter-switch/jump-filter-switch.d.ts +35 -0
- package/dist/types/components/jump-filter-switch/jump-filter-switch.stories.d.ts +24 -0
- package/dist/types/components.d.ts +206 -0
- package/package.json +1 -1
- package/dist/cjs/chunk.H33C3MRM-2c09acb5.js.map +0 -1
- package/dist/cjs/index-e91b2b41.js.map +0 -1
- package/dist/esm/chunk.H33C3MRM-632f8755.js.map +0 -1
- package/dist/esm/index-9a1da0f0.js.map +0 -1
- package/dist/jump-design-system/p-21aa0095.js +0 -3
- package/dist/jump-design-system/p-21aa0095.js.map +0 -1
- package/dist/jump-design-system/p-3f6d50d5.entry.js +0 -2
- package/dist/jump-design-system/p-6e7c80a3.entry.js +0 -244
- package/dist/jump-design-system/p-6e7c80a3.entry.js.map +0 -1
- package/dist/jump-design-system/p-842fff70.entry.js +0 -117
- package/dist/jump-design-system/p-842fff70.entry.js.map +0 -1
- package/dist/jump-design-system/p-8f581228.entry.js +0 -2
- package/dist/jump-design-system/p-a826c477.entry.js +0 -2
- package/dist/jump-design-system/p-b03c5b24.entry.js +0 -2
- package/dist/jump-design-system/p-c77d216c.entry.js +0 -2
- package/dist/jump-design-system/p-d33f4f1d.js +0 -66
- package/dist/jump-design-system/p-d33f4f1d.js.map +0 -1
- /package/dist/jump-design-system/{p-b03c5b24.entry.js.map → p-0cbcc5b3.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-2e2bd8a9.entry.js.map → p-201c09dd.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-8f581228.entry.js.map → p-39b82674.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-feb825e0.entry.js.map → p-3b4127b0.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-6b1ab8c3.entry.js.map → p-3e31b638.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-f7c323d2.entry.js.map → p-7dd5052b.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-c77d216c.entry.js.map → p-8e0419b1.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-6dc529fc.entry.js.map → p-90c51b48.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-a826c477.entry.js.map → p-926c7bf0.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-02e863db.entry.js.map → p-94790673.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-466e0ade.entry.js.map → p-947d7f9a.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-198cfe62.js.map → p-9d21c18a.js.map} +0 -0
- /package/dist/jump-design-system/{p-a9b78af2.entry.js.map → p-ad550de6.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-1aa5fb8a.entry.js.map → p-d3b62e9b.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-bdafe87d.entry.js.map → p-d8bfd21c.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-a1c25113.entry.js.map → p-d94fabc1.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-2e7c10a5.entry.js.map → p-fa0dcb05.entry.js.map} +0 -0
- /package/dist/jump-design-system/{p-07633158.entry.js.map → p-ff8d70ab.entry.js.map} +0 -0
|
@@ -0,0 +1,848 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as l,g as o}from"./p-e516e812.js";import{i as r,x as i,c as n,_ as a,S as c,r as h,n as u,a as d,b as p,T as f,d as m,w as g}from"./p-95a1bbc5.js";import{S as b}from"./p-1b31e36f.js";import{e as v,a as y,i as x,t as w,b as _}from"./p-9d21c18a.js";import{o as k,f as z,F as $,H as j,d as S}from"./p-67339850.js";import{L as A,s as C,a as O,g as B,b as F,w as E}from"./p-f2d287d6.js";var D=r`
|
|
2
|
+
:host {
|
|
3
|
+
display: inline-block;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.tag {
|
|
7
|
+
display: flex;
|
|
8
|
+
align-items: center;
|
|
9
|
+
border: solid 1px;
|
|
10
|
+
line-height: 1;
|
|
11
|
+
white-space: nowrap;
|
|
12
|
+
user-select: none;
|
|
13
|
+
-webkit-user-select: none;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.tag__remove::part(base) {
|
|
17
|
+
color: inherit;
|
|
18
|
+
padding: 0;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/*
|
|
22
|
+
* Variant modifiers
|
|
23
|
+
*/
|
|
24
|
+
|
|
25
|
+
.tag--primary {
|
|
26
|
+
background-color: var(--sl-color-primary-50);
|
|
27
|
+
border-color: var(--sl-color-primary-200);
|
|
28
|
+
color: var(--sl-color-primary-800);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.tag--primary:active > sl-icon-button {
|
|
32
|
+
color: var(--sl-color-primary-600);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.tag--success {
|
|
36
|
+
background-color: var(--sl-color-success-50);
|
|
37
|
+
border-color: var(--sl-color-success-200);
|
|
38
|
+
color: var(--sl-color-success-800);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.tag--success:active > sl-icon-button {
|
|
42
|
+
color: var(--sl-color-success-600);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.tag--neutral {
|
|
46
|
+
background-color: var(--sl-color-neutral-50);
|
|
47
|
+
border-color: var(--sl-color-neutral-200);
|
|
48
|
+
color: var(--sl-color-neutral-800);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.tag--neutral:active > sl-icon-button {
|
|
52
|
+
color: var(--sl-color-neutral-600);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.tag--warning {
|
|
56
|
+
background-color: var(--sl-color-warning-50);
|
|
57
|
+
border-color: var(--sl-color-warning-200);
|
|
58
|
+
color: var(--sl-color-warning-800);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.tag--warning:active > sl-icon-button {
|
|
62
|
+
color: var(--sl-color-warning-600);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.tag--danger {
|
|
66
|
+
background-color: var(--sl-color-danger-50);
|
|
67
|
+
border-color: var(--sl-color-danger-200);
|
|
68
|
+
color: var(--sl-color-danger-800);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.tag--danger:active > sl-icon-button {
|
|
72
|
+
color: var(--sl-color-danger-600);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
/*
|
|
76
|
+
* Size modifiers
|
|
77
|
+
*/
|
|
78
|
+
|
|
79
|
+
.tag--small {
|
|
80
|
+
font-size: var(--sl-button-font-size-small);
|
|
81
|
+
height: calc(var(--sl-input-height-small) * 0.8);
|
|
82
|
+
line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
|
|
83
|
+
border-radius: var(--sl-input-border-radius-small);
|
|
84
|
+
padding: 0 var(--sl-spacing-x-small);
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.tag--medium {
|
|
88
|
+
font-size: var(--sl-button-font-size-medium);
|
|
89
|
+
height: calc(var(--sl-input-height-medium) * 0.8);
|
|
90
|
+
line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
|
|
91
|
+
border-radius: var(--sl-input-border-radius-medium);
|
|
92
|
+
padding: 0 var(--sl-spacing-small);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.tag--large {
|
|
96
|
+
font-size: var(--sl-button-font-size-large);
|
|
97
|
+
height: calc(var(--sl-input-height-large) * 0.8);
|
|
98
|
+
line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
|
|
99
|
+
border-radius: var(--sl-input-border-radius-large);
|
|
100
|
+
padding: 0 var(--sl-spacing-medium);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.tag__remove {
|
|
104
|
+
margin-inline-start: var(--sl-spacing-x-small);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
/*
|
|
108
|
+
* Pill modifier
|
|
109
|
+
*/
|
|
110
|
+
|
|
111
|
+
.tag--pill {
|
|
112
|
+
border-radius: var(--sl-border-radius-pill);
|
|
113
|
+
}
|
|
114
|
+
`;var M=r`
|
|
115
|
+
:host {
|
|
116
|
+
display: inline-block;
|
|
117
|
+
color: var(--sl-color-neutral-600);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.icon-button {
|
|
121
|
+
flex: 0 0 auto;
|
|
122
|
+
display: flex;
|
|
123
|
+
align-items: center;
|
|
124
|
+
background: none;
|
|
125
|
+
border: none;
|
|
126
|
+
border-radius: var(--sl-border-radius-medium);
|
|
127
|
+
font-size: inherit;
|
|
128
|
+
color: inherit;
|
|
129
|
+
padding: var(--sl-spacing-x-small);
|
|
130
|
+
cursor: pointer;
|
|
131
|
+
transition: var(--sl-transition-x-fast) color;
|
|
132
|
+
-webkit-appearance: none;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.icon-button:hover:not(.icon-button--disabled),
|
|
136
|
+
.icon-button:focus-visible:not(.icon-button--disabled) {
|
|
137
|
+
color: var(--sl-color-primary-600);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.icon-button:active:not(.icon-button--disabled) {
|
|
141
|
+
color: var(--sl-color-primary-700);
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.icon-button:focus {
|
|
145
|
+
outline: none;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.icon-button--disabled {
|
|
149
|
+
opacity: 0.5;
|
|
150
|
+
cursor: not-allowed;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.icon-button:focus-visible {
|
|
154
|
+
outline: var(--sl-focus-ring);
|
|
155
|
+
outline-offset: var(--sl-focus-ring-offset);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.icon-button__icon {
|
|
159
|
+
pointer-events: none;
|
|
160
|
+
}
|
|
161
|
+
`
|
|
162
|
+
/**
|
|
163
|
+
* @license
|
|
164
|
+
* Copyright 2020 Google LLC
|
|
165
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
166
|
+
*/;const P=Symbol.for(""),R=t=>{if(t?.r===P)return t?._$litStatic$},T=(t,...e)=>({_$litStatic$:e.reduce(((e,s,l)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(s)+t[l+1]),t[0]),r:P}),L=new Map,H=t=>(e,...s)=>{const l=s.length;let o,r;const i=[],n=[];let a,c=0,h=!1;for(;c<l;){for(a=e[c];c<l&&void 0!==(r=s[c],o=R(r));)a+=o+e[++c],h=!0;c!==l&&n.push(r),i.push(a),c++}if(c===l&&i.push(e[l]),h){const t=i.join("$$lit$$");void 0===(e=L.get(t))&&(i.raw=i,L.set(t,e=i)),s=n}return t(e,...s)},V=H(i);var N=class extends c{constructor(){super(...arguments);this.hasFocus=false;this.label="";this.disabled=false}handleBlur(){this.hasFocus=false;this.emit("sl-blur")}handleFocus(){this.hasFocus=true;this.emit("sl-focus")}handleClick(t){if(this.disabled){t.preventDefault();t.stopPropagation()}}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t=this.href?true:false;const e=t?T`a`:T`button`;return V`
|
|
167
|
+
<${e}
|
|
168
|
+
part="base"
|
|
169
|
+
class=${v({"icon-button":true,"icon-button--disabled":!t&&this.disabled,"icon-button--focused":this.hasFocus})}
|
|
170
|
+
?disabled=${k(t?void 0:this.disabled)}
|
|
171
|
+
type=${k(t?void 0:"button")}
|
|
172
|
+
href=${k(t?this.href:void 0)}
|
|
173
|
+
target=${k(t?this.target:void 0)}
|
|
174
|
+
download=${k(t?this.download:void 0)}
|
|
175
|
+
rel=${k(t&&this.target?"noreferrer noopener":void 0)}
|
|
176
|
+
role=${k(t?void 0:"button")}
|
|
177
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
178
|
+
aria-label="${this.label}"
|
|
179
|
+
tabindex=${this.disabled?"-1":"0"}
|
|
180
|
+
@blur=${this.handleBlur}
|
|
181
|
+
@focus=${this.handleFocus}
|
|
182
|
+
@click=${this.handleClick}
|
|
183
|
+
>
|
|
184
|
+
<sl-icon
|
|
185
|
+
class="icon-button__icon"
|
|
186
|
+
name=${k(this.name)}
|
|
187
|
+
library=${k(this.library)}
|
|
188
|
+
src=${k(this.src)}
|
|
189
|
+
aria-hidden="true"
|
|
190
|
+
></sl-icon>
|
|
191
|
+
</${e}>
|
|
192
|
+
`}};N.styles=[n,M];N.dependencies={"sl-icon":b};a([y(".icon-button")],N.prototype,"button",2);a([h()],N.prototype,"hasFocus",2);a([u()],N.prototype,"name",2);a([u()],N.prototype,"library",2);a([u()],N.prototype,"src",2);a([u()],N.prototype,"href",2);a([u()],N.prototype,"target",2);a([u()],N.prototype,"download",2);a([u()],N.prototype,"label",2);a([u({type:Boolean,reflect:true})],N.prototype,"disabled",2);var I=class extends c{constructor(){super(...arguments);this.localize=new A(this);this.variant="neutral";this.size="medium";this.pill=false;this.removable=false}handleRemoveClick(){this.emit("sl-remove")}render(){return i`
|
|
193
|
+
<span
|
|
194
|
+
part="base"
|
|
195
|
+
class=${v({tag:true,"tag--primary":this.variant==="primary","tag--success":this.variant==="success","tag--neutral":this.variant==="neutral","tag--warning":this.variant==="warning","tag--danger":this.variant==="danger","tag--text":this.variant==="text","tag--small":this.size==="small","tag--medium":this.size==="medium","tag--large":this.size==="large","tag--pill":this.pill,"tag--removable":this.removable})}
|
|
196
|
+
>
|
|
197
|
+
<slot part="content" class="tag__content"></slot>
|
|
198
|
+
|
|
199
|
+
${this.removable?i`
|
|
200
|
+
<sl-icon-button
|
|
201
|
+
part="remove-button"
|
|
202
|
+
exportparts="base:remove-button__base"
|
|
203
|
+
name="x-lg"
|
|
204
|
+
library="system"
|
|
205
|
+
label=${this.localize.term("remove")}
|
|
206
|
+
class="tag__remove"
|
|
207
|
+
@click=${this.handleRemoveClick}
|
|
208
|
+
tabindex="-1"
|
|
209
|
+
></sl-icon-button>
|
|
210
|
+
`:""}
|
|
211
|
+
</span>
|
|
212
|
+
`}};I.styles=[n,D];I.dependencies={"sl-icon-button":N};a([u({reflect:true})],I.prototype,"variant",2);a([u({reflect:true})],I.prototype,"size",2);a([u({type:Boolean,reflect:true})],I.prototype,"pill",2);a([u({type:Boolean})],I.prototype,"removable",2);var U=r`
|
|
213
|
+
:host {
|
|
214
|
+
display: block;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
/** The popup */
|
|
218
|
+
.select {
|
|
219
|
+
flex: 1 1 auto;
|
|
220
|
+
display: inline-flex;
|
|
221
|
+
width: 100%;
|
|
222
|
+
position: relative;
|
|
223
|
+
vertical-align: middle;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.select::part(popup) {
|
|
227
|
+
z-index: var(--sl-z-index-dropdown);
|
|
228
|
+
}
|
|
229
|
+
|
|
230
|
+
.select[data-current-placement^='top']::part(popup) {
|
|
231
|
+
transform-origin: bottom;
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
.select[data-current-placement^='bottom']::part(popup) {
|
|
235
|
+
transform-origin: top;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
/* Combobox */
|
|
239
|
+
.select__combobox {
|
|
240
|
+
flex: 1;
|
|
241
|
+
display: flex;
|
|
242
|
+
width: 100%;
|
|
243
|
+
min-width: 0;
|
|
244
|
+
position: relative;
|
|
245
|
+
align-items: center;
|
|
246
|
+
justify-content: start;
|
|
247
|
+
font-family: var(--sl-input-font-family);
|
|
248
|
+
font-weight: var(--sl-input-font-weight);
|
|
249
|
+
letter-spacing: var(--sl-input-letter-spacing);
|
|
250
|
+
vertical-align: middle;
|
|
251
|
+
overflow: hidden;
|
|
252
|
+
cursor: pointer;
|
|
253
|
+
transition:
|
|
254
|
+
var(--sl-transition-fast) color,
|
|
255
|
+
var(--sl-transition-fast) border,
|
|
256
|
+
var(--sl-transition-fast) box-shadow,
|
|
257
|
+
var(--sl-transition-fast) background-color;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.select__display-input {
|
|
261
|
+
position: relative;
|
|
262
|
+
width: 100%;
|
|
263
|
+
font: inherit;
|
|
264
|
+
border: none;
|
|
265
|
+
background: none;
|
|
266
|
+
color: var(--sl-input-color);
|
|
267
|
+
cursor: inherit;
|
|
268
|
+
overflow: hidden;
|
|
269
|
+
padding: 0;
|
|
270
|
+
margin: 0;
|
|
271
|
+
-webkit-appearance: none;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.select__display-input::placeholder {
|
|
275
|
+
color: var(--sl-input-placeholder-color);
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
.select:not(.select--disabled):hover .select__display-input {
|
|
279
|
+
color: var(--sl-input-color-hover);
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.select__display-input:focus {
|
|
283
|
+
outline: none;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
/* Visually hide the display input when multiple is enabled */
|
|
287
|
+
.select--multiple:not(.select--placeholder-visible) .select__display-input {
|
|
288
|
+
position: absolute;
|
|
289
|
+
z-index: -1;
|
|
290
|
+
top: 0;
|
|
291
|
+
left: 0;
|
|
292
|
+
width: 100%;
|
|
293
|
+
height: 100%;
|
|
294
|
+
opacity: 0;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
.select__value-input {
|
|
298
|
+
position: absolute;
|
|
299
|
+
top: 0;
|
|
300
|
+
left: 0;
|
|
301
|
+
width: 100%;
|
|
302
|
+
height: 100%;
|
|
303
|
+
padding: 0;
|
|
304
|
+
margin: 0;
|
|
305
|
+
opacity: 0;
|
|
306
|
+
z-index: -1;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
.select__tags {
|
|
310
|
+
display: flex;
|
|
311
|
+
flex: 1;
|
|
312
|
+
align-items: center;
|
|
313
|
+
flex-wrap: wrap;
|
|
314
|
+
margin-inline-start: var(--sl-spacing-2x-small);
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
.select__tags::slotted(sl-tag) {
|
|
318
|
+
cursor: pointer !important;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
.select--disabled .select__tags,
|
|
322
|
+
.select--disabled .select__tags::slotted(sl-tag) {
|
|
323
|
+
cursor: not-allowed !important;
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
/* Standard selects */
|
|
327
|
+
.select--standard .select__combobox {
|
|
328
|
+
background-color: var(--sl-input-background-color);
|
|
329
|
+
border: solid var(--sl-input-border-width) var(--sl-input-border-color);
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
.select--standard.select--disabled .select__combobox {
|
|
333
|
+
background-color: var(--sl-input-background-color-disabled);
|
|
334
|
+
border-color: var(--sl-input-border-color-disabled);
|
|
335
|
+
color: var(--sl-input-color-disabled);
|
|
336
|
+
opacity: 0.5;
|
|
337
|
+
cursor: not-allowed;
|
|
338
|
+
outline: none;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
.select--standard:not(.select--disabled).select--open .select__combobox,
|
|
342
|
+
.select--standard:not(.select--disabled).select--focused .select__combobox {
|
|
343
|
+
background-color: var(--sl-input-background-color-focus);
|
|
344
|
+
border-color: var(--sl-input-border-color-focus);
|
|
345
|
+
box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
/* Filled selects */
|
|
349
|
+
.select--filled .select__combobox {
|
|
350
|
+
border: none;
|
|
351
|
+
background-color: var(--sl-input-filled-background-color);
|
|
352
|
+
color: var(--sl-input-color);
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
.select--filled:hover:not(.select--disabled) .select__combobox {
|
|
356
|
+
background-color: var(--sl-input-filled-background-color-hover);
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.select--filled.select--disabled .select__combobox {
|
|
360
|
+
background-color: var(--sl-input-filled-background-color-disabled);
|
|
361
|
+
opacity: 0.5;
|
|
362
|
+
cursor: not-allowed;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
.select--filled:not(.select--disabled).select--open .select__combobox,
|
|
366
|
+
.select--filled:not(.select--disabled).select--focused .select__combobox {
|
|
367
|
+
background-color: var(--sl-input-filled-background-color-focus);
|
|
368
|
+
outline: var(--sl-focus-ring);
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
/* Sizes */
|
|
372
|
+
.select--small .select__combobox {
|
|
373
|
+
border-radius: var(--sl-input-border-radius-small);
|
|
374
|
+
font-size: var(--sl-input-font-size-small);
|
|
375
|
+
min-height: var(--sl-input-height-small);
|
|
376
|
+
padding-block: 0;
|
|
377
|
+
padding-inline: var(--sl-input-spacing-small);
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
.select--small .select__clear {
|
|
381
|
+
margin-inline-start: var(--sl-input-spacing-small);
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.select--small .select__prefix::slotted(*) {
|
|
385
|
+
margin-inline-end: var(--sl-input-spacing-small);
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
.select--small.select--multiple:not(.select--placeholder-visible) .select__combobox {
|
|
389
|
+
padding-block: 2px;
|
|
390
|
+
padding-inline-start: 0;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
.select--small .select__tags {
|
|
394
|
+
gap: 2px;
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
.select--medium .select__combobox {
|
|
398
|
+
border-radius: var(--sl-input-border-radius-medium);
|
|
399
|
+
font-size: var(--sl-input-font-size-medium);
|
|
400
|
+
min-height: var(--sl-input-height-medium);
|
|
401
|
+
padding-block: 0;
|
|
402
|
+
padding-inline: var(--sl-input-spacing-medium);
|
|
403
|
+
}
|
|
404
|
+
|
|
405
|
+
.select--medium .select__clear {
|
|
406
|
+
margin-inline-start: var(--sl-input-spacing-medium);
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
.select--medium .select__prefix::slotted(*) {
|
|
410
|
+
margin-inline-end: var(--sl-input-spacing-medium);
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
.select--medium.select--multiple:not(.select--placeholder-visible) .select__combobox {
|
|
414
|
+
padding-inline-start: 0;
|
|
415
|
+
padding-block: 3px;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
.select--medium .select__tags {
|
|
419
|
+
gap: 3px;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
.select--large .select__combobox {
|
|
423
|
+
border-radius: var(--sl-input-border-radius-large);
|
|
424
|
+
font-size: var(--sl-input-font-size-large);
|
|
425
|
+
min-height: var(--sl-input-height-large);
|
|
426
|
+
padding-block: 0;
|
|
427
|
+
padding-inline: var(--sl-input-spacing-large);
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
.select--large .select__clear {
|
|
431
|
+
margin-inline-start: var(--sl-input-spacing-large);
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.select--large .select__prefix::slotted(*) {
|
|
435
|
+
margin-inline-end: var(--sl-input-spacing-large);
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
.select--large.select--multiple:not(.select--placeholder-visible) .select__combobox {
|
|
439
|
+
padding-inline-start: 0;
|
|
440
|
+
padding-block: 4px;
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
.select--large .select__tags {
|
|
444
|
+
gap: 4px;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
/* Pills */
|
|
448
|
+
.select--pill.select--small .select__combobox {
|
|
449
|
+
border-radius: var(--sl-input-height-small);
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
.select--pill.select--medium .select__combobox {
|
|
453
|
+
border-radius: var(--sl-input-height-medium);
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
.select--pill.select--large .select__combobox {
|
|
457
|
+
border-radius: var(--sl-input-height-large);
|
|
458
|
+
}
|
|
459
|
+
|
|
460
|
+
/* Prefix */
|
|
461
|
+
.select__prefix {
|
|
462
|
+
flex: 0;
|
|
463
|
+
display: inline-flex;
|
|
464
|
+
align-items: center;
|
|
465
|
+
color: var(--sl-input-placeholder-color);
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/* Clear button */
|
|
469
|
+
.select__clear {
|
|
470
|
+
display: inline-flex;
|
|
471
|
+
align-items: center;
|
|
472
|
+
justify-content: center;
|
|
473
|
+
font-size: inherit;
|
|
474
|
+
color: var(--sl-input-icon-color);
|
|
475
|
+
border: none;
|
|
476
|
+
background: none;
|
|
477
|
+
padding: 0;
|
|
478
|
+
transition: var(--sl-transition-fast) color;
|
|
479
|
+
cursor: pointer;
|
|
480
|
+
}
|
|
481
|
+
|
|
482
|
+
.select__clear:hover {
|
|
483
|
+
color: var(--sl-input-icon-color-hover);
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
.select__clear:focus {
|
|
487
|
+
outline: none;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
/* Expand icon */
|
|
491
|
+
.select__expand-icon {
|
|
492
|
+
flex: 0 0 auto;
|
|
493
|
+
display: flex;
|
|
494
|
+
align-items: center;
|
|
495
|
+
transition: var(--sl-transition-medium) rotate ease;
|
|
496
|
+
rotate: 0;
|
|
497
|
+
margin-inline-start: var(--sl-spacing-small);
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
.select--open .select__expand-icon {
|
|
501
|
+
rotate: -180deg;
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
/* Listbox */
|
|
505
|
+
.select__listbox {
|
|
506
|
+
display: block;
|
|
507
|
+
position: relative;
|
|
508
|
+
font-family: var(--sl-font-sans);
|
|
509
|
+
font-size: var(--sl-font-size-medium);
|
|
510
|
+
font-weight: var(--sl-font-weight-normal);
|
|
511
|
+
box-shadow: var(--sl-shadow-large);
|
|
512
|
+
background: var(--sl-panel-background-color);
|
|
513
|
+
border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
|
|
514
|
+
border-radius: var(--sl-border-radius-medium);
|
|
515
|
+
padding-block: var(--sl-spacing-x-small);
|
|
516
|
+
padding-inline: 0;
|
|
517
|
+
overflow: auto;
|
|
518
|
+
overscroll-behavior: none;
|
|
519
|
+
|
|
520
|
+
/* Make sure it adheres to the popup's auto size */
|
|
521
|
+
max-width: var(--auto-size-available-width);
|
|
522
|
+
max-height: var(--auto-size-available-height);
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
.select__listbox ::slotted(sl-divider) {
|
|
526
|
+
--spacing: var(--sl-spacing-x-small);
|
|
527
|
+
}
|
|
528
|
+
|
|
529
|
+
.select__listbox ::slotted(small) {
|
|
530
|
+
font-size: var(--sl-font-size-small);
|
|
531
|
+
font-weight: var(--sl-font-weight-semibold);
|
|
532
|
+
color: var(--sl-color-neutral-500);
|
|
533
|
+
padding-block: var(--sl-spacing-x-small);
|
|
534
|
+
padding-inline: var(--sl-spacing-x-large);
|
|
535
|
+
}
|
|
536
|
+
`;function q(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}function W(t,e,s="vertical",l="smooth"){const o=q(t,e);const r=o.top+e.scrollTop;const i=o.left+e.scrollLeft;const n=e.scrollLeft;const a=e.scrollLeft+e.offsetWidth;const c=e.scrollTop;const h=e.scrollTop+e.offsetHeight;if(s==="horizontal"||s==="both"){if(i<n){e.scrollTo({left:i,behavior:l})}else if(i+t.clientWidth>a){e.scrollTo({left:i-e.offsetWidth+t.clientWidth,behavior:l})}}if(s==="vertical"||s==="both"){if(r<c){e.scrollTo({top:r,behavior:l})}else if(r+t.clientHeight>h){e.scrollTo({top:r-e.offsetHeight+t.clientHeight,behavior:l})}}}var Y=r`
|
|
537
|
+
:host {
|
|
538
|
+
--arrow-color: var(--sl-color-neutral-1000);
|
|
539
|
+
--arrow-size: 6px;
|
|
540
|
+
|
|
541
|
+
/*
|
|
542
|
+
* These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant
|
|
543
|
+
* 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.
|
|
544
|
+
*/
|
|
545
|
+
--arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);
|
|
546
|
+
--arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));
|
|
547
|
+
|
|
548
|
+
display: contents;
|
|
549
|
+
}
|
|
550
|
+
|
|
551
|
+
.popup {
|
|
552
|
+
position: absolute;
|
|
553
|
+
isolation: isolate;
|
|
554
|
+
max-width: var(--auto-size-available-width, none);
|
|
555
|
+
max-height: var(--auto-size-available-height, none);
|
|
556
|
+
}
|
|
557
|
+
|
|
558
|
+
.popup--fixed {
|
|
559
|
+
position: fixed;
|
|
560
|
+
}
|
|
561
|
+
|
|
562
|
+
.popup:not(.popup--active) {
|
|
563
|
+
display: none;
|
|
564
|
+
}
|
|
565
|
+
|
|
566
|
+
.popup__arrow {
|
|
567
|
+
position: absolute;
|
|
568
|
+
width: calc(var(--arrow-size-diagonal) * 2);
|
|
569
|
+
height: calc(var(--arrow-size-diagonal) * 2);
|
|
570
|
+
rotate: 45deg;
|
|
571
|
+
background: var(--arrow-color);
|
|
572
|
+
z-index: -1;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
/* Hover bridge */
|
|
576
|
+
.popup-hover-bridge:not(.popup-hover-bridge--visible) {
|
|
577
|
+
display: none;
|
|
578
|
+
}
|
|
579
|
+
|
|
580
|
+
.popup-hover-bridge {
|
|
581
|
+
position: fixed;
|
|
582
|
+
z-index: calc(var(--sl-z-index-dropdown) - 1);
|
|
583
|
+
top: 0;
|
|
584
|
+
right: 0;
|
|
585
|
+
bottom: 0;
|
|
586
|
+
left: 0;
|
|
587
|
+
clip-path: polygon(
|
|
588
|
+
var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0),
|
|
589
|
+
var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0),
|
|
590
|
+
var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0),
|
|
591
|
+
var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0)
|
|
592
|
+
);
|
|
593
|
+
}
|
|
594
|
+
`;const G=["top","right","bottom","left"];const J=["start","end"];const K=G.reduce(((t,e)=>t.concat(e,e+"-"+J[0],e+"-"+J[1])),[]);const X=Math.min;const Q=Math.max;const Z=Math.round;const tt=Math.floor;const et=t=>({x:t,y:t});const st={left:"right",right:"left",bottom:"top",top:"bottom"};const lt={start:"end",end:"start"};function ot(t,e,s){return Q(t,X(e,s))}function rt(t,e){return typeof t==="function"?t(e):t}function it(t){return t.split("-")[0]}function nt(t){return t.split("-")[1]}function at(t){return t==="x"?"y":"x"}function ct(t){return t==="y"?"height":"width"}function ht(t){return["top","bottom"].includes(it(t))?"y":"x"}function ut(t){return at(ht(t))}function dt(t,e,s){if(s===void 0){s=false}const l=nt(t);const o=ut(t);const r=ct(o);let i=o==="x"?l===(s?"end":"start")?"right":"left":l==="start"?"bottom":"top";if(e.reference[r]>e.floating[r]){i=bt(i)}return[i,bt(i)]}function pt(t){const e=bt(t);return[ft(t),e,ft(e)]}function ft(t){return t.replace(/start|end/g,(t=>lt[t]))}function mt(t,e,s){const l=["left","right"];const o=["right","left"];const r=["top","bottom"];const i=["bottom","top"];switch(t){case"top":case"bottom":if(s)return e?o:l;return e?l:o;case"left":case"right":return e?r:i;default:return[]}}function gt(t,e,s,l){const o=nt(t);let r=mt(it(t),s==="start",l);if(o){r=r.map((t=>t+"-"+o));if(e){r=r.concat(r.map(ft))}}return r}function bt(t){return t.replace(/left|right|bottom|top/g,(t=>st[t]))}function vt(t){return{top:0,right:0,bottom:0,left:0,...t}}function yt(t){return typeof t!=="number"?vt(t):{top:t,right:t,bottom:t,left:t}}function xt(t){const{x:e,y:s,width:l,height:o}=t;return{width:l,height:o,top:s,left:e,right:e+l,bottom:s+o,x:e,y:s}}function wt(t,e,s){let{reference:l,floating:o}=t;const r=ht(e);const i=ut(e);const n=ct(i);const a=it(e);const c=r==="y";const h=l.x+l.width/2-o.width/2;const u=l.y+l.height/2-o.height/2;const d=l[n]/2-o[n]/2;let p;switch(a){case"top":p={x:h,y:l.y-o.height};break;case"bottom":p={x:h,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:u};break;case"left":p={x:l.x-o.width,y:u};break;default:p={x:l.x,y:l.y}}switch(nt(e)){case"start":p[i]-=d*(s&&c?-1:1);break;case"end":p[i]+=d*(s&&c?-1:1);break}return p}const _t=async(t,e,s)=>{const{placement:l="bottom",strategy:o="absolute",middleware:r=[],platform:i}=s;const n=r.filter(Boolean);const a=await(i.isRTL==null?void 0:i.isRTL(e));let c=await i.getElementRects({reference:t,floating:e,strategy:o});let{x:h,y:u}=wt(c,l,a);let d=l;let p={};let f=0;for(let s=0;s<n.length;s++){const{name:r,fn:m}=n[s];const{x:g,y:b,data:v,reset:y}=await m({x:h,y:u,initialPlacement:l,placement:d,strategy:o,middlewareData:p,rects:c,platform:i,elements:{reference:t,floating:e}});h=g!=null?g:h;u=b!=null?b:u;p={...p,[r]:{...p[r],...v}};if(y&&f<=50){f++;if(typeof y==="object"){if(y.placement){d=y.placement}if(y.rects){c=y.rects===true?await i.getElementRects({reference:t,floating:e,strategy:o}):y.rects}({x:h,y:u}=wt(c,d,a))}s=-1}}return{x:h,y:u,placement:d,strategy:o,middlewareData:p}};async function kt(t,e){var s;if(e===void 0){e={}}const{x:l,y:o,platform:r,rects:i,elements:n,strategy:a}=t;const{boundary:c="clippingAncestors",rootBoundary:h="viewport",elementContext:u="floating",altBoundary:d=false,padding:p=0}=rt(e,t);const f=yt(p);const m=u==="floating"?"reference":"floating";const g=n[d?m:u];const b=xt(await r.getClippingRect({element:((s=await(r.isElement==null?void 0:r.isElement(g)))!=null?s:true)?g:g.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(n.floating)),boundary:c,rootBoundary:h,strategy:a}));const v=u==="floating"?{x:l,y:o,width:i.floating.width,height:i.floating.height}:i.reference;const y=await(r.getOffsetParent==null?void 0:r.getOffsetParent(n.floating));const x=await(r.isElement==null?void 0:r.isElement(y))?await(r.getScale==null?void 0:r.getScale(y))||{x:1,y:1}:{x:1,y:1};const w=xt(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:n,rect:v,offsetParent:y,strategy:a}):v);return{top:(b.top-w.top+f.top)/x.y,bottom:(w.bottom-b.bottom+f.bottom)/x.y,left:(b.left-w.left+f.left)/x.x,right:(w.right-b.right+f.right)/x.x}}const zt=t=>({name:"arrow",options:t,async fn(e){const{x:s,y:l,placement:o,rects:r,platform:i,elements:n,middlewareData:a}=e;const{element:c,padding:h=0}=rt(t,e)||{};if(c==null){return{}}const u=yt(h);const d={x:s,y:l};const p=ut(o);const f=ct(p);const m=await i.getDimensions(c);const g=p==="y";const b=g?"top":"left";const v=g?"bottom":"right";const y=g?"clientHeight":"clientWidth";const x=r.reference[f]+r.reference[p]-d[p]-r.floating[f];const w=d[p]-r.reference[p];const _=await(i.getOffsetParent==null?void 0:i.getOffsetParent(c));let k=_?_[y]:0;if(!k||!await(i.isElement==null?void 0:i.isElement(_))){k=n.floating[y]||r.floating[f]}const z=x/2-w/2;const $=k/2-m[f]/2-1;const j=X(u[b],$);const S=X(u[v],$);const A=j;const C=k-m[f]-S;const O=k/2-m[f]/2+z;const B=ot(A,O,C);const F=!a.arrow&&nt(o)!=null&&O!==B&&r.reference[f]/2-(O<A?j:S)-m[f]/2<0;const E=F?O<A?O-A:O-C:0;return{[p]:d[p]+E,data:{[p]:B,centerOffset:O-B-E,...F&&{alignmentOffset:E}},reset:F}}});function $t(t,e,s){const l=t?[...s.filter((e=>nt(e)===t)),...s.filter((e=>nt(e)!==t))]:s.filter((t=>it(t)===t));return l.filter((s=>{if(t){return nt(s)===t||(e?ft(s)!==s:false)}return true}))}const jt=function(t){if(t===void 0){t={}}return{name:"autoPlacement",options:t,async fn(e){var s,l,o;const{rects:r,middlewareData:i,placement:n,platform:a,elements:c}=e;const{crossAxis:h=false,alignment:u,allowedPlacements:d=K,autoAlignment:p=true,...f}=rt(t,e);const m=u!==undefined||d===K?$t(u||null,p,d):d;const g=await kt(e,f);const b=((s=i.autoPlacement)==null?void 0:s.index)||0;const v=m[b];if(v==null){return{}}const y=dt(v,r,await(a.isRTL==null?void 0:a.isRTL(c.floating)));if(n!==v){return{reset:{placement:m[0]}}}const x=[g[it(v)],g[y[0]],g[y[1]]];const w=[...((l=i.autoPlacement)==null?void 0:l.overflows)||[],{placement:v,overflows:x}];const _=m[b+1];if(_){return{data:{index:b+1,overflows:w},reset:{placement:_}}}const k=w.map((t=>{const e=nt(t.placement);return[t.placement,e&&h?t.overflows.slice(0,2).reduce(((t,e)=>t+e),0):t.overflows[0],t.overflows]})).sort(((t,e)=>t[1]-e[1]));const z=k.filter((t=>t[2].slice(0,nt(t[0])?2:3).every((t=>t<=0))));const $=((o=z[0])==null?void 0:o[0])||k[0][0];if($!==n){return{data:{index:b+1,overflows:w},reset:{placement:$}}}return{}}}};const St=function(t){if(t===void 0){t={}}return{name:"flip",options:t,async fn(e){var s,l;const{placement:o,middlewareData:r,rects:i,initialPlacement:n,platform:a,elements:c}=e;const{mainAxis:h=true,crossAxis:u=true,fallbackPlacements:d,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:m=true,...g}=rt(t,e);if((s=r.arrow)!=null&&s.alignmentOffset){return{}}const b=it(o);const v=it(n)===n;const y=await(a.isRTL==null?void 0:a.isRTL(c.floating));const x=d||(v||!m?[bt(n)]:pt(n));if(!d&&f!=="none"){x.push(...gt(n,m,f,y))}const w=[n,...x];const _=await kt(e,g);const k=[];let z=((l=r.flip)==null?void 0:l.overflows)||[];if(h){k.push(_[b])}if(u){const t=dt(o,i,y);k.push(_[t[0]],_[t[1]])}z=[...z,{placement:o,overflows:k}];if(!k.every((t=>t<=0))){var $,j;const t=((($=r.flip)==null?void 0:$.index)||0)+1;const e=w[t];if(e){return{data:{index:t,overflows:z},reset:{placement:e}}}let s=(j=z.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])==null?void 0:j.placement;if(!s){switch(p){case"bestFit":{var S;const t=(S=z.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])==null?void 0:S[0];if(t){s=t}break}case"initialPlacement":s=n;break}}if(o!==s){return{reset:{placement:s}}}}return{}}}};function At(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function Ct(t){return G.some((e=>t[e]>=0))}const Ot=function(t){if(t===void 0){t={}}return{name:"hide",options:t,async fn(e){const{rects:s}=e;const{strategy:l="referenceHidden",...o}=rt(t,e);switch(l){case"referenceHidden":{const t=await kt(e,{...o,elementContext:"reference"});const l=At(t,s.reference);return{data:{referenceHiddenOffsets:l,referenceHidden:Ct(l)}}}case"escaped":{const t=await kt(e,{...o,altBoundary:true});const l=At(t,s.floating);return{data:{escapedOffsets:l,escaped:Ct(l)}}}default:{return{}}}}}};function Bt(t){const e=X(...t.map((t=>t.left)));const s=X(...t.map((t=>t.top)));const l=Q(...t.map((t=>t.right)));const o=Q(...t.map((t=>t.bottom)));return{x:e,y:s,width:l-e,height:o-s}}function Ft(t){const e=t.slice().sort(((t,e)=>t.y-e.y));const s=[];let l=null;for(let t=0;t<e.length;t++){const o=e[t];if(!l||o.y-l.y>l.height/2){s.push([o])}else{s[s.length-1].push(o)}l=o}return s.map((t=>xt(Bt(t))))}const Et=function(t){if(t===void 0){t={}}return{name:"inline",options:t,async fn(e){const{placement:s,elements:l,rects:o,platform:r,strategy:i}=e;const{padding:n=2,x:a,y:c}=rt(t,e);const h=Array.from(await(r.getClientRects==null?void 0:r.getClientRects(l.reference))||[]);const u=Ft(h);const d=xt(Bt(h));const p=yt(n);function f(){if(u.length===2&&u[0].left>u[1].right&&a!=null&&c!=null){return u.find((t=>a>t.left-p.left&&a<t.right+p.right&&c>t.top-p.top&&c<t.bottom+p.bottom))||d}if(u.length>=2){if(ht(s)==="y"){const t=u[0];const e=u[u.length-1];const l=it(s)==="top";const o=t.top;const r=e.bottom;const i=l?t.left:e.left;const n=l?t.right:e.right;const a=n-i;const c=r-o;return{top:o,bottom:r,left:i,right:n,width:a,height:c,x:i,y:o}}const t=it(s)==="left";const e=Q(...u.map((t=>t.right)));const l=X(...u.map((t=>t.left)));const o=u.filter((s=>t?s.left===l:s.right===e));const r=o[0].top;const i=o[o.length-1].bottom;const n=l;const a=e;const c=a-n;const h=i-r;return{top:r,bottom:i,left:n,right:a,width:c,height:h,x:n,y:r}}return d}const m=await r.getElementRects({reference:{getBoundingClientRect:f},floating:l.floating,strategy:i});if(o.reference.x!==m.reference.x||o.reference.y!==m.reference.y||o.reference.width!==m.reference.width||o.reference.height!==m.reference.height){return{reset:{rects:m}}}return{}}}};async function Dt(t,e){const{placement:s,platform:l,elements:o}=t;const r=await(l.isRTL==null?void 0:l.isRTL(o.floating));const i=it(s);const n=nt(s);const a=ht(s)==="y";const c=["left","top"].includes(i)?-1:1;const h=r&&a?-1:1;const u=rt(e,t);let{mainAxis:d,crossAxis:p,alignmentAxis:f}=typeof u==="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...u};if(n&&typeof f==="number"){p=n==="end"?f*-1:f}return a?{x:p*h,y:d*c}:{x:d*c,y:p*h}}const Mt=function(t){if(t===void 0){t=0}return{name:"offset",options:t,async fn(e){var s,l;const{x:o,y:r,placement:i,middlewareData:n}=e;const a=await Dt(e,t);if(i===((s=n.offset)==null?void 0:s.placement)&&(l=n.arrow)!=null&&l.alignmentOffset){return{}}return{x:o+a.x,y:r+a.y,data:{...a,placement:i}}}}};const Pt=function(t){if(t===void 0){t={}}return{name:"shift",options:t,async fn(e){const{x:s,y:l,placement:o}=e;const{mainAxis:r=true,crossAxis:i=false,limiter:n={fn:t=>{let{x:e,y:s}=t;return{x:e,y:s}}},...a}=rt(t,e);const c={x:s,y:l};const h=await kt(e,a);const u=ht(it(o));const d=at(u);let p=c[d];let f=c[u];if(r){const t=d==="y"?"top":"left";const e=d==="y"?"bottom":"right";const s=p+h[t];const l=p-h[e];p=ot(s,p,l)}if(i){const t=u==="y"?"top":"left";const e=u==="y"?"bottom":"right";const s=f+h[t];const l=f-h[e];f=ot(s,f,l)}const m=n.fn({...e,[d]:p,[u]:f});return{...m,data:{x:m.x-s,y:m.y-l}}}}};const Rt=function(t){if(t===void 0){t={}}return{options:t,fn(e){const{x:s,y:l,placement:o,rects:r,middlewareData:i}=e;const{offset:n=0,mainAxis:a=true,crossAxis:c=true}=rt(t,e);const h={x:s,y:l};const u=ht(o);const d=at(u);let p=h[d];let f=h[u];const m=rt(n,e);const g=typeof m==="number"?{mainAxis:m,crossAxis:0}:{mainAxis:0,crossAxis:0,...m};if(a){const t=d==="y"?"height":"width";const e=r.reference[d]-r.floating[t]+g.mainAxis;const s=r.reference[d]+r.reference[t]-g.mainAxis;if(p<e){p=e}else if(p>s){p=s}}if(c){var b,v;const t=d==="y"?"width":"height";const e=["top","left"].includes(it(o));const s=r.reference[u]-r.floating[t]+(e?((b=i.offset)==null?void 0:b[u])||0:0)+(e?0:g.crossAxis);const l=r.reference[u]+r.reference[t]+(e?0:((v=i.offset)==null?void 0:v[u])||0)-(e?g.crossAxis:0);if(f<s){f=s}else if(f>l){f=l}}return{[d]:p,[u]:f}}}};const Tt=function(t){if(t===void 0){t={}}return{name:"size",options:t,async fn(e){const{placement:s,rects:l,platform:o,elements:r}=e;const{apply:i=(()=>{}),...n}=rt(t,e);const a=await kt(e,n);const c=it(s);const h=nt(s);const u=ht(s)==="y";const{width:d,height:p}=l.floating;let f;let m;if(c==="top"||c==="bottom"){f=c;m=h===(await(o.isRTL==null?void 0:o.isRTL(r.floating))?"start":"end")?"left":"right"}else{m=c;f=h==="end"?"top":"bottom"}const g=p-a[f];const b=d-a[m];const v=!e.middlewareData.shift;let y=g;let x=b;if(u){const t=d-a.left-a.right;x=h||v?X(b,t):t}else{const t=p-a.top-a.bottom;y=h||v?X(g,t):t}if(v&&!h){const t=Q(a.left,0);const e=Q(a.right,0);const s=Q(a.top,0);const l=Q(a.bottom,0);if(u){x=d-2*(t!==0||e!==0?t+e:Q(a.left,a.right))}else{y=p-2*(s!==0||l!==0?s+l:Q(a.top,a.bottom))}}await i({...e,availableWidth:x,availableHeight:y});const w=await o.getDimensions(r.floating);if(d!==w.width||p!==w.height){return{reset:{rects:true}}}return{}}}};function Lt(t){if(Nt(t)){return(t.nodeName||"").toLowerCase()}return"#document"}function Ht(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function Vt(t){var e;return(e=(Nt(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function Nt(t){return t instanceof Node||t instanceof Ht(t).Node}function It(t){return t instanceof Element||t instanceof Ht(t).Element}function Ut(t){return t instanceof HTMLElement||t instanceof Ht(t).HTMLElement}function qt(t){if(typeof ShadowRoot==="undefined"){return false}return t instanceof ShadowRoot||t instanceof Ht(t).ShadowRoot}function Wt(t){const{overflow:e,overflowX:s,overflowY:l,display:o}=Qt(t);return/auto|scroll|overlay|hidden|clip/.test(e+l+s)&&!["inline","contents"].includes(o)}function Yt(t){return["table","td","th"].includes(Lt(t))}function Gt(t){const e=Kt();const s=Qt(t);return s.transform!=="none"||s.perspective!=="none"||(s.containerType?s.containerType!=="normal":false)||!e&&(s.backdropFilter?s.backdropFilter!=="none":false)||!e&&(s.filter?s.filter!=="none":false)||["transform","perspective","filter"].some((t=>(s.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(s.contain||"").includes(t)))}function Jt(t){let e=te(t);while(Ut(e)&&!Xt(e)){if(Gt(e)){return e}e=te(e)}return null}function Kt(){if(typeof CSS==="undefined"||!CSS.supports)return false;return CSS.supports("-webkit-backdrop-filter","none")}function Xt(t){return["html","body","#document"].includes(Lt(t))}function Qt(t){return Ht(t).getComputedStyle(t)}function Zt(t){if(It(t)){return{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function te(t){if(Lt(t)==="html"){return t}const e=t.assignedSlot||t.parentNode||qt(t)&&t.host||Vt(t);return qt(e)?e.host:e}function ee(t){const e=te(t);if(Xt(e)){return t.ownerDocument?t.ownerDocument.body:t.body}if(Ut(e)&&Wt(e)){return e}return ee(e)}function se(t,e,s){var l;if(e===void 0){e=[]}if(s===void 0){s=true}const o=ee(t);const r=o===((l=t.ownerDocument)==null?void 0:l.body);const i=Ht(o);if(r){return e.concat(i,i.visualViewport||[],Wt(o)?o:[],i.frameElement&&s?se(i.frameElement):[])}return e.concat(o,se(o,[],s))}function le(t){const e=Qt(t);let s=parseFloat(e.width)||0;let l=parseFloat(e.height)||0;const o=Ut(t);const r=o?t.offsetWidth:s;const i=o?t.offsetHeight:l;const n=Z(s)!==r||Z(l)!==i;if(n){s=r;l=i}return{width:s,height:l,$:n}}function oe(t){return!It(t)?t.contextElement:t}function re(t){const e=oe(t);if(!Ut(e)){return et(1)}const s=e.getBoundingClientRect();const{width:l,height:o,$:r}=le(e);let i=(r?Z(s.width):s.width)/l;let n=(r?Z(s.height):s.height)/o;if(!i||!Number.isFinite(i)){i=1}if(!n||!Number.isFinite(n)){n=1}return{x:i,y:n}}const ie=et(0);function ne(t){const e=Ht(t);if(!Kt()||!e.visualViewport){return ie}return{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function ae(t,e,s){if(e===void 0){e=false}if(!s||e&&s!==Ht(t)){return false}return e}function ce(t,e,s,l){if(e===void 0){e=false}if(s===void 0){s=false}const o=t.getBoundingClientRect();const r=oe(t);let i=et(1);if(e){if(l){if(It(l)){i=re(l)}}else{i=re(t)}}const n=ae(r,s,l)?ne(r):et(0);let a=(o.left+n.x)/i.x;let c=(o.top+n.y)/i.y;let h=o.width/i.x;let u=o.height/i.y;if(r){const t=Ht(r);const e=l&&It(l)?Ht(l):l;let s=t;let o=s.frameElement;while(o&&l&&e!==s){const t=re(o);const e=o.getBoundingClientRect();const l=Qt(o);const r=e.left+(o.clientLeft+parseFloat(l.paddingLeft))*t.x;const i=e.top+(o.clientTop+parseFloat(l.paddingTop))*t.y;a*=t.x;c*=t.y;h*=t.x;u*=t.y;a+=r;c+=i;s=Ht(o);o=s.frameElement}}return xt({width:h,height:u,x:a,y:c})}const he=[":popover-open",":modal"];function ue(t){return he.some((e=>{try{return t.matches(e)}catch(t){return false}}))}function de(t){let{elements:e,rect:s,offsetParent:l,strategy:o}=t;const r=o==="fixed";const i=Vt(l);const n=e?ue(e.floating):false;if(l===i||n&&r){return s}let a={scrollLeft:0,scrollTop:0};let c=et(1);const h=et(0);const u=Ut(l);if(u||!u&&!r){if(Lt(l)!=="body"||Wt(i)){a=Zt(l)}if(Ut(l)){const t=ce(l);c=re(l);h.x=t.x+l.clientLeft;h.y=t.y+l.clientTop}}return{width:s.width*c.x,height:s.height*c.y,x:s.x*c.x-a.scrollLeft*c.x+h.x,y:s.y*c.y-a.scrollTop*c.y+h.y}}function pe(t){return Array.from(t.getClientRects())}function fe(t){return ce(Vt(t)).left+Zt(t).scrollLeft}function me(t){const e=Vt(t);const s=Zt(t);const l=t.ownerDocument.body;const o=Q(e.scrollWidth,e.clientWidth,l.scrollWidth,l.clientWidth);const r=Q(e.scrollHeight,e.clientHeight,l.scrollHeight,l.clientHeight);let i=-s.scrollLeft+fe(t);const n=-s.scrollTop;if(Qt(l).direction==="rtl"){i+=Q(e.clientWidth,l.clientWidth)-o}return{width:o,height:r,x:i,y:n}}function ge(t,e){const s=Ht(t);const l=Vt(t);const o=s.visualViewport;let r=l.clientWidth;let i=l.clientHeight;let n=0;let a=0;if(o){r=o.width;i=o.height;const t=Kt();if(!t||t&&e==="fixed"){n=o.offsetLeft;a=o.offsetTop}}return{width:r,height:i,x:n,y:a}}function be(t,e){const s=ce(t,true,e==="fixed");const l=s.top+t.clientTop;const o=s.left+t.clientLeft;const r=Ut(t)?re(t):et(1);const i=t.clientWidth*r.x;const n=t.clientHeight*r.y;const a=o*r.x;const c=l*r.y;return{width:i,height:n,x:a,y:c}}function ve(t,e,s){let l;if(e==="viewport"){l=ge(t,s)}else if(e==="document"){l=me(Vt(t))}else if(It(e)){l=be(e,s)}else{const s=ne(t);l={...e,x:e.x-s.x,y:e.y-s.y}}return xt(l)}function ye(t,e){const s=te(t);if(s===e||!It(s)||Xt(s)){return false}return Qt(s).position==="fixed"||ye(s,e)}function xe(t,e){const s=e.get(t);if(s){return s}let l=se(t,[],false).filter((t=>It(t)&&Lt(t)!=="body"));let o=null;const r=Qt(t).position==="fixed";let i=r?te(t):t;while(It(i)&&!Xt(i)){const e=Qt(i);const s=Gt(i);if(!s&&e.position==="fixed"){o=null}const n=r?!s&&!o:!s&&e.position==="static"&&!!o&&["absolute","fixed"].includes(o.position)||Wt(i)&&!s&&ye(t,i);if(n){l=l.filter((t=>t!==i))}else{o=e}i=te(i)}e.set(t,l);return l}function we(t){let{element:e,boundary:s,rootBoundary:l,strategy:o}=t;const r=s==="clippingAncestors"?ue(e)?[]:xe(e,this._c):[].concat(s);const i=[...r,l];const n=i[0];const a=i.reduce(((t,s)=>{const l=ve(e,s,o);t.top=Q(l.top,t.top);t.right=X(l.right,t.right);t.bottom=X(l.bottom,t.bottom);t.left=Q(l.left,t.left);return t}),ve(e,n,o));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function _e(t){const{width:e,height:s}=le(t);return{width:e,height:s}}function ke(t,e,s){const l=Ut(e);const o=Vt(e);const r=s==="fixed";const i=ce(t,true,r,e);let n={scrollLeft:0,scrollTop:0};const a=et(0);if(l||!l&&!r){if(Lt(e)!=="body"||Wt(o)){n=Zt(e)}if(l){const t=ce(e,true,r,e);a.x=t.x+e.clientLeft;a.y=t.y+e.clientTop}else if(o){a.x=fe(o)}}const c=i.left+n.scrollLeft-a.x;const h=i.top+n.scrollTop-a.y;return{x:c,y:h,width:i.width,height:i.height}}function ze(t){return Qt(t).position==="static"}function $e(t,e){if(!Ut(t)||Qt(t).position==="fixed"){return null}if(e){return e(t)}return t.offsetParent}function je(t,e){const s=Ht(t);if(ue(t)){return s}if(!Ut(t)){let e=te(t);while(e&&!Xt(e)){if(It(e)&&!ze(e)){return e}e=te(e)}return s}let l=$e(t,e);while(l&&Yt(l)&&ze(l)){l=$e(l,e)}if(l&&Xt(l)&&ze(l)&&!Gt(l)){return s}return l||Jt(t)||s}const Se=async function(t){const e=this.getOffsetParent||je;const s=this.getDimensions;const l=await s(t.floating);return{reference:ke(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:l.width,height:l.height}}};function Ae(t){return Qt(t).direction==="rtl"}const Ce={convertOffsetParentRelativeRectToViewportRelativeRect:de,getDocumentElement:Vt,getClippingRect:we,getOffsetParent:je,getElementRects:Se,getClientRects:pe,getDimensions:_e,getScale:re,isElement:It,isRTL:Ae};function Oe(t,e){let s=null;let l;const o=Vt(t);function r(){var t;clearTimeout(l);(t=s)==null||t.disconnect();s=null}function i(n,a){if(n===void 0){n=false}if(a===void 0){a=1}r();const{left:c,top:h,width:u,height:d}=t.getBoundingClientRect();if(!n){e()}if(!u||!d){return}const p=tt(h);const f=tt(o.clientWidth-(c+u));const m=tt(o.clientHeight-(h+d));const g=tt(c);const b=-p+"px "+-f+"px "+-m+"px "+-g+"px";const v={rootMargin:b,threshold:Q(0,X(1,a))||1};let y=true;function x(t){const e=t[0].intersectionRatio;if(e!==a){if(!y){return i()}if(!e){l=setTimeout((()=>{i(false,1e-7)}),1e3)}else{i(false,e)}}y=false}try{s=new IntersectionObserver(x,{...v,root:o.ownerDocument})}catch(t){s=new IntersectionObserver(x,v)}s.observe(t)}i(true);return r}function Be(t,e,s,l){if(l===void 0){l={}}const{ancestorScroll:o=true,ancestorResize:r=true,elementResize:i=typeof ResizeObserver==="function",layoutShift:n=typeof IntersectionObserver==="function",animationFrame:a=false}=l;const c=oe(t);const h=o||r?[...c?se(c):[],...se(e)]:[];h.forEach((t=>{o&&t.addEventListener("scroll",s,{passive:true});r&&t.addEventListener("resize",s)}));const u=c&&n?Oe(c,s):null;let d=-1;let p=null;if(i){p=new ResizeObserver((t=>{let[l]=t;if(l&&l.target===c&&p){p.unobserve(e);cancelAnimationFrame(d);d=requestAnimationFrame((()=>{var t;(t=p)==null||t.observe(e)}))}s()}));if(c&&!a){p.observe(c)}p.observe(e)}let f;let m=a?ce(t):null;if(a){g()}function g(){const e=ce(t);if(m&&(e.x!==m.x||e.y!==m.y||e.width!==m.width||e.height!==m.height)){s()}m=e;f=requestAnimationFrame(g)}s();return()=>{var t;h.forEach((t=>{o&&t.removeEventListener("scroll",s);r&&t.removeEventListener("resize",s)}));u==null||u();(t=p)==null||t.disconnect();p=null;if(a){cancelAnimationFrame(f)}}}const Fe=Mt;jt;const Ee=Pt;const De=St;const Me=Tt;Ot;const Pe=zt;Et;Rt;const Re=(t,e,s)=>{const l=new Map;const o={platform:Ce,...s};const r={...o.platform,_c:l};return _t(t,e,{...o,platform:r})};function Te(t){return He(t)}function Le(t){if(t.assignedSlot){return t.assignedSlot}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentNode}function He(t){for(let e=t;e;e=Le(e)){if(!(e instanceof Element)){continue}if(getComputedStyle(e).display==="none"){return null}}for(let e=Le(t);e;e=Le(e)){if(!(e instanceof Element)){continue}const t=getComputedStyle(e);if(t.display==="contents"){continue}if(t.position!=="static"||t.filter!=="none"){return e}if(e.tagName==="BODY"){return e}}return null}function Ve(t){return t!==null&&typeof t==="object"&&"getBoundingClientRect"in t&&("contextElement"in t?t instanceof Element:true)}var Ne=class extends c{constructor(){super(...arguments);this.active=false;this.placement="top";this.strategy="absolute";this.distance=0;this.skidding=0;this.arrow=false;this.arrowPlacement="anchor";this.arrowPadding=10;this.flip=false;this.flipFallbackPlacements="";this.flipFallbackStrategy="best-fit";this.flipPadding=0;this.shift=false;this.shiftPadding=0;this.autoSizePadding=0;this.hoverBridge=false;this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){const t=this.anchorEl.getBoundingClientRect();const e=this.popup.getBoundingClientRect();const s=this.placement.includes("top")||this.placement.includes("bottom");let l=0;let o=0;let r=0;let i=0;let n=0;let a=0;let c=0;let h=0;if(s){if(t.top<e.top){l=t.left;o=t.bottom;r=t.right;i=t.bottom;n=e.left;a=e.top;c=e.right;h=e.top}else{l=e.left;o=e.bottom;r=e.right;i=e.bottom;n=t.left;a=t.top;c=t.right;h=t.top}}else{if(t.left<e.left){l=t.right;o=t.top;r=e.left;i=e.top;n=t.right;a=t.bottom;c=e.left;h=e.bottom}else{l=e.right;o=e.top;r=t.left;i=t.top;n=e.right;a=e.bottom;c=t.left;h=t.bottom}}this.style.setProperty("--hover-bridge-top-left-x",`${l}px`);this.style.setProperty("--hover-bridge-top-left-y",`${o}px`);this.style.setProperty("--hover-bridge-top-right-x",`${r}px`);this.style.setProperty("--hover-bridge-top-right-y",`${i}px`);this.style.setProperty("--hover-bridge-bottom-left-x",`${n}px`);this.style.setProperty("--hover-bridge-bottom-left-y",`${a}px`);this.style.setProperty("--hover-bridge-bottom-right-x",`${c}px`);this.style.setProperty("--hover-bridge-bottom-right-y",`${h}px`)}}}async connectedCallback(){super.connectedCallback();await this.updateComplete;this.start()}disconnectedCallback(){super.disconnectedCallback();this.stop()}async updated(t){super.updated(t);if(t.has("active")){if(this.active){this.start()}else{this.stop()}}if(t.has("anchor")){this.handleAnchorChange()}if(this.active){await this.updateComplete;this.reposition()}}async handleAnchorChange(){await this.stop();if(this.anchor&&typeof this.anchor==="string"){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else if(this.anchor instanceof Element||Ve(this.anchor)){this.anchorEl=this.anchor}else{this.anchorEl=this.querySelector('[slot="anchor"]')}if(this.anchorEl instanceof HTMLSlotElement){this.anchorEl=this.anchorEl.assignedElements({flatten:true})[0]}if(this.anchorEl){this.start()}}start(){if(!this.anchorEl){return}this.cleanup=Be(this.anchorEl,this.popup,(()=>{this.reposition()}))}async stop(){return new Promise((t=>{if(this.cleanup){this.cleanup();this.cleanup=void 0;this.removeAttribute("data-current-placement");this.style.removeProperty("--auto-size-available-width");this.style.removeProperty("--auto-size-available-height");requestAnimationFrame((()=>t()))}else{t()}}))}reposition(){if(!this.active||!this.anchorEl){return}const t=[Fe({mainAxis:this.distance,crossAxis:this.skidding})];if(this.sync){t.push(Me({apply:({rects:t})=>{const e=this.sync==="width"||this.sync==="both";const s=this.sync==="height"||this.sync==="both";this.popup.style.width=e?`${t.reference.width}px`:"";this.popup.style.height=s?`${t.reference.height}px`:""}}))}else{this.popup.style.width="";this.popup.style.height=""}if(this.flip){t.push(De({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:this.flipFallbackStrategy==="best-fit"?"bestFit":"initialPlacement",padding:this.flipPadding}))}if(this.shift){t.push(Ee({boundary:this.shiftBoundary,padding:this.shiftPadding}))}if(this.autoSize){t.push(Me({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{if(this.autoSize==="vertical"||this.autoSize==="both"){this.style.setProperty("--auto-size-available-height",`${e}px`)}else{this.style.removeProperty("--auto-size-available-height")}if(this.autoSize==="horizontal"||this.autoSize==="both"){this.style.setProperty("--auto-size-available-width",`${t}px`)}else{this.style.removeProperty("--auto-size-available-width")}}}))}else{this.style.removeProperty("--auto-size-available-width");this.style.removeProperty("--auto-size-available-height")}if(this.arrow){t.push(Pe({element:this.arrowEl,padding:this.arrowPadding}))}const e=this.strategy==="absolute"?t=>Ce.getOffsetParent(t,Te):Ce.getOffsetParent;Re(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:d(p({},Ce),{getOffsetParent:e})}).then((({x:t,y:e,middlewareData:s,placement:l})=>{const o=getComputedStyle(this).direction==="rtl";const r={top:"bottom",right:"left",bottom:"top",left:"right"}[l.split("-")[0]];this.setAttribute("data-current-placement",l);Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`});if(this.arrow){const t=s.arrow.x;const e=s.arrow.y;let l="";let i="";let n="";let a="";if(this.arrowPlacement==="start"){const s=typeof t==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";l=typeof e==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i=o?s:"";a=o?"":s}else if(this.arrowPlacement==="end"){const s=typeof t==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i=o?"":s;a=o?s:"";n=typeof e==="number"?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else if(this.arrowPlacement==="center"){a=typeof t==="number"?`calc(50% - var(--arrow-size-diagonal))`:"";l=typeof e==="number"?`calc(50% - var(--arrow-size-diagonal))`:""}else{a=typeof t==="number"?`${t}px`:"";l=typeof e==="number"?`${e}px`:""}Object.assign(this.arrowEl.style,{top:l,right:i,bottom:n,left:a,[r]:"calc(var(--arrow-size-diagonal) * -1)"})}}));requestAnimationFrame((()=>this.updateHoverBridge()));this.emit("sl-reposition")}render(){return i`
|
|
595
|
+
<slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
|
|
596
|
+
|
|
597
|
+
<span
|
|
598
|
+
part="hover-bridge"
|
|
599
|
+
class=${v({"popup-hover-bridge":true,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}
|
|
600
|
+
></span>
|
|
601
|
+
|
|
602
|
+
<div
|
|
603
|
+
part="popup"
|
|
604
|
+
class=${v({popup:true,"popup--active":this.active,"popup--fixed":this.strategy==="fixed","popup--has-arrow":this.arrow})}
|
|
605
|
+
>
|
|
606
|
+
<slot></slot>
|
|
607
|
+
${this.arrow?i`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}
|
|
608
|
+
</div>
|
|
609
|
+
`}};Ne.styles=[n,Y];a([y(".popup")],Ne.prototype,"popup",2);a([y(".popup__arrow")],Ne.prototype,"arrowEl",2);a([u()],Ne.prototype,"anchor",2);a([u({type:Boolean,reflect:true})],Ne.prototype,"active",2);a([u({reflect:true})],Ne.prototype,"placement",2);a([u({reflect:true})],Ne.prototype,"strategy",2);a([u({type:Number})],Ne.prototype,"distance",2);a([u({type:Number})],Ne.prototype,"skidding",2);a([u({type:Boolean})],Ne.prototype,"arrow",2);a([u({attribute:"arrow-placement"})],Ne.prototype,"arrowPlacement",2);a([u({attribute:"arrow-padding",type:Number})],Ne.prototype,"arrowPadding",2);a([u({type:Boolean})],Ne.prototype,"flip",2);a([u({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>t!=="")),toAttribute:t=>t.join(" ")}})],Ne.prototype,"flipFallbackPlacements",2);a([u({attribute:"flip-fallback-strategy"})],Ne.prototype,"flipFallbackStrategy",2);a([u({type:Object})],Ne.prototype,"flipBoundary",2);a([u({attribute:"flip-padding",type:Number})],Ne.prototype,"flipPadding",2);a([u({type:Boolean})],Ne.prototype,"shift",2);a([u({type:Object})],Ne.prototype,"shiftBoundary",2);a([u({attribute:"shift-padding",type:Number})],Ne.prototype,"shiftPadding",2);a([u({attribute:"auto-size"})],Ne.prototype,"autoSize",2);a([u()],Ne.prototype,"sync",2);a([u({type:Object})],Ne.prototype,"autoSizeBoundary",2);a([u({attribute:"auto-size-padding",type:Number})],Ne.prototype,"autoSizePadding",2);a([u({attribute:"hover-bridge",type:Boolean})],Ne.prototype,"hoverBridge",2);
|
|
610
|
+
/**
|
|
611
|
+
* @license
|
|
612
|
+
* Copyright 2017 Google LLC
|
|
613
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
614
|
+
*/class Ie extends x{constructor(t){if(super(t),this.it=f,t.type!==w.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===f||null==t)return this._t=void 0,this.it=t;if(t===m)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Ie.directiveName="unsafeHTML",Ie.resultType=1;const Ue=_(Ie);var qe=class extends c{constructor(){super(...arguments);this.formControlController=new $(this,{assumeInteractionOn:["sl-blur","sl-input"]});this.hasSlotController=new j(this,"help-text","label");this.localize=new A(this);this.typeToSelectString="";this.hasFocus=false;this.displayLabel="";this.selectedOptions=[];this.name="";this.value="";this.defaultValue="";this.size="medium";this.placeholder="";this.multiple=false;this.maxOptionsVisible=3;this.disabled=false;this.clearable=false;this.open=false;this.hoist=false;this.filled=false;this.pill=false;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=false;this.getTag=t=>i`
|
|
615
|
+
<sl-tag
|
|
616
|
+
part="tag"
|
|
617
|
+
exportparts="
|
|
618
|
+
base:tag__base,
|
|
619
|
+
content:tag__content,
|
|
620
|
+
remove-button:tag__remove-button,
|
|
621
|
+
remove-button__base:tag__remove-button__base
|
|
622
|
+
"
|
|
623
|
+
?pill=${this.pill}
|
|
624
|
+
size=${this.size}
|
|
625
|
+
removable
|
|
626
|
+
@sl-remove=${e=>this.handleTagRemove(e,t)}
|
|
627
|
+
>
|
|
628
|
+
${t.getTextLabel()}
|
|
629
|
+
</sl-tag>
|
|
630
|
+
`;this.handleDocumentFocusIn=t=>{const e=t.composedPath();if(this&&!e.includes(this)){this.hide()}};this.handleDocumentKeyDown=t=>{const e=t.target;const s=e.closest(".select__clear")!==null;const l=e.closest("sl-icon-button")!==null;if(s||l){return}if(t.key==="Escape"&&this.open&&!this.closeWatcher){t.preventDefault();t.stopPropagation();this.hide();this.displayInput.focus({preventScroll:true})}if(t.key==="Enter"||t.key===" "&&this.typeToSelectString===""){t.preventDefault();t.stopImmediatePropagation();if(!this.open){this.show();return}if(this.currentOption&&!this.currentOption.disabled){if(this.multiple){this.toggleOptionSelection(this.currentOption)}else{this.setSelectedOptions(this.currentOption)}this.updateComplete.then((()=>{this.emit("sl-input");this.emit("sl-change")}));if(!this.multiple){this.hide();this.displayInput.focus({preventScroll:true})}}return}if(["ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=this.getAllOptions();const s=e.indexOf(this.currentOption);let l=Math.max(0,s);t.preventDefault();if(!this.open){this.show();if(this.currentOption){return}}if(t.key==="ArrowDown"){l=s+1;if(l>e.length-1)l=0}else if(t.key==="ArrowUp"){l=s-1;if(l<0)l=e.length-1}else if(t.key==="Home"){l=0}else if(t.key==="End"){l=e.length-1}this.setCurrentOption(e[l])}if(t.key.length===1||t.key==="Backspace"){const e=this.getAllOptions();if(t.metaKey||t.ctrlKey||t.altKey){return}if(!this.open){if(t.key==="Backspace"){return}this.show()}t.stopPropagation();t.preventDefault();clearTimeout(this.typeToSelectTimeout);this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3);if(t.key==="Backspace"){this.typeToSelectString=this.typeToSelectString.slice(0,-1)}else{this.typeToSelectString+=t.key.toLowerCase()}for(const t of e){const e=t.getTextLabel().toLowerCase();if(e.startsWith(this.typeToSelectString)){this.setCurrentOption(t);break}}}};this.handleDocumentMouseDown=t=>{const e=t.composedPath();if(this&&!e.includes(this)){this.hide()}}}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}connectedCallback(){super.connectedCallback();this.open=false}addOpenListeners(){var t;document.addEventListener("focusin",this.handleDocumentFocusIn);document.addEventListener("keydown",this.handleDocumentKeyDown);document.addEventListener("mousedown",this.handleDocumentMouseDown);if(this.getRootNode()!==document){this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn)}if("CloseWatcher"in window){(t=this.closeWatcher)==null?void 0:t.destroy();this.closeWatcher=new CloseWatcher;this.closeWatcher.onclose=()=>{if(this.open){this.hide();this.displayInput.focus({preventScroll:true})}}}}removeOpenListeners(){var t;document.removeEventListener("focusin",this.handleDocumentFocusIn);document.removeEventListener("keydown",this.handleDocumentKeyDown);document.removeEventListener("mousedown",this.handleDocumentMouseDown);if(this.getRootNode()!==document){this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn)}(t=this.closeWatcher)==null?void 0:t.destroy()}handleFocus(){this.hasFocus=true;this.displayInput.setSelectionRange(0,0);this.emit("sl-focus")}handleBlur(){this.hasFocus=false;this.emit("sl-blur")}handleLabelClick(){this.displayInput.focus()}handleComboboxMouseDown(t){const e=t.composedPath();const s=e.some((t=>t instanceof Element&&t.tagName.toLowerCase()==="sl-icon-button"));if(this.disabled||s){return}t.preventDefault();this.displayInput.focus({preventScroll:true});this.open=!this.open}handleComboboxKeyDown(t){if(t.key==="Tab"){return}t.stopPropagation();this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation();if(this.value!==""){this.setSelectedOptions([]);this.displayInput.focus({preventScroll:true});this.updateComplete.then((()=>{this.emit("sl-clear");this.emit("sl-input");this.emit("sl-change")}))}}handleClearMouseDown(t){t.stopPropagation();t.preventDefault()}handleOptionClick(t){const e=t.target;const s=e.closest("sl-option");const l=this.value;if(s&&!s.disabled){if(this.multiple){this.toggleOptionSelection(s)}else{this.setSelectedOptions(s)}this.updateComplete.then((()=>this.displayInput.focus({preventScroll:true})));if(this.value!==l){this.updateComplete.then((()=>{this.emit("sl-input");this.emit("sl-change")}))}if(!this.multiple){this.hide();this.displayInput.focus({preventScroll:true})}}}handleDefaultSlotChange(){const t=this.getAllOptions();const e=Array.isArray(this.value)?this.value:[this.value];const s=[];if(customElements.get("sl-option")){t.forEach((t=>s.push(t.value)));this.setSelectedOptions(t.filter((t=>e.includes(t.value))))}else{customElements.whenDefined("sl-option").then((()=>this.handleDefaultSlotChange()))}}handleTagRemove(t,e){t.stopPropagation();if(!this.disabled){this.toggleOptionSelection(e,false);this.updateComplete.then((()=>{this.emit("sl-input");this.emit("sl-change")}))}}getAllOptions(){return[...this.querySelectorAll("sl-option")]}getFirstOption(){return this.querySelector("sl-option")}setCurrentOption(t){const e=this.getAllOptions();e.forEach((t=>{t.current=false;t.tabIndex=-1}));if(t){this.currentOption=t;t.current=true;t.tabIndex=0;t.focus()}}setSelectedOptions(t){const e=this.getAllOptions();const s=Array.isArray(t)?t:[t];e.forEach((t=>t.selected=false));if(s.length){s.forEach((t=>t.selected=true))}this.selectionChanged()}toggleOptionSelection(t,e){if(e===true||e===false){t.selected=e}else{t.selected=!t.selected}this.selectionChanged()}selectionChanged(){var t,e,s,l;this.selectedOptions=this.getAllOptions().filter((t=>t.selected));if(this.multiple){this.value=this.selectedOptions.map((t=>t.value));if(this.placeholder&&this.value.length===0){this.displayLabel=""}else{this.displayLabel=this.localize.term("numOptionsSelected",this.selectedOptions.length)}}else{this.value=(e=(t=this.selectedOptions[0])==null?void 0:t.value)!=null?e:"";this.displayLabel=(l=(s=this.selectedOptions[0])==null?void 0:s.getTextLabel())!=null?l:""}this.updateComplete.then((()=>{this.formControlController.updateValidity()}))}get tags(){return this.selectedOptions.map(((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){const s=this.getTag(t,e);return i`<div @sl-remove=${e=>this.handleTagRemove(e,t)}>
|
|
631
|
+
${typeof s==="string"?Ue(s):s}
|
|
632
|
+
</div>`}else if(e===this.maxOptionsVisible){return i`<sl-tag size=${this.size}>+${this.selectedOptions.length-e}</sl-tag>`}return i``}))}handleInvalid(t){this.formControlController.setValidity(false);this.formControlController.emitInvalidEvent(t)}handleDisabledChange(){if(this.disabled){this.open=false;this.handleOpenChange()}}handleValueChange(){const t=this.getAllOptions();const e=Array.isArray(this.value)?this.value:[this.value];this.setSelectedOptions(t.filter((t=>e.includes(t.value))))}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption());this.emit("sl-show");this.addOpenListeners();await O(this);this.listbox.hidden=false;this.popup.active=true;requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:t,options:e}=B(this,"select.show",{dir:this.localize.dir()});await F(this.popup.popup,t,e);if(this.currentOption){W(this.currentOption,this.listbox,"vertical","auto")}this.emit("sl-after-show")}else{this.emit("sl-hide");this.removeOpenListeners();await O(this);const{keyframes:t,options:e}=B(this,"select.hide",{dir:this.localize.dir()});await F(this.popup.popup,t,e);this.listbox.hidden=true;this.popup.active=false;this.emit("sl-after-hide")}}async show(){if(this.open||this.disabled){this.open=false;return void 0}this.open=true;return E(this,"sl-after-show")}async hide(){if(!this.open||this.disabled){this.open=false;return void 0}this.open=false;return E(this,"sl-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t);this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}render(){const t=this.hasSlotController.test("label");const e=this.hasSlotController.test("help-text");const s=this.label?true:!!t;const l=this.helpText?true:!!e;const o=this.clearable&&!this.disabled&&this.value.length>0;const r=this.placeholder&&this.value.length===0;return i`
|
|
633
|
+
<div
|
|
634
|
+
part="form-control"
|
|
635
|
+
class=${v({"form-control":true,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-label":s,"form-control--has-help-text":l})}
|
|
636
|
+
>
|
|
637
|
+
<label
|
|
638
|
+
id="label"
|
|
639
|
+
part="form-control-label"
|
|
640
|
+
class="form-control__label"
|
|
641
|
+
aria-hidden=${s?"false":"true"}
|
|
642
|
+
@click=${this.handleLabelClick}
|
|
643
|
+
>
|
|
644
|
+
<slot name="label">${this.label}</slot>
|
|
645
|
+
</label>
|
|
646
|
+
|
|
647
|
+
<div part="form-control-input" class="form-control-input">
|
|
648
|
+
<sl-popup
|
|
649
|
+
class=${v({select:true,"select--standard":true,"select--filled":this.filled,"select--pill":this.pill,"select--open":this.open,"select--disabled":this.disabled,"select--multiple":this.multiple,"select--focused":this.hasFocus,"select--placeholder-visible":r,"select--top":this.placement==="top","select--bottom":this.placement==="bottom","select--small":this.size==="small","select--medium":this.size==="medium","select--large":this.size==="large"})}
|
|
650
|
+
placement=${this.placement}
|
|
651
|
+
strategy=${this.hoist?"fixed":"absolute"}
|
|
652
|
+
flip
|
|
653
|
+
shift
|
|
654
|
+
sync="width"
|
|
655
|
+
auto-size="vertical"
|
|
656
|
+
auto-size-padding="10"
|
|
657
|
+
>
|
|
658
|
+
<div
|
|
659
|
+
part="combobox"
|
|
660
|
+
class="select__combobox"
|
|
661
|
+
slot="anchor"
|
|
662
|
+
@keydown=${this.handleComboboxKeyDown}
|
|
663
|
+
@mousedown=${this.handleComboboxMouseDown}
|
|
664
|
+
>
|
|
665
|
+
<slot part="prefix" name="prefix" class="select__prefix"></slot>
|
|
666
|
+
|
|
667
|
+
<input
|
|
668
|
+
part="display-input"
|
|
669
|
+
class="select__display-input"
|
|
670
|
+
type="text"
|
|
671
|
+
placeholder=${this.placeholder}
|
|
672
|
+
.disabled=${this.disabled}
|
|
673
|
+
.value=${this.displayLabel}
|
|
674
|
+
autocomplete="off"
|
|
675
|
+
spellcheck="false"
|
|
676
|
+
autocapitalize="off"
|
|
677
|
+
readonly
|
|
678
|
+
aria-controls="listbox"
|
|
679
|
+
aria-expanded=${this.open?"true":"false"}
|
|
680
|
+
aria-haspopup="listbox"
|
|
681
|
+
aria-labelledby="label"
|
|
682
|
+
aria-disabled=${this.disabled?"true":"false"}
|
|
683
|
+
aria-describedby="help-text"
|
|
684
|
+
role="combobox"
|
|
685
|
+
tabindex="0"
|
|
686
|
+
@focus=${this.handleFocus}
|
|
687
|
+
@blur=${this.handleBlur}
|
|
688
|
+
/>
|
|
689
|
+
|
|
690
|
+
${this.multiple?i`<div part="tags" class="select__tags">${this.tags}</div>`:""}
|
|
691
|
+
|
|
692
|
+
<input
|
|
693
|
+
class="select__value-input"
|
|
694
|
+
type="text"
|
|
695
|
+
?disabled=${this.disabled}
|
|
696
|
+
?required=${this.required}
|
|
697
|
+
.value=${Array.isArray(this.value)?this.value.join(", "):this.value}
|
|
698
|
+
tabindex="-1"
|
|
699
|
+
aria-hidden="true"
|
|
700
|
+
@focus=${()=>this.focus()}
|
|
701
|
+
@invalid=${this.handleInvalid}
|
|
702
|
+
/>
|
|
703
|
+
|
|
704
|
+
${o?i`
|
|
705
|
+
<button
|
|
706
|
+
part="clear-button"
|
|
707
|
+
class="select__clear"
|
|
708
|
+
type="button"
|
|
709
|
+
aria-label=${this.localize.term("clearEntry")}
|
|
710
|
+
@mousedown=${this.handleClearMouseDown}
|
|
711
|
+
@click=${this.handleClearClick}
|
|
712
|
+
tabindex="-1"
|
|
713
|
+
>
|
|
714
|
+
<slot name="clear-icon">
|
|
715
|
+
<sl-icon name="x-circle-fill" library="system"></sl-icon>
|
|
716
|
+
</slot>
|
|
717
|
+
</button>
|
|
718
|
+
`:""}
|
|
719
|
+
|
|
720
|
+
<slot name="expand-icon" part="expand-icon" class="select__expand-icon">
|
|
721
|
+
<sl-icon library="system" name="chevron-down"></sl-icon>
|
|
722
|
+
</slot>
|
|
723
|
+
</div>
|
|
724
|
+
|
|
725
|
+
<div
|
|
726
|
+
id="listbox"
|
|
727
|
+
role="listbox"
|
|
728
|
+
aria-expanded=${this.open?"true":"false"}
|
|
729
|
+
aria-multiselectable=${this.multiple?"true":"false"}
|
|
730
|
+
aria-labelledby="label"
|
|
731
|
+
part="listbox"
|
|
732
|
+
class="select__listbox"
|
|
733
|
+
tabindex="-1"
|
|
734
|
+
@mouseup=${this.handleOptionClick}
|
|
735
|
+
@slotchange=${this.handleDefaultSlotChange}
|
|
736
|
+
>
|
|
737
|
+
<slot></slot>
|
|
738
|
+
</div>
|
|
739
|
+
</sl-popup>
|
|
740
|
+
</div>
|
|
741
|
+
|
|
742
|
+
<div
|
|
743
|
+
part="form-control-help-text"
|
|
744
|
+
id="help-text"
|
|
745
|
+
class="form-control__help-text"
|
|
746
|
+
aria-hidden=${l?"false":"true"}
|
|
747
|
+
>
|
|
748
|
+
<slot name="help-text">${this.helpText}</slot>
|
|
749
|
+
</div>
|
|
750
|
+
</div>
|
|
751
|
+
`}};qe.styles=[n,z,U];qe.dependencies={"sl-icon":b,"sl-popup":Ne,"sl-tag":I};a([y(".select")],qe.prototype,"popup",2);a([y(".select__combobox")],qe.prototype,"combobox",2);a([y(".select__display-input")],qe.prototype,"displayInput",2);a([y(".select__value-input")],qe.prototype,"valueInput",2);a([y(".select__listbox")],qe.prototype,"listbox",2);a([h()],qe.prototype,"hasFocus",2);a([h()],qe.prototype,"displayLabel",2);a([h()],qe.prototype,"currentOption",2);a([h()],qe.prototype,"selectedOptions",2);a([u()],qe.prototype,"name",2);a([u({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],qe.prototype,"value",2);a([S()],qe.prototype,"defaultValue",2);a([u({reflect:true})],qe.prototype,"size",2);a([u()],qe.prototype,"placeholder",2);a([u({type:Boolean,reflect:true})],qe.prototype,"multiple",2);a([u({attribute:"max-options-visible",type:Number})],qe.prototype,"maxOptionsVisible",2);a([u({type:Boolean,reflect:true})],qe.prototype,"disabled",2);a([u({type:Boolean})],qe.prototype,"clearable",2);a([u({type:Boolean,reflect:true})],qe.prototype,"open",2);a([u({type:Boolean})],qe.prototype,"hoist",2);a([u({type:Boolean,reflect:true})],qe.prototype,"filled",2);a([u({type:Boolean,reflect:true})],qe.prototype,"pill",2);a([u()],qe.prototype,"label",2);a([u({reflect:true})],qe.prototype,"placement",2);a([u({attribute:"help-text"})],qe.prototype,"helpText",2);a([u({reflect:true})],qe.prototype,"form",2);a([u({type:Boolean,reflect:true})],qe.prototype,"required",2);a([u()],qe.prototype,"getTag",2);a([g("disabled",{waitUntilFirstUpdate:true})],qe.prototype,"handleDisabledChange",1);a([g("value",{waitUntilFirstUpdate:true})],qe.prototype,"handleValueChange",1);a([g("open",{waitUntilFirstUpdate:true})],qe.prototype,"handleOpenChange",1);C("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});C("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});qe.define("sl-select");var We=r`
|
|
752
|
+
:host {
|
|
753
|
+
display: block;
|
|
754
|
+
user-select: none;
|
|
755
|
+
-webkit-user-select: none;
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
:host(:focus) {
|
|
759
|
+
outline: none;
|
|
760
|
+
}
|
|
761
|
+
|
|
762
|
+
.option {
|
|
763
|
+
position: relative;
|
|
764
|
+
display: flex;
|
|
765
|
+
align-items: center;
|
|
766
|
+
font-family: var(--sl-font-sans);
|
|
767
|
+
font-size: var(--sl-font-size-medium);
|
|
768
|
+
font-weight: var(--sl-font-weight-normal);
|
|
769
|
+
line-height: var(--sl-line-height-normal);
|
|
770
|
+
letter-spacing: var(--sl-letter-spacing-normal);
|
|
771
|
+
color: var(--sl-color-neutral-700);
|
|
772
|
+
padding: var(--sl-spacing-x-small) var(--sl-spacing-medium) var(--sl-spacing-x-small) var(--sl-spacing-x-small);
|
|
773
|
+
transition: var(--sl-transition-fast) fill;
|
|
774
|
+
cursor: pointer;
|
|
775
|
+
}
|
|
776
|
+
|
|
777
|
+
.option--hover:not(.option--current):not(.option--disabled) {
|
|
778
|
+
background-color: var(--sl-color-neutral-100);
|
|
779
|
+
color: var(--sl-color-neutral-1000);
|
|
780
|
+
}
|
|
781
|
+
|
|
782
|
+
.option--current,
|
|
783
|
+
.option--current.option--disabled {
|
|
784
|
+
background-color: var(--sl-color-primary-600);
|
|
785
|
+
color: var(--sl-color-neutral-0);
|
|
786
|
+
opacity: 1;
|
|
787
|
+
}
|
|
788
|
+
|
|
789
|
+
.option--disabled {
|
|
790
|
+
outline: none;
|
|
791
|
+
opacity: 0.5;
|
|
792
|
+
cursor: not-allowed;
|
|
793
|
+
}
|
|
794
|
+
|
|
795
|
+
.option__label {
|
|
796
|
+
flex: 1 1 auto;
|
|
797
|
+
display: inline-block;
|
|
798
|
+
line-height: var(--sl-line-height-dense);
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
.option .option__check {
|
|
802
|
+
flex: 0 0 auto;
|
|
803
|
+
display: flex;
|
|
804
|
+
align-items: center;
|
|
805
|
+
justify-content: center;
|
|
806
|
+
visibility: hidden;
|
|
807
|
+
padding-inline-end: var(--sl-spacing-2x-small);
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
.option--selected .option__check {
|
|
811
|
+
visibility: visible;
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
.option__prefix,
|
|
815
|
+
.option__suffix {
|
|
816
|
+
flex: 0 0 auto;
|
|
817
|
+
display: flex;
|
|
818
|
+
align-items: center;
|
|
819
|
+
}
|
|
820
|
+
|
|
821
|
+
.option__prefix::slotted(*) {
|
|
822
|
+
margin-inline-end: var(--sl-spacing-x-small);
|
|
823
|
+
}
|
|
824
|
+
|
|
825
|
+
.option__suffix::slotted(*) {
|
|
826
|
+
margin-inline-start: var(--sl-spacing-x-small);
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
@media (forced-colors: active) {
|
|
830
|
+
:host(:hover:not([aria-disabled='true'])) .option {
|
|
831
|
+
outline: dashed 1px SelectedItem;
|
|
832
|
+
outline-offset: -1px;
|
|
833
|
+
}
|
|
834
|
+
}
|
|
835
|
+
`;var Ye=class extends c{constructor(){super(...arguments);this.localize=new A(this);this.current=false;this.selected=false;this.hasHover=false;this.value="";this.disabled=false}connectedCallback(){super.connectedCallback();this.setAttribute("role","option");this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){const t=this.getTextLabel();if(typeof this.cachedTextLabel==="undefined"){this.cachedTextLabel=t;return}if(t!==this.cachedTextLabel){this.cachedTextLabel=t;this.emit("slotchange",{bubbles:true,composed:false,cancelable:false})}}handleMouseEnter(){this.hasHover=true}handleMouseLeave(){this.hasHover=false}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){if(typeof this.value!=="string"){this.value=String(this.value)}if(this.value.includes(" ")){console.error(`Option values cannot include a space. All spaces have been replaced with underscores.`,this);this.value=this.value.replace(/ /g,"_")}}getTextLabel(){const t=this.childNodes;let e="";[...t].forEach((t=>{if(t.nodeType===Node.ELEMENT_NODE){if(!t.hasAttribute("slot")){e+=t.textContent}}if(t.nodeType===Node.TEXT_NODE){e+=t.textContent}}));return e.trim()}render(){return i`
|
|
836
|
+
<div
|
|
837
|
+
part="base"
|
|
838
|
+
class=${v({option:true,"option--current":this.current,"option--disabled":this.disabled,"option--selected":this.selected,"option--hover":this.hasHover})}
|
|
839
|
+
@mouseenter=${this.handleMouseEnter}
|
|
840
|
+
@mouseleave=${this.handleMouseLeave}
|
|
841
|
+
>
|
|
842
|
+
<sl-icon part="checked-icon" class="option__check" name="check" library="system" aria-hidden="true"></sl-icon>
|
|
843
|
+
<slot part="prefix" name="prefix" class="option__prefix"></slot>
|
|
844
|
+
<slot part="label" class="option__label" @slotchange=${this.handleDefaultSlotChange}></slot>
|
|
845
|
+
<slot part="suffix" name="suffix" class="option__suffix"></slot>
|
|
846
|
+
</div>
|
|
847
|
+
`}};Ye.styles=[n,We];Ye.dependencies={"sl-icon":b};a([y(".option__label")],Ye.prototype,"defaultSlot",2);a([h()],Ye.prototype,"current",2);a([h()],Ye.prototype,"selected",2);a([h()],Ye.prototype,"hasHover",2);a([u({reflect:true})],Ye.prototype,"value",2);a([u({type:Boolean,reflect:true})],Ye.prototype,"disabled",2);a([g("disabled")],Ye.prototype,"handleDisabledChange",1);a([g("selected")],Ye.prototype,"handleSelectedChange",1);a([g("value")],Ye.prototype,"handleValueChange",1);Ye.define("sl-option");const Ge=':root,:host,.sl-theme-light{color-scheme:light;--sl-color-gray-50:hsl(0 0% 97.5%);--sl-color-gray-100:hsl(240 4.8% 95.9%);--sl-color-gray-200:hsl(240 5.9% 90%);--sl-color-gray-300:hsl(240 4.9% 83.9%);--sl-color-gray-400:hsl(240 5% 64.9%);--sl-color-gray-500:hsl(240 3.8% 46.1%);--sl-color-gray-600:hsl(240 5.2% 33.9%);--sl-color-gray-700:hsl(240 5.3% 26.1%);--sl-color-gray-800:hsl(240 3.7% 15.9%);--sl-color-gray-900:hsl(240 5.9% 10%);--sl-color-gray-950:hsl(240 7.3% 8%);--sl-color-red-50:hsl(0 85.7% 97.3%);--sl-color-red-100:hsl(0 93.3% 94.1%);--sl-color-red-200:hsl(0 96.3% 89.4%);--sl-color-red-300:hsl(0 93.5% 81.8%);--sl-color-red-400:hsl(0 90.6% 70.8%);--sl-color-red-500:hsl(0 84.2% 60.2%);--sl-color-red-600:hsl(0 72.2% 50.6%);--sl-color-red-700:hsl(0 73.7% 41.8%);--sl-color-red-800:hsl(0 70% 35.3%);--sl-color-red-900:hsl(0 62.8% 30.6%);--sl-color-red-950:hsl(0 60% 19.6%);--sl-color-orange-50:hsl(33.3 100% 96.5%);--sl-color-orange-100:hsl(34.3 100% 91.8%);--sl-color-orange-200:hsl(32.1 97.7% 83.1%);--sl-color-orange-300:hsl(30.7 97.2% 72.4%);--sl-color-orange-400:hsl(27 96% 61%);--sl-color-orange-500:hsl(24.6 95% 53.1%);--sl-color-orange-600:hsl(20.5 90.2% 48.2%);--sl-color-orange-700:hsl(17.5 88.3% 40.4%);--sl-color-orange-800:hsl(15 79.1% 33.7%);--sl-color-orange-900:hsl(15.3 74.6% 27.8%);--sl-color-orange-950:hsl(15.2 69.1% 19%);--sl-color-amber-50:hsl(48 100% 96.1%);--sl-color-amber-100:hsl(48 96.5% 88.8%);--sl-color-amber-200:hsl(48 96.6% 76.7%);--sl-color-amber-300:hsl(45.9 96.7% 64.5%);--sl-color-amber-400:hsl(43.3 96.4% 56.3%);--sl-color-amber-500:hsl(37.7 92.1% 50.2%);--sl-color-amber-600:hsl(32.1 94.6% 43.7%);--sl-color-amber-700:hsl(26 90.5% 37.1%);--sl-color-amber-800:hsl(22.7 82.5% 31.4%);--sl-color-amber-900:hsl(21.7 77.8% 26.5%);--sl-color-amber-950:hsl(22.9 74.1% 16.7%);--sl-color-yellow-50:hsl(54.5 91.7% 95.3%);--sl-color-yellow-100:hsl(54.9 96.7% 88%);--sl-color-yellow-200:hsl(52.8 98.3% 76.9%);--sl-color-yellow-300:hsl(50.4 97.8% 63.5%);--sl-color-yellow-400:hsl(47.9 95.8% 53.1%);--sl-color-yellow-500:hsl(45.4 93.4% 47.5%);--sl-color-yellow-600:hsl(40.6 96.1% 40.4%);--sl-color-yellow-700:hsl(35.5 91.7% 32.9%);--sl-color-yellow-800:hsl(31.8 81% 28.8%);--sl-color-yellow-900:hsl(28.4 72.5% 25.7%);--sl-color-yellow-950:hsl(33.1 69% 13.9%);--sl-color-lime-50:hsl(78.3 92% 95.1%);--sl-color-lime-100:hsl(79.6 89.1% 89.2%);--sl-color-lime-200:hsl(80.9 88.5% 79.6%);--sl-color-lime-300:hsl(82 84.5% 67.1%);--sl-color-lime-400:hsl(82.7 78% 55.5%);--sl-color-lime-500:hsl(83.7 80.5% 44.3%);--sl-color-lime-600:hsl(84.8 85.2% 34.5%);--sl-color-lime-700:hsl(85.9 78.4% 27.3%);--sl-color-lime-800:hsl(86.3 69% 22.7%);--sl-color-lime-900:hsl(87.6 61.2% 20.2%);--sl-color-lime-950:hsl(86.5 60.6% 13.9%);--sl-color-green-50:hsl(138.5 76.5% 96.7%);--sl-color-green-100:hsl(140.6 84.2% 92.5%);--sl-color-green-200:hsl(141 78.9% 85.1%);--sl-color-green-300:hsl(141.7 76.6% 73.1%);--sl-color-green-400:hsl(141.9 69.2% 58%);--sl-color-green-500:hsl(142.1 70.6% 45.3%);--sl-color-green-600:hsl(142.1 76.2% 36.3%);--sl-color-green-700:hsl(142.4 71.8% 29.2%);--sl-color-green-800:hsl(142.8 64.2% 24.1%);--sl-color-green-900:hsl(143.8 61.2% 20.2%);--sl-color-green-950:hsl(144.3 60.7% 12%);--sl-color-emerald-50:hsl(151.8 81% 95.9%);--sl-color-emerald-100:hsl(149.3 80.4% 90%);--sl-color-emerald-200:hsl(152.4 76% 80.4%);--sl-color-emerald-300:hsl(156.2 71.6% 66.9%);--sl-color-emerald-400:hsl(158.1 64.4% 51.6%);--sl-color-emerald-500:hsl(160.1 84.1% 39.4%);--sl-color-emerald-600:hsl(161.4 93.5% 30.4%);--sl-color-emerald-700:hsl(162.9 93.5% 24.3%);--sl-color-emerald-800:hsl(163.1 88.1% 19.8%);--sl-color-emerald-900:hsl(164.2 85.7% 16.5%);--sl-color-emerald-950:hsl(164.3 87.5% 9.4%);--sl-color-teal-50:hsl(166.2 76.5% 96.7%);--sl-color-teal-100:hsl(167.2 85.5% 89.2%);--sl-color-teal-200:hsl(168.4 83.8% 78.2%);--sl-color-teal-300:hsl(170.6 76.9% 64.3%);--sl-color-teal-400:hsl(172.5 66% 50.4%);--sl-color-teal-500:hsl(173.4 80.4% 40%);--sl-color-teal-600:hsl(174.7 83.9% 31.6%);--sl-color-teal-700:hsl(175.3 77.4% 26.1%);--sl-color-teal-800:hsl(176.1 69.4% 21.8%);--sl-color-teal-900:hsl(175.9 60.8% 19%);--sl-color-teal-950:hsl(176.5 58.6% 11.4%);--sl-color-cyan-50:hsl(183.2 100% 96.3%);--sl-color-cyan-100:hsl(185.1 95.9% 90.4%);--sl-color-cyan-200:hsl(186.2 93.5% 81.8%);--sl-color-cyan-300:hsl(187 92.4% 69%);--sl-color-cyan-400:hsl(187.9 85.7% 53.3%);--sl-color-cyan-500:hsl(188.7 94.5% 42.7%);--sl-color-cyan-600:hsl(191.6 91.4% 36.5%);--sl-color-cyan-700:hsl(192.9 82.3% 31%);--sl-color-cyan-800:hsl(194.4 69.6% 27.1%);--sl-color-cyan-900:hsl(196.4 63.6% 23.7%);--sl-color-cyan-950:hsl(196.8 61% 16.1%);--sl-color-sky-50:hsl(204 100% 97.1%);--sl-color-sky-100:hsl(204 93.8% 93.7%);--sl-color-sky-200:hsl(200.6 94.4% 86.1%);--sl-color-sky-300:hsl(199.4 95.5% 73.9%);--sl-color-sky-400:hsl(198.4 93.2% 59.6%);--sl-color-sky-500:hsl(198.6 88.7% 48.4%);--sl-color-sky-600:hsl(200.4 98% 39.4%);--sl-color-sky-700:hsl(201.3 96.3% 32.2%);--sl-color-sky-800:hsl(201 90% 27.5%);--sl-color-sky-900:hsl(202 80.3% 23.9%);--sl-color-sky-950:hsl(202.3 73.8% 16.5%);--sl-color-blue-50:hsl(213.8 100% 96.9%);--sl-color-blue-100:hsl(214.3 94.6% 92.7%);--sl-color-blue-200:hsl(213.3 96.9% 87.3%);--sl-color-blue-300:hsl(211.7 96.4% 78.4%);--sl-color-blue-400:hsl(213.1 93.9% 67.8%);--sl-color-blue-500:hsl(217.2 91.2% 59.8%);--sl-color-blue-600:hsl(221.2 83.2% 53.3%);--sl-color-blue-700:hsl(224.3 76.3% 48%);--sl-color-blue-800:hsl(225.9 70.7% 40.2%);--sl-color-blue-900:hsl(224.4 64.3% 32.9%);--sl-color-blue-950:hsl(226.2 55.3% 18.4%);--sl-color-indigo-50:hsl(225.9 100% 96.7%);--sl-color-indigo-100:hsl(226.5 100% 93.9%);--sl-color-indigo-200:hsl(228 96.5% 88.8%);--sl-color-indigo-300:hsl(229.7 93.5% 81.8%);--sl-color-indigo-400:hsl(234.5 89.5% 73.9%);--sl-color-indigo-500:hsl(238.7 83.5% 66.7%);--sl-color-indigo-600:hsl(243.4 75.4% 58.6%);--sl-color-indigo-700:hsl(244.5 57.9% 50.6%);--sl-color-indigo-800:hsl(243.7 54.5% 41.4%);--sl-color-indigo-900:hsl(242.2 47.4% 34.3%);--sl-color-indigo-950:hsl(243.5 43.6% 22.9%);--sl-color-violet-50:hsl(250 100% 97.6%);--sl-color-violet-100:hsl(251.4 91.3% 95.5%);--sl-color-violet-200:hsl(250.5 95.2% 91.8%);--sl-color-violet-300:hsl(252.5 94.7% 85.1%);--sl-color-violet-400:hsl(255.1 91.7% 76.3%);--sl-color-violet-500:hsl(258.3 89.5% 66.3%);--sl-color-violet-600:hsl(262.1 83.3% 57.8%);--sl-color-violet-700:hsl(263.4 70% 50.4%);--sl-color-violet-800:hsl(263.4 69.3% 42.2%);--sl-color-violet-900:hsl(263.5 67.4% 34.9%);--sl-color-violet-950:hsl(265.1 61.5% 21.4%);--sl-color-purple-50:hsl(270 100% 98%);--sl-color-purple-100:hsl(268.7 100% 95.5%);--sl-color-purple-200:hsl(268.6 100% 91.8%);--sl-color-purple-300:hsl(269.2 97.4% 85.1%);--sl-color-purple-400:hsl(270 95.2% 75.3%);--sl-color-purple-500:hsl(270.7 91% 65.1%);--sl-color-purple-600:hsl(271.5 81.3% 55.9%);--sl-color-purple-700:hsl(272.1 71.7% 47.1%);--sl-color-purple-800:hsl(272.9 67.2% 39.4%);--sl-color-purple-900:hsl(273.6 65.6% 32%);--sl-color-purple-950:hsl(276 59.5% 16.5%);--sl-color-fuchsia-50:hsl(289.1 100% 97.8%);--sl-color-fuchsia-100:hsl(287 100% 95.5%);--sl-color-fuchsia-200:hsl(288.3 95.8% 90.6%);--sl-color-fuchsia-300:hsl(291.1 93.1% 82.9%);--sl-color-fuchsia-400:hsl(292 91.4% 72.5%);--sl-color-fuchsia-500:hsl(292.2 84.1% 60.6%);--sl-color-fuchsia-600:hsl(293.4 69.5% 48.8%);--sl-color-fuchsia-700:hsl(294.7 72.4% 39.8%);--sl-color-fuchsia-800:hsl(295.4 70.2% 32.9%);--sl-color-fuchsia-900:hsl(296.7 63.6% 28%);--sl-color-fuchsia-950:hsl(297.1 56.8% 14.5%);--sl-color-pink-50:hsl(327.3 73.3% 97.1%);--sl-color-pink-100:hsl(325.7 77.8% 94.7%);--sl-color-pink-200:hsl(325.9 84.6% 89.8%);--sl-color-pink-300:hsl(327.4 87.1% 81.8%);--sl-color-pink-400:hsl(328.6 85.5% 70.2%);--sl-color-pink-500:hsl(330.4 81.2% 60.4%);--sl-color-pink-600:hsl(333.3 71.4% 50.6%);--sl-color-pink-700:hsl(335.1 77.6% 42%);--sl-color-pink-800:hsl(335.8 74.4% 35.3%);--sl-color-pink-900:hsl(335.9 69% 30.4%);--sl-color-pink-950:hsl(336.2 65.4% 15.9%);--sl-color-rose-50:hsl(355.7 100% 97.3%);--sl-color-rose-100:hsl(355.6 100% 94.7%);--sl-color-rose-200:hsl(352.7 96.1% 90%);--sl-color-rose-300:hsl(352.6 95.7% 81.8%);--sl-color-rose-400:hsl(351.3 94.5% 71.4%);--sl-color-rose-500:hsl(349.7 89.2% 60.2%);--sl-color-rose-600:hsl(346.8 77.2% 49.8%);--sl-color-rose-700:hsl(345.3 82.7% 40.8%);--sl-color-rose-800:hsl(343.4 79.7% 34.7%);--sl-color-rose-900:hsl(341.5 75.5% 30.4%);--sl-color-rose-950:hsl(341.3 70.1% 17.1%);--sl-color-primary-50:var(--sl-color-sky-50);--sl-color-primary-100:var(--sl-color-sky-100);--sl-color-primary-200:var(--sl-color-sky-200);--sl-color-primary-300:var(--sl-color-sky-300);--sl-color-primary-400:var(--sl-color-sky-400);--sl-color-primary-500:var(--sl-color-sky-500);--sl-color-primary-600:var(--sl-color-sky-600);--sl-color-primary-700:var(--sl-color-sky-700);--sl-color-primary-800:var(--sl-color-sky-800);--sl-color-primary-900:var(--sl-color-sky-900);--sl-color-primary-950:var(--sl-color-sky-950);--sl-color-success-50:var(--sl-color-green-50);--sl-color-success-100:var(--sl-color-green-100);--sl-color-success-200:var(--sl-color-green-200);--sl-color-success-300:var(--sl-color-green-300);--sl-color-success-400:var(--sl-color-green-400);--sl-color-success-500:var(--sl-color-green-500);--sl-color-success-600:var(--sl-color-green-600);--sl-color-success-700:var(--sl-color-green-700);--sl-color-success-800:var(--sl-color-green-800);--sl-color-success-900:var(--sl-color-green-900);--sl-color-success-950:var(--sl-color-green-950);--sl-color-warning-50:var(--sl-color-amber-50);--sl-color-warning-100:var(--sl-color-amber-100);--sl-color-warning-200:var(--sl-color-amber-200);--sl-color-warning-300:var(--sl-color-amber-300);--sl-color-warning-400:var(--sl-color-amber-400);--sl-color-warning-500:var(--sl-color-amber-500);--sl-color-warning-600:var(--sl-color-amber-600);--sl-color-warning-700:var(--sl-color-amber-700);--sl-color-warning-800:var(--sl-color-amber-800);--sl-color-warning-900:var(--sl-color-amber-900);--sl-color-warning-950:var(--sl-color-amber-950);--sl-color-danger-50:var(--sl-color-red-50);--sl-color-danger-100:var(--sl-color-red-100);--sl-color-danger-200:var(--sl-color-red-200);--sl-color-danger-300:var(--sl-color-red-300);--sl-color-danger-400:var(--sl-color-red-400);--sl-color-danger-500:var(--sl-color-red-500);--sl-color-danger-600:var(--sl-color-red-600);--sl-color-danger-700:var(--sl-color-red-700);--sl-color-danger-800:var(--sl-color-red-800);--sl-color-danger-900:var(--sl-color-red-900);--sl-color-danger-950:var(--sl-color-red-950);--sl-color-neutral-50:var(--sl-color-gray-50);--sl-color-neutral-100:var(--sl-color-gray-100);--sl-color-neutral-200:var(--sl-color-gray-200);--sl-color-neutral-300:var(--sl-color-gray-300);--sl-color-neutral-400:var(--sl-color-gray-400);--sl-color-neutral-500:var(--sl-color-gray-500);--sl-color-neutral-600:var(--sl-color-gray-600);--sl-color-neutral-700:var(--sl-color-gray-700);--sl-color-neutral-800:var(--sl-color-gray-800);--sl-color-neutral-900:var(--sl-color-gray-900);--sl-color-neutral-950:var(--sl-color-gray-950);--sl-color-neutral-0:hsl(0, 0%, 100%);--sl-color-neutral-1000:hsl(0, 0%, 0%);--sl-border-radius-small:0.1875rem;--sl-border-radius-medium:0.25rem;--sl-border-radius-large:0.5rem;--sl-border-radius-x-large:1rem;--sl-border-radius-circle:50%;--sl-border-radius-pill:9999px;--sl-shadow-x-small:0 1px 2px hsl(240 3.8% 46.1% / 6%);--sl-shadow-small:0 1px 2px hsl(240 3.8% 46.1% / 12%);--sl-shadow-medium:0 2px 4px hsl(240 3.8% 46.1% / 12%);--sl-shadow-large:0 2px 8px hsl(240 3.8% 46.1% / 12%);--sl-shadow-x-large:0 4px 16px hsl(240 3.8% 46.1% / 12%);--sl-spacing-3x-small:0.125rem;--sl-spacing-2x-small:0.25rem;--sl-spacing-x-small:0.5rem;--sl-spacing-small:0.75rem;--sl-spacing-medium:1rem;--sl-spacing-large:1.25rem;--sl-spacing-x-large:1.75rem;--sl-spacing-2x-large:2.25rem;--sl-spacing-3x-large:3rem;--sl-spacing-4x-large:4.5rem;--sl-transition-x-slow:1000ms;--sl-transition-slow:500ms;--sl-transition-medium:250ms;--sl-transition-fast:150ms;--sl-transition-x-fast:50ms;--sl-font-mono:SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--sl-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,\n Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",\n "Segoe UI Symbol";--sl-font-serif:Georgia, "Times New Roman", serif;--sl-font-size-2x-small:0.625rem;--sl-font-size-x-small:0.75rem;--sl-font-size-small:0.875rem;--sl-font-size-medium:1rem;--sl-font-size-large:1.25rem;--sl-font-size-x-large:1.5rem;--sl-font-size-2x-large:2.25rem;--sl-font-size-3x-large:3rem;--sl-font-size-4x-large:4.5rem;--sl-font-weight-light:300;--sl-font-weight-normal:400;--sl-font-weight-semibold:500;--sl-font-weight-bold:700;--sl-letter-spacing-denser:-0.03em;--sl-letter-spacing-dense:-0.015em;--sl-letter-spacing-normal:normal;--sl-letter-spacing-loose:0.075em;--sl-letter-spacing-looser:0.15em;--sl-line-height-denser:1;--sl-line-height-dense:1.4;--sl-line-height-normal:1.8;--sl-line-height-loose:2.2;--sl-line-height-looser:2.6;--sl-focus-ring-color:var(--sl-color-primary-600);--sl-focus-ring-style:solid;--sl-focus-ring-width:3px;--sl-focus-ring:var(--sl-focus-ring-style) var(--sl-focus-ring-width)\n var(--sl-focus-ring-color);--sl-focus-ring-offset:1px;--sl-button-font-size-small:var(--sl-font-size-x-small);--sl-button-font-size-medium:var(--sl-font-size-small);--sl-button-font-size-large:var(--sl-font-size-medium);--sl-input-height-small:1.875rem;--sl-input-height-medium:2.5rem;--sl-input-height-large:3.125rem;--sl-input-background-color:var(--sl-color-neutral-0);--sl-input-background-color-hover:var(--sl-input-background-color);--sl-input-background-color-focus:var(--sl-input-background-color);--sl-input-background-color-disabled:var(--sl-color-neutral-100);--sl-input-border-color:var(--sl-color-neutral-300);--sl-input-border-color-hover:var(--sl-color-neutral-400);--sl-input-border-color-focus:var(--sl-color-primary-500);--sl-input-border-color-disabled:var(--sl-color-neutral-300);--sl-input-border-width:1px;--sl-input-required-content:"*";--sl-input-required-content-offset:-2px;--sl-input-required-content-color:var(--sl-input-label-color);--sl-input-border-radius-small:var(--sl-border-radius-medium);--sl-input-border-radius-medium:var(--sl-border-radius-medium);--sl-input-border-radius-large:var(--sl-border-radius-medium);--sl-input-font-family:var(--sl-font-sans);--sl-input-font-weight:var(--sl-font-weight-normal);--sl-input-font-size-small:var(--sl-font-size-small);--sl-input-font-size-medium:var(--sl-font-size-medium);--sl-input-font-size-large:var(--sl-font-size-large);--sl-input-letter-spacing:var(--sl-letter-spacing-normal);--sl-input-color:var(--sl-color-neutral-700);--sl-input-color-hover:var(--sl-color-neutral-700);--sl-input-color-focus:var(--sl-color-neutral-700);--sl-input-color-disabled:var(--sl-color-neutral-900);--sl-input-icon-color:var(--sl-color-neutral-500);--sl-input-icon-color-hover:var(--sl-color-neutral-600);--sl-input-icon-color-focus:var(--sl-color-neutral-600);--sl-input-placeholder-color:var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled:var(--sl-color-neutral-600);--sl-input-spacing-small:var(--sl-spacing-small);--sl-input-spacing-medium:var(--sl-spacing-medium);--sl-input-spacing-large:var(--sl-spacing-large);--sl-input-focus-ring-color:hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset:0;--sl-input-filled-background-color:var(--sl-color-neutral-100);--sl-input-filled-background-color-hover:var(--sl-color-neutral-100);--sl-input-filled-background-color-focus:var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled:var(--sl-color-neutral-100);--sl-input-filled-color:var(--sl-color-neutral-800);--sl-input-filled-color-hover:var(--sl-color-neutral-800);--sl-input-filled-color-focus:var(--sl-color-neutral-700);--sl-input-filled-color-disabled:var(--sl-color-neutral-800);--sl-input-label-font-size-small:var(--sl-font-size-small);--sl-input-label-font-size-medium:var(--sl-font-size-medium);--sl-input-label-font-size-large:var(--sl-font-size-large);--sl-input-label-color:inherit;--sl-input-help-text-font-size-small:var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium:var(--sl-font-size-small);--sl-input-help-text-font-size-large:var(--sl-font-size-medium);--sl-input-help-text-color:var(--sl-color-neutral-500);--sl-toggle-size-small:0.875rem;--sl-toggle-size-medium:1.125rem;--sl-toggle-size-large:1.375rem;--sl-overlay-background-color:hsl(240 3.8% 46.1% / 33%);--sl-panel-background-color:var(--sl-color-neutral-0);--sl-panel-border-color:var(--sl-color-neutral-200);--sl-panel-border-width:1px;--sl-tooltip-border-radius:var(--sl-border-radius-medium);--sl-tooltip-background-color:var(--sl-color-neutral-800);--sl-tooltip-color:var(--sl-color-neutral-0);--sl-tooltip-font-family:var(--sl-font-sans);--sl-tooltip-font-weight:var(--sl-font-weight-normal);--sl-tooltip-font-size:var(--sl-font-size-small);--sl-tooltip-line-height:var(--sl-line-height-dense);--sl-tooltip-padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size:6px;--sl-z-index-drawer:700;--sl-z-index-dialog:800;--sl-z-index-dropdown:900;--sl-z-index-toast:950;--sl-z-index-tooltip:1000}@supports (scrollbar-gutter: stable){.sl-scroll-lock{scrollbar-gutter:stable !important;overflow:hidden !important}}@supports not (scrollbar-gutter: stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size) !important;overflow:hidden !important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium)}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large)}:host{--jump-select-border-radius:4px;--jump-select-border-color:var(--neutral-grey-disabled, #cbcbcb);--jump-select-border-color-hover:var(--secondary-standard, #5e79ba);--jump-select-border-color-focus:var(--secondary-standard, #5e79ba);--jump-select-background:var(--neutral-white, #ffffff);--jump-select-color:var(--neutral-black, #000000);--jump-select-font-family:var(--ff-primary, "Inter", sans-serif);--jump-select-font-size:16px;--jump-select-font-weight:normal;--jump-select-height:40px;--jump-select-padding:0 10px;--jump-select-disabled-opacity:0.5;--jump-select-placeholder-color:var(--neutral-grey-disabled, #cbcbcb);--jump-select-label-margin:0 0 8px 0;--jump-select-label-color:var(--neutral-black, #000000);--jump-select-label-font-size:14px;--jump-select-label-font-weight:500;--jump-select-option-selected-background:var(--secondary-standard, #5e79ba);--jump-select-option-selected-color:var(--neutral-white, #ffffff);--jump-select-dropdown-box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);display:flex;flex-direction:column;width:100%;}:host .select-label{font-family:var(--jump-select-font-family);font-size:var(--jump-select-label-font-size);font-weight:var(--jump-select-label-font-weight);color:var(--jump-select-label-color);margin:var(--jump-select-label-margin)}:host sl-select::part(form-control){display:block;width:100%}:host sl-select::part(base){width:100%;font-family:var(--jump-select-font-family);font-size:var(--jump-select-font-size);font-weight:var(--jump-select-font-weight)}:host sl-select::part(control){height:var(--jump-select-height);border-radius:var(--jump-select-border-radius);border-color:var(--jump-select-border-color);background-color:var(--jump-select-background);color:var(--jump-select-color);padding:var(--jump-select-padding)}:host sl-select::part(control):hover{border-color:var(--jump-select-border-color-hover)}:host sl-select::part(control):focus-within{border-color:var(--jump-select-border-color-focus);box-shadow:0 0 0 2px rgba(94, 121, 186, 0.25)}:host sl-select::part(display-input){height:var(--jump-select-height);line-height:var(--jump-select-height);color:var(--jump-select-color)}:host sl-select::part(placeholder){color:var(--jump-select-placeholder-color)}:host sl-select::part(dropdown){box-shadow:var(--jump-select-dropdown-box-shadow);border-radius:var(--jump-select-border-radius);z-index:100}:host sl-select::part(listbox){font-family:var(--jump-select-font-family);font-size:var(--jump-select-font-size)}:host sl-select::part(tags){margin-top:0}:host sl-select::part(tag){background-color:var(--secondary-standard, #5e79ba);color:var(--neutral-white, #ffffff)}:host sl-select[disabled]::part(control){opacity:var(--jump-select-disabled-opacity);cursor:not-allowed}:host sl-option::part(checked-icon){color:var(--jump-select-option-selected-color)}:host sl-option[selected]::part(base){background-color:var(--jump-select-option-selected-background);color:var(--jump-select-option-selected-color)}';const Je=Ge;const Ke=class{constructor(s){t(this,s);this.selectionChange=e(this,"jump-select-change",7);this.value=undefined;this.placeholder="Seleziona un'opzione";this.label=undefined;this.options=[];this.disabled=false;this.multiple=false;this.required=false;this.loading=false;this.open=false;this.hasSlottedOptions=false}componentWillRender(){const t=this.hostElement.childNodes;this.hasSlottedOptions=Array.from(t).some((t=>t.nodeName&&t.nodeName.toLowerCase()==="sl-option"))}getOptionsArray(){if(typeof this.options==="string"){try{return JSON.parse(this.options)}catch(t){console.error("Errore nel parsing delle opzioni:",t);return[]}}return this.options}componentDidLoad(){this.listenSLChange()}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(t=>{if(this.disabled){return}this.value=t.target.value;const e=this.getOptionsArray();const s=e.find((t=>t.value===this.value));const l={value:this.value,selectedOption:s};this.selectionChange.emit(l)}))}}async getSelectedValue(){return this.value}async getSelectedOption(){const t=this.getOptionsArray();return t.find((t=>t.value===this.value))}async setValue(t,e=true){this.value=t;if(this.el){this.el.value=t}if(e){const t=this.getOptionsArray();const e=t.find((t=>t.value===this.value));const s={value:this.value,selectedOption:e,programmatic:true};this.selectionChange.emit(s)}return this.value}render(){const t=this.getOptionsArray();return s(l,{key:"3aeb8a1b3c8757bfecd0b5642ddfa87e61f92849",ref:t=>this.host=t},this.label&&s("div",{key:"504faaf84a96fd84add35cdaaa34e617391d4c82",class:"select-label"},this.label),s("sl-select",{key:"9a707596aa5a2c87c0276ecca51588c02d22edb0",value:this.value,placeholder:this.placeholder,disabled:this.disabled,multiple:this.multiple,required:this.required,loading:this.loading,ref:t=>this.el=t},!this.hasSlottedOptions&&t.map((t=>s("sl-option",{value:t.value},t.label))),s("slot",{key:"b4592e359a2aaea92a87ab7240ddb6d2557697c3"})))}get hostElement(){return o(this)}};Ke.style=Je;export{Ke as jump_filter_select};
|
|
848
|
+
//# sourceMappingURL=p-35633b03.entry.js.map
|