@jumpgroup/jump-design-system 0.3.58 → 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 +10 -4
- package/dist/cjs/jump-quantity.cjs.entry.js.map +1 -1
- 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 +30 -3
- package/dist/collection/components/jump-quantity/jump-quantity.js.map +1 -1
- 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 +10 -3
- package/dist/components/jump-quantity.js.map +1 -1
- 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 +10 -4
- package/dist/esm/jump-quantity.entry.js.map +1 -1
- 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-fa0dcb05.entry.js +2 -0
- package/dist/jump-design-system/p-fa0dcb05.entry.js.map +1 -0
- 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/jump-quantity/jump-quantity.d.ts +4 -0
- package/dist/types/components.d.ts +210 -0
- package/package.json +1 -1
- package/readme.md +1 -9
- 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-506950ea.entry.js +0 -2
- package/dist/jump-design-system/p-506950ea.entry.js.map +0 -1
- 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-07633158.entry.js.map → p-ff8d70ab.entry.js.map} +0 -0
|
@@ -1,244 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as i}from"./p-21aa0095.js";import{i as o,u as r,_ as l,a as n,T as a,f as c,e as h,m as d,c as f,S as u,b,w as m,d as p,x as v,r as k,n as x}from"./p-d33f4f1d.js";import{b as g,i as _,t as y,e as w,a as z}from"./p-198cfe62.js";var $=o`
|
|
2
|
-
:host {
|
|
3
|
-
display: inline-block;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.checkbox {
|
|
7
|
-
position: relative;
|
|
8
|
-
display: inline-flex;
|
|
9
|
-
align-items: flex-start;
|
|
10
|
-
font-family: var(--sl-input-font-family);
|
|
11
|
-
font-weight: var(--sl-input-font-weight);
|
|
12
|
-
color: var(--sl-input-label-color);
|
|
13
|
-
vertical-align: middle;
|
|
14
|
-
cursor: pointer;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.checkbox--small {
|
|
18
|
-
--toggle-size: var(--sl-toggle-size-small);
|
|
19
|
-
font-size: var(--sl-input-font-size-small);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.checkbox--medium {
|
|
23
|
-
--toggle-size: var(--sl-toggle-size-medium);
|
|
24
|
-
font-size: var(--sl-input-font-size-medium);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.checkbox--large {
|
|
28
|
-
--toggle-size: var(--sl-toggle-size-large);
|
|
29
|
-
font-size: var(--sl-input-font-size-large);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.checkbox__control {
|
|
33
|
-
flex: 0 0 auto;
|
|
34
|
-
position: relative;
|
|
35
|
-
display: inline-flex;
|
|
36
|
-
align-items: center;
|
|
37
|
-
justify-content: center;
|
|
38
|
-
width: var(--toggle-size);
|
|
39
|
-
height: var(--toggle-size);
|
|
40
|
-
border: solid var(--sl-input-border-width) var(--sl-input-border-color);
|
|
41
|
-
border-radius: 2px;
|
|
42
|
-
background-color: var(--sl-input-background-color);
|
|
43
|
-
color: var(--sl-color-neutral-0);
|
|
44
|
-
transition:
|
|
45
|
-
var(--sl-transition-fast) border-color,
|
|
46
|
-
var(--sl-transition-fast) background-color,
|
|
47
|
-
var(--sl-transition-fast) color,
|
|
48
|
-
var(--sl-transition-fast) box-shadow;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.checkbox__input {
|
|
52
|
-
position: absolute;
|
|
53
|
-
opacity: 0;
|
|
54
|
-
padding: 0;
|
|
55
|
-
margin: 0;
|
|
56
|
-
pointer-events: none;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.checkbox__checked-icon,
|
|
60
|
-
.checkbox__indeterminate-icon {
|
|
61
|
-
display: inline-flex;
|
|
62
|
-
width: var(--toggle-size);
|
|
63
|
-
height: var(--toggle-size);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
/* Hover */
|
|
67
|
-
.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {
|
|
68
|
-
border-color: var(--sl-input-border-color-hover);
|
|
69
|
-
background-color: var(--sl-input-background-color-hover);
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
/* Focus */
|
|
73
|
-
.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
|
|
74
|
-
outline: var(--sl-focus-ring);
|
|
75
|
-
outline-offset: var(--sl-focus-ring-offset);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/* Checked/indeterminate */
|
|
79
|
-
.checkbox--checked .checkbox__control,
|
|
80
|
-
.checkbox--indeterminate .checkbox__control {
|
|
81
|
-
border-color: var(--sl-color-primary-600);
|
|
82
|
-
background-color: var(--sl-color-primary-600);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
/* Checked/indeterminate + hover */
|
|
86
|
-
.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,
|
|
87
|
-
.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {
|
|
88
|
-
border-color: var(--sl-color-primary-500);
|
|
89
|
-
background-color: var(--sl-color-primary-500);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
/* Checked/indeterminate + focus */
|
|
93
|
-
.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,
|
|
94
|
-
.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {
|
|
95
|
-
outline: var(--sl-focus-ring);
|
|
96
|
-
outline-offset: var(--sl-focus-ring-offset);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
/* Disabled */
|
|
100
|
-
.checkbox--disabled {
|
|
101
|
-
opacity: 0.5;
|
|
102
|
-
cursor: not-allowed;
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.checkbox__label {
|
|
106
|
-
display: inline-block;
|
|
107
|
-
color: var(--sl-input-label-color);
|
|
108
|
-
line-height: var(--toggle-size);
|
|
109
|
-
margin-inline-start: 0.5em;
|
|
110
|
-
user-select: none;
|
|
111
|
-
-webkit-user-select: none;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
:host([required]) .checkbox__label::after {
|
|
115
|
-
content: var(--sl-input-required-content);
|
|
116
|
-
color: var(--sl-input-required-content-color);
|
|
117
|
-
margin-inline-start: var(--sl-input-required-content-offset);
|
|
118
|
-
}
|
|
119
|
-
`;var C=(t="value")=>(e,s)=>{const i=e.constructor;const o=i.prototype.attributeChangedCallback;i.prototype.attributeChangedCallback=function(e,l,n){var a;const c=i.getPropertyOptions(t);const h=typeof c.attribute==="string"?c.attribute:t;if(e===h){const e=c.converter||r;const i=typeof e==="function"?e:(a=e==null?void 0:e.fromAttribute)!=null?a:r.fromAttribute;const o=i(n,c.type);if(this[t]!==o){this[s]=o}}o.call(this,e,l,n)}};var q=o`
|
|
120
|
-
.form-control .form-control__label {
|
|
121
|
-
display: none;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.form-control .form-control__help-text {
|
|
125
|
-
display: none;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
/* Label */
|
|
129
|
-
.form-control--has-label .form-control__label {
|
|
130
|
-
display: inline-block;
|
|
131
|
-
color: var(--sl-input-label-color);
|
|
132
|
-
margin-bottom: var(--sl-spacing-3x-small);
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
.form-control--has-label.form-control--small .form-control__label {
|
|
136
|
-
font-size: var(--sl-input-label-font-size-small);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.form-control--has-label.form-control--medium .form-control__label {
|
|
140
|
-
font-size: var(--sl-input-label-font-size-medium);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.form-control--has-label.form-control--large .form-control__label {
|
|
144
|
-
font-size: var(--sl-input-label-font-size-large);
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
:host([required]) .form-control--has-label .form-control__label::after {
|
|
148
|
-
content: var(--sl-input-required-content);
|
|
149
|
-
margin-inline-start: var(--sl-input-required-content-offset);
|
|
150
|
-
color: var(--sl-input-required-content-color);
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/* Help text */
|
|
154
|
-
.form-control--has-help-text .form-control__help-text {
|
|
155
|
-
display: block;
|
|
156
|
-
color: var(--sl-input-help-text-color);
|
|
157
|
-
margin-top: var(--sl-spacing-3x-small);
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.form-control--has-help-text.form-control--small .form-control__help-text {
|
|
161
|
-
font-size: var(--sl-input-help-text-font-size-small);
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.form-control--has-help-text.form-control--medium .form-control__help-text {
|
|
165
|
-
font-size: var(--sl-input-help-text-font-size-medium);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
.form-control--has-help-text.form-control--large .form-control__help-text {
|
|
169
|
-
font-size: var(--sl-input-help-text-font-size-large);
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.form-control--has-help-text.form-control--radio-group .form-control__help-text {
|
|
173
|
-
margin-top: var(--sl-spacing-2x-small);
|
|
174
|
-
}
|
|
175
|
-
`;var V=new WeakMap;var j=new WeakMap;var M=new WeakMap;var B=new WeakSet;var F=new WeakMap;var S=class{constructor(t,e){this.handleFormData=t=>{const e=this.options.disabled(this.host);const s=this.options.name(this.host);const i=this.options.value(this.host);const o=this.host.tagName.toLowerCase()==="sl-button";if(this.host.isConnected&&!e&&!o&&typeof s==="string"&&s.length>0&&typeof i!=="undefined"){if(Array.isArray(i)){i.forEach((e=>{t.formData.append(s,e.toString())}))}else{t.formData.append(s,i.toString())}}};this.handleFormSubmit=t=>{var e;const s=this.options.disabled(this.host);const i=this.options.reportValidity;if(this.form&&!this.form.noValidate){(e=V.get(this.form))==null?void 0:e.forEach((t=>{this.setUserInteracted(t,true)}))}if(this.form&&!this.form.noValidate&&!s&&!i(this.host)){t.preventDefault();t.stopImmediatePropagation()}};this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host));this.setUserInteracted(this.host,false);F.set(this.host,[])};this.handleInteraction=t=>{const e=F.get(this.host);if(!e.includes(t.type)){e.push(t.type)}if(e.length===this.options.assumeInteractionOn.length){this.setUserInteracted(this.host,true)}};this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t){if(typeof e.checkValidity==="function"){if(!e.checkValidity()){return false}}}}return true};this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t){if(typeof e.reportValidity==="function"){if(!e.reportValidity()){return false}}}}return true};(this.host=t).addController(this);this.options=n({form:t=>{const e=t.form;if(e){const s=t.getRootNode();const i=s.querySelector(`#${e}`);if(i){return i}}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>{var e;return(e=t.disabled)!=null?e:false},reportValidity:t=>typeof t.reportValidity==="function"?t.reportValidity():true,checkValidity:t=>typeof t.checkValidity==="function"?t.checkValidity():true,setValue:(t,e)=>t.value=e,assumeInteractionOn:["sl-input"]},e)}hostConnected(){const t=this.options.form(this.host);if(t){this.attachForm(t)}F.set(this.host,[]);this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm();F.delete(this.host);this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);if(!t){this.detachForm()}if(t&&this.form!==t){this.detachForm();this.attachForm(t)}if(this.host.hasUpdated){this.setValidity(this.host.validity.valid)}}attachForm(t){if(t){this.form=t;if(V.has(this.form)){V.get(this.form).add(this.host)}else{V.set(this.form,new Set([this.host]))}this.form.addEventListener("formdata",this.handleFormData);this.form.addEventListener("submit",this.handleFormSubmit);this.form.addEventListener("reset",this.handleFormReset);if(!j.has(this.form)){j.set(this.form,this.form.reportValidity);this.form.reportValidity=()=>this.reportFormValidity()}if(!M.has(this.form)){M.set(this.form,this.form.checkValidity);this.form.checkValidity=()=>this.checkFormValidity()}}else{this.form=void 0}}detachForm(){if(!this.form)return;const t=V.get(this.form);if(!t){return}t.delete(this.host);if(t.size<=0){this.form.removeEventListener("formdata",this.handleFormData);this.form.removeEventListener("submit",this.handleFormSubmit);this.form.removeEventListener("reset",this.handleFormReset);if(j.has(this.form)){this.form.reportValidity=j.get(this.form);j.delete(this.form)}if(M.has(this.form)){this.form.checkValidity=M.get(this.form);M.delete(this.form)}this.form=void 0}}setUserInteracted(t,e){if(e){B.add(t)}else{B.delete(t)}t.requestUpdate()}doAction(t,e){if(this.form){const s=document.createElement("button");s.type=t;s.style.position="absolute";s.style.width="0";s.style.height="0";s.style.clipPath="inset(50%)";s.style.overflow="hidden";s.style.whiteSpace="nowrap";if(e){s.name=e.name;s.value=e.value;["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{if(e.hasAttribute(t)){s.setAttribute(t,e.getAttribute(t))}}))}this.form.append(s);s.click();s.remove()}}getForm(){var t;return(t=this.form)!=null?t:null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const e=this.host;const s=Boolean(B.has(e));const i=Boolean(e.required);e.toggleAttribute("data-required",i);e.toggleAttribute("data-optional",!i);e.toggleAttribute("data-invalid",!t);e.toggleAttribute("data-valid",t);e.toggleAttribute("data-user-invalid",!t&&s);e.toggleAttribute("data-user-valid",t&&s)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sl-invalid",{bubbles:false,composed:false,cancelable:true,detail:{}});if(!t){e.preventDefault()}if(!this.host.dispatchEvent(e)){t==null?void 0:t.preventDefault()}}};var E=Object.freeze({badInput:false,customError:false,patternMismatch:false,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valid:true,valueMissing:false});Object.freeze(l(n({},E),{valid:false,valueMissing:true}));Object.freeze(l(n({},E),{valid:false,customError:true}));var U=class{constructor(t,...e){this.slotNames=[];this.handleSlotChange=t=>{const e=t.target;if(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name)){this.host.requestUpdate()}};(this.host=t).addController(this);this.slotNames=e}hasDefaultSlot(){return[...this.host.childNodes].some((t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!==""){return true}if(t.nodeType===t.ELEMENT_NODE){const e=t;const s=e.tagName.toLowerCase();if(s==="sl-visually-hidden"){return false}if(!e.hasAttribute("slot")){return true}}return false}))}hasNamedSlot(t){return this.host.querySelector(`:scope > [slot="${t}"]`)!==null}test(t){return t==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};
|
|
176
|
-
/**
|
|
177
|
-
* @license
|
|
178
|
-
* Copyright 2018 Google LLC
|
|
179
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
180
|
-
*/const D=t=>t??a
|
|
181
|
-
/**
|
|
182
|
-
* @license
|
|
183
|
-
* Copyright 2020 Google LLC
|
|
184
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
185
|
-
*/;const I=g(class extends _{constructor(t){if(super(t),t.type!==y.PROPERTY&&t.type!==y.ATTRIBUTE&&t.type!==y.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!c(t))throw Error("`live` bindings can only contain a single expression")}render(t){return t}update(t,[e]){if(e===h||e===a)return e;const s=t.element,i=t.name;if(t.type===y.PROPERTY){if(e===s[i])return h}else if(t.type===y.BOOLEAN_ATTRIBUTE){if(!!e===s.hasAttribute(i))return h}else if(t.type===y.ATTRIBUTE&&s.getAttribute(i)===e+"")return h;return d(t),e}});var O=class extends p{constructor(){super(...arguments);this.formControlController=new S(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,e)=>t.checked=e});this.hasSlotController=new U(this,"help-text");this.hasFocus=false;this.title="";this.name="";this.size="medium";this.disabled=false;this.checked=false;this.indeterminate=false;this.defaultChecked=false;this.form="";this.required=false;this.helpText=""}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked;this.indeterminate=false;this.emit("sl-change")}handleBlur(){this.hasFocus=false;this.emit("sl-blur")}handleInput(){this.emit("sl-input")}handleInvalid(t){this.formControlController.setValidity(false);this.formControlController.emitInvalidEvent(t)}handleFocus(){this.hasFocus=true;this.emit("sl-focus")}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked;this.input.indeterminate=this.indeterminate;this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t);this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("help-text");const e=this.helpText?true:!!t;return v`
|
|
186
|
-
<div
|
|
187
|
-
class=${w({"form-control":true,"form-control--small":this.size==="small","form-control--medium":this.size==="medium","form-control--large":this.size==="large","form-control--has-help-text":e})}
|
|
188
|
-
>
|
|
189
|
-
<label
|
|
190
|
-
part="base"
|
|
191
|
-
class=${w({checkbox:true,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--small":this.size==="small","checkbox--medium":this.size==="medium","checkbox--large":this.size==="large"})}
|
|
192
|
-
>
|
|
193
|
-
<input
|
|
194
|
-
class="checkbox__input"
|
|
195
|
-
type="checkbox"
|
|
196
|
-
title=${this.title}
|
|
197
|
-
name=${this.name}
|
|
198
|
-
value=${D(this.value)}
|
|
199
|
-
.indeterminate=${I(this.indeterminate)}
|
|
200
|
-
.checked=${I(this.checked)}
|
|
201
|
-
.disabled=${this.disabled}
|
|
202
|
-
.required=${this.required}
|
|
203
|
-
aria-checked=${this.checked?"true":"false"}
|
|
204
|
-
aria-describedby="help-text"
|
|
205
|
-
@click=${this.handleClick}
|
|
206
|
-
@input=${this.handleInput}
|
|
207
|
-
@invalid=${this.handleInvalid}
|
|
208
|
-
@blur=${this.handleBlur}
|
|
209
|
-
@focus=${this.handleFocus}
|
|
210
|
-
/>
|
|
211
|
-
|
|
212
|
-
<span
|
|
213
|
-
part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
|
|
214
|
-
class="checkbox__control"
|
|
215
|
-
>
|
|
216
|
-
${this.checked?v`
|
|
217
|
-
<sl-icon part="checked-icon" class="checkbox__checked-icon" library="system" name="check"></sl-icon>
|
|
218
|
-
`:""}
|
|
219
|
-
${!this.checked&&this.indeterminate?v`
|
|
220
|
-
<sl-icon
|
|
221
|
-
part="indeterminate-icon"
|
|
222
|
-
class="checkbox__indeterminate-icon"
|
|
223
|
-
library="system"
|
|
224
|
-
name="indeterminate"
|
|
225
|
-
></sl-icon>
|
|
226
|
-
`:""}
|
|
227
|
-
</span>
|
|
228
|
-
|
|
229
|
-
<div part="label" class="checkbox__label">
|
|
230
|
-
<slot></slot>
|
|
231
|
-
</div>
|
|
232
|
-
</label>
|
|
233
|
-
|
|
234
|
-
<div
|
|
235
|
-
aria-hidden=${e?"false":"true"}
|
|
236
|
-
class="form-control__help-text"
|
|
237
|
-
id="help-text"
|
|
238
|
-
part="form-control-help-text"
|
|
239
|
-
>
|
|
240
|
-
<slot name="help-text">${this.helpText}</slot>
|
|
241
|
-
</div>
|
|
242
|
-
</div>
|
|
243
|
-
`}};O.styles=[f,q,$];O.dependencies={"sl-icon":u};b([z('input[type="checkbox"]')],O.prototype,"input",2);b([k()],O.prototype,"hasFocus",2);b([x()],O.prototype,"title",2);b([x()],O.prototype,"name",2);b([x()],O.prototype,"value",2);b([x({reflect:true})],O.prototype,"size",2);b([x({type:Boolean,reflect:true})],O.prototype,"disabled",2);b([x({type:Boolean,reflect:true})],O.prototype,"checked",2);b([x({type:Boolean,reflect:true})],O.prototype,"indeterminate",2);b([C("checked")],O.prototype,"defaultChecked",2);b([x({reflect:true})],O.prototype,"form",2);b([x({type:Boolean,reflect:true})],O.prototype,"required",2);b([x({attribute:"help-text"})],O.prototype,"helpText",2);b([m("disabled",{waitUntilFirstUpdate:true})],O.prototype,"handleDisabledChange",1);b([m(["checked","indeterminate"],{waitUntilFirstUpdate:true})],O.prototype,"handleStateChange",1);O.define("sl-checkbox");const W=":host{display:flex;width:100%}:host .count{color:var(--neutral-grey-secondary, #707070)}:host sl-checkbox{display:flex;width:100%}:host sl-checkbox::part(control){height:1rem;width:1rem;border:1px solid var(--neutral-grey-secondary, #707070);border-radius:3px;margin-top:3px}:host sl-checkbox::part(control--checked){background-color:var(--status-interaction-standard, #2C6ECB);border-color:var(--status-interaction-standard, #2C6ECB);color:var(--neutral-ultralight, #fff)}:host sl-checkbox::part(label){display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-grow:1;color:var(--neutral-grey-primary, #1d1d1d);font-family:var(--ff-primary), serif}";const L=W;const H=class{constructor(s){t(this,s);this.toggleCheckbox=e(this,"jump-checkbox-change",7);this.value=undefined;this.label=undefined;this.checked=false;this.count=null}componentDidLoad(){this.listenSLChange()}listenSLChange(){if(this.host){this.host.addEventListener("sl-change",(()=>{this.checked=!this.checked;this.toggleCheckbox.emit({value:this.el.value,checked:this.checked})}))}}async isChecked(){return this.el.checked}render(){return s(i,{key:"c1ed5c7a59979dbe46338b2df91e5ab73c0547bd",ref:t=>this.host=t},this.value&&this.label&&s("sl-checkbox",{key:"de838d7ec4dedc45935bca737c71251028adc658",value:this.value,ref:t=>this.el=t,checked:this.checked},this.label),this.count&&s("span",{key:"4e7ca6acfdc390a1a9511d52c00135783e57b1cd",class:"count"},this.count))}};H.style=L;export{H as jump_filter_checkbox};
|
|
244
|
-
//# sourceMappingURL=p-6e7c80a3.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["checkbox_styles_default","css","defaultValue","propertyName","proto","key","ctor","constructor","attributeChangedCallback","prototype","name","old","value","_a","options","getPropertyOptions","attributeName","attribute","converter","defaultConverter","fromAttribute","newValue","type","this","call","form_control_styles_default","formCollections","WeakMap","reportValidityOverloads","checkValidityOverloads","userInteractedControls","WeakSet","interactions","FormControlController","host","handleFormData","event","disabled","isButton","tagName","toLowerCase","isConnected","length","Array","isArray","forEach","val","formData","append","toString","handleFormSubmit","reportValidity","form","noValidate","get","control","setUserInteracted","preventDefault","stopImmediatePropagation","handleFormReset","setValue","set","handleInteraction","emittedEvents","includes","push","assumeInteractionOn","checkFormValidity","elements","querySelectorAll","element","checkValidity","reportFormValidity","addController","__spreadValues","input","formId","root","getRootNode","querySelector","closest","hostConnected","attachForm","addEventListener","hostDisconnected","detachForm","delete","removeEventListener","hostUpdated","hasUpdated","setValidity","validity","valid","has","add","Set","formCollection","size","el","hasInteracted","requestUpdate","doAction","submitter","button","document","createElement","style","position","width","height","clipPath","overflow","whiteSpace","attr","hasAttribute","setAttribute","getAttribute","click","remove","getForm","reset","submit","isValid","Boolean","required","toggleAttribute","updateValidity","emitInvalidEvent","originalInvalidEvent","slInvalidEvent","CustomEvent","bubbles","composed","cancelable","detail","dispatchEvent","validValidityState","Object","freeze","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing","__spreadProps","HasSlotController","slotNames","handleSlotChange","slot","target","hasDefaultSlot","childNodes","some","node","nodeType","TEXT_NODE","textContent","trim","ELEMENT_NODE","hasNamedSlot","test","slotName","shadowRoot","o","t","l","i","r","super","n","PROPERTY","ATTRIBUTE","BOOLEAN_ATTRIBUTE","Error","render","update","e","s","SlCheckbox","ShoelaceElement","arguments","formControlController","checked","defaultChecked","hasSlotController","hasFocus","title","indeterminate","helpText","validationMessage","firstUpdated","handleClick","emit","handleBlur","handleInput","handleInvalid","handleFocus","handleDisabledChange","handleStateChange","focus","blur","setCustomValidity","message","hasHelpTextSlot","hasHelpText","html","classMap","checkbox","ifDefined","live","styles","component_styles_default","dependencies","SlIcon","__decorateClass","query","state","property","reflect","watch","waitUntilFirstUpdate","define","jumpFilterCheckboxCss","JumpFilterCheckboxStyle0","JumpFilterCheckbox","componentDidLoad","listenSLChange","toggleCheckbox","isChecked","h","Host","ref","label","count","class"],"sources":["node_modules/@shoelace-style/shoelace/dist/chunks/chunk.R3NF57O3.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GI7VDIWX.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.SI4ACBFK.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.KWPBDQ6I.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NYIIDP5N.js","node_modules/lit-html/directives/if-defined.js","node_modules/lit-html/directives/live.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WFOPYYZB.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.3DLLDGMJ.js","src/components/jump-filter-checkbox/jump-filter-checkbox.scss?tag=jump-filter-checkbox&encapsulation=shadow","src/components/jump-filter-checkbox/jump-filter-checkbox.tsx"],"sourcesContent":["// src/components/checkbox/checkbox.styles.ts\nimport { css } from \"lit\";\nvar checkbox_styles_default = css`\n :host {\n display: inline-block;\n }\n\n .checkbox {\n position: relative;\n display: inline-flex;\n align-items: flex-start;\n font-family: var(--sl-input-font-family);\n font-weight: var(--sl-input-font-weight);\n color: var(--sl-input-label-color);\n vertical-align: middle;\n cursor: pointer;\n }\n\n .checkbox--small {\n --toggle-size: var(--sl-toggle-size-small);\n font-size: var(--sl-input-font-size-small);\n }\n\n .checkbox--medium {\n --toggle-size: var(--sl-toggle-size-medium);\n font-size: var(--sl-input-font-size-medium);\n }\n\n .checkbox--large {\n --toggle-size: var(--sl-toggle-size-large);\n font-size: var(--sl-input-font-size-large);\n }\n\n .checkbox__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--toggle-size);\n height: var(--toggle-size);\n border: solid var(--sl-input-border-width) var(--sl-input-border-color);\n border-radius: 2px;\n background-color: var(--sl-input-background-color);\n color: var(--sl-color-neutral-0);\n transition:\n var(--sl-transition-fast) border-color,\n var(--sl-transition-fast) background-color,\n var(--sl-transition-fast) color,\n var(--sl-transition-fast) box-shadow;\n }\n\n .checkbox__input {\n position: absolute;\n opacity: 0;\n padding: 0;\n margin: 0;\n pointer-events: none;\n }\n\n .checkbox__checked-icon,\n .checkbox__indeterminate-icon {\n display: inline-flex;\n width: var(--toggle-size);\n height: var(--toggle-size);\n }\n\n /* Hover */\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n border-color: var(--sl-input-border-color-hover);\n background-color: var(--sl-input-background-color-hover);\n }\n\n /* Focus */\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: var(--sl-focus-ring);\n outline-offset: var(--sl-focus-ring-offset);\n }\n\n /* Checked/indeterminate */\n .checkbox--checked .checkbox__control,\n .checkbox--indeterminate .checkbox__control {\n border-color: var(--sl-color-primary-600);\n background-color: var(--sl-color-primary-600);\n }\n\n /* Checked/indeterminate + hover */\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n border-color: var(--sl-color-primary-500);\n background-color: var(--sl-color-primary-500);\n }\n\n /* Checked/indeterminate + focus */\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: var(--sl-focus-ring);\n outline-offset: var(--sl-focus-ring-offset);\n }\n\n /* Disabled */\n .checkbox--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .checkbox__label {\n display: inline-block;\n color: var(--sl-input-label-color);\n line-height: var(--toggle-size);\n margin-inline-start: 0.5em;\n user-select: none;\n -webkit-user-select: none;\n }\n\n :host([required]) .checkbox__label::after {\n content: var(--sl-input-required-content);\n color: var(--sl-input-required-content-color);\n margin-inline-start: var(--sl-input-required-content-offset);\n }\n`;\n\nexport {\n checkbox_styles_default\n};\n","// src/internal/default-value.ts\nimport { defaultConverter } from \"lit\";\nvar defaultValue = (propertyName = \"value\") => (proto, key) => {\n const ctor = proto.constructor;\n const attributeChangedCallback = ctor.prototype.attributeChangedCallback;\n ctor.prototype.attributeChangedCallback = function(name, old, value) {\n var _a;\n const options = ctor.getPropertyOptions(propertyName);\n const attributeName = typeof options.attribute === \"string\" ? options.attribute : propertyName;\n if (name === attributeName) {\n const converter = options.converter || defaultConverter;\n const fromAttribute = typeof converter === \"function\" ? converter : (_a = converter == null ? void 0 : converter.fromAttribute) != null ? _a : defaultConverter.fromAttribute;\n const newValue = fromAttribute(value, options.type);\n if (this[propertyName] !== newValue) {\n this[key] = newValue;\n }\n }\n attributeChangedCallback.call(this, name, old, value);\n };\n};\n\nexport {\n defaultValue\n};\n","// src/styles/form-control.styles.ts\nimport { css } from \"lit\";\nvar form_control_styles_default = css`\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: var(--sl-input-label-color);\n margin-bottom: var(--sl-spacing-3x-small);\n }\n\n .form-control--has-label.form-control--small .form-control__label {\n font-size: var(--sl-input-label-font-size-small);\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--sl-input-label-font-size-medium);\n }\n\n .form-control--has-label.form-control--large .form-control__label {\n font-size: var(--sl-input-label-font-size-large);\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: var(--sl-input-required-content);\n margin-inline-start: var(--sl-input-required-content-offset);\n color: var(--sl-input-required-content-color);\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--sl-input-help-text-color);\n margin-top: var(--sl-spacing-3x-small);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-small);\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-medium);\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--sl-input-help-text-font-size-large);\n }\n\n .form-control--has-help-text.form-control--radio-group .form-control__help-text {\n margin-top: var(--sl-spacing-2x-small);\n }\n`;\n\nexport {\n form_control_styles_default\n};\n","import {\n __spreadProps,\n __spreadValues\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/internal/form.ts\nvar formCollections = /* @__PURE__ */ new WeakMap();\nvar reportValidityOverloads = /* @__PURE__ */ new WeakMap();\nvar checkValidityOverloads = /* @__PURE__ */ new WeakMap();\nvar userInteractedControls = /* @__PURE__ */ new WeakSet();\nvar interactions = /* @__PURE__ */ new WeakMap();\nvar FormControlController = class {\n constructor(host, options) {\n this.handleFormData = (event) => {\n const disabled = this.options.disabled(this.host);\n const name = this.options.name(this.host);\n const value = this.options.value(this.host);\n const isButton = this.host.tagName.toLowerCase() === \"sl-button\";\n if (this.host.isConnected && !disabled && !isButton && typeof name === \"string\" && name.length > 0 && typeof value !== \"undefined\") {\n if (Array.isArray(value)) {\n value.forEach((val) => {\n event.formData.append(name, val.toString());\n });\n } else {\n event.formData.append(name, value.toString());\n }\n }\n };\n this.handleFormSubmit = (event) => {\n var _a;\n const disabled = this.options.disabled(this.host);\n const reportValidity = this.options.reportValidity;\n if (this.form && !this.form.noValidate) {\n (_a = formCollections.get(this.form)) == null ? void 0 : _a.forEach((control) => {\n this.setUserInteracted(control, true);\n });\n }\n if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n };\n this.handleFormReset = () => {\n this.options.setValue(this.host, this.options.defaultValue(this.host));\n this.setUserInteracted(this.host, false);\n interactions.set(this.host, []);\n };\n this.handleInteraction = (event) => {\n const emittedEvents = interactions.get(this.host);\n if (!emittedEvents.includes(event.type)) {\n emittedEvents.push(event.type);\n }\n if (emittedEvents.length === this.options.assumeInteractionOn.length) {\n this.setUserInteracted(this.host, true);\n }\n };\n this.checkFormValidity = () => {\n if (this.form && !this.form.noValidate) {\n const elements = this.form.querySelectorAll(\"*\");\n for (const element of elements) {\n if (typeof element.checkValidity === \"function\") {\n if (!element.checkValidity()) {\n return false;\n }\n }\n }\n }\n return true;\n };\n this.reportFormValidity = () => {\n if (this.form && !this.form.noValidate) {\n const elements = this.form.querySelectorAll(\"*\");\n for (const element of elements) {\n if (typeof element.reportValidity === \"function\") {\n if (!element.reportValidity()) {\n return false;\n }\n }\n }\n }\n return true;\n };\n (this.host = host).addController(this);\n this.options = __spreadValues({\n form: (input) => {\n const formId = input.form;\n if (formId) {\n const root = input.getRootNode();\n const form = root.querySelector(`#${formId}`);\n if (form) {\n return form;\n }\n }\n return input.closest(\"form\");\n },\n name: (input) => input.name,\n value: (input) => input.value,\n defaultValue: (input) => input.defaultValue,\n disabled: (input) => {\n var _a;\n return (_a = input.disabled) != null ? _a : false;\n },\n reportValidity: (input) => typeof input.reportValidity === \"function\" ? input.reportValidity() : true,\n checkValidity: (input) => typeof input.checkValidity === \"function\" ? input.checkValidity() : true,\n setValue: (input, value) => input.value = value,\n assumeInteractionOn: [\"sl-input\"]\n }, options);\n }\n hostConnected() {\n const form = this.options.form(this.host);\n if (form) {\n this.attachForm(form);\n }\n interactions.set(this.host, []);\n this.options.assumeInteractionOn.forEach((event) => {\n this.host.addEventListener(event, this.handleInteraction);\n });\n }\n hostDisconnected() {\n this.detachForm();\n interactions.delete(this.host);\n this.options.assumeInteractionOn.forEach((event) => {\n this.host.removeEventListener(event, this.handleInteraction);\n });\n }\n hostUpdated() {\n const form = this.options.form(this.host);\n if (!form) {\n this.detachForm();\n }\n if (form && this.form !== form) {\n this.detachForm();\n this.attachForm(form);\n }\n if (this.host.hasUpdated) {\n this.setValidity(this.host.validity.valid);\n }\n }\n attachForm(form) {\n if (form) {\n this.form = form;\n if (formCollections.has(this.form)) {\n formCollections.get(this.form).add(this.host);\n } else {\n formCollections.set(this.form, /* @__PURE__ */ new Set([this.host]));\n }\n this.form.addEventListener(\"formdata\", this.handleFormData);\n this.form.addEventListener(\"submit\", this.handleFormSubmit);\n this.form.addEventListener(\"reset\", this.handleFormReset);\n if (!reportValidityOverloads.has(this.form)) {\n reportValidityOverloads.set(this.form, this.form.reportValidity);\n this.form.reportValidity = () => this.reportFormValidity();\n }\n if (!checkValidityOverloads.has(this.form)) {\n checkValidityOverloads.set(this.form, this.form.checkValidity);\n this.form.checkValidity = () => this.checkFormValidity();\n }\n } else {\n this.form = void 0;\n }\n }\n detachForm() {\n if (!this.form)\n return;\n const formCollection = formCollections.get(this.form);\n if (!formCollection) {\n return;\n }\n formCollection.delete(this.host);\n if (formCollection.size <= 0) {\n this.form.removeEventListener(\"formdata\", this.handleFormData);\n this.form.removeEventListener(\"submit\", this.handleFormSubmit);\n this.form.removeEventListener(\"reset\", this.handleFormReset);\n if (reportValidityOverloads.has(this.form)) {\n this.form.reportValidity = reportValidityOverloads.get(this.form);\n reportValidityOverloads.delete(this.form);\n }\n if (checkValidityOverloads.has(this.form)) {\n this.form.checkValidity = checkValidityOverloads.get(this.form);\n checkValidityOverloads.delete(this.form);\n }\n this.form = void 0;\n }\n }\n setUserInteracted(el, hasInteracted) {\n if (hasInteracted) {\n userInteractedControls.add(el);\n } else {\n userInteractedControls.delete(el);\n }\n el.requestUpdate();\n }\n doAction(type, submitter) {\n if (this.form) {\n const button = document.createElement(\"button\");\n button.type = type;\n button.style.position = \"absolute\";\n button.style.width = \"0\";\n button.style.height = \"0\";\n button.style.clipPath = \"inset(50%)\";\n button.style.overflow = \"hidden\";\n button.style.whiteSpace = \"nowrap\";\n if (submitter) {\n button.name = submitter.name;\n button.value = submitter.value;\n [\"formaction\", \"formenctype\", \"formmethod\", \"formnovalidate\", \"formtarget\"].forEach((attr) => {\n if (submitter.hasAttribute(attr)) {\n button.setAttribute(attr, submitter.getAttribute(attr));\n }\n });\n }\n this.form.append(button);\n button.click();\n button.remove();\n }\n }\n /** Returns the associated `<form>` element, if one exists. */\n getForm() {\n var _a;\n return (_a = this.form) != null ? _a : null;\n }\n /** Resets the form, restoring all the control to their default value */\n reset(submitter) {\n this.doAction(\"reset\", submitter);\n }\n /** Submits the form, triggering validation and form data injection. */\n submit(submitter) {\n this.doAction(\"submit\", submitter);\n }\n /**\n * Synchronously sets the form control's validity. Call this when you know the future validity but need to update\n * the host element immediately, i.e. before Lit updates the component in the next update.\n */\n setValidity(isValid) {\n const host = this.host;\n const hasInteracted = Boolean(userInteractedControls.has(host));\n const required = Boolean(host.required);\n host.toggleAttribute(\"data-required\", required);\n host.toggleAttribute(\"data-optional\", !required);\n host.toggleAttribute(\"data-invalid\", !isValid);\n host.toggleAttribute(\"data-valid\", isValid);\n host.toggleAttribute(\"data-user-invalid\", !isValid && hasInteracted);\n host.toggleAttribute(\"data-user-valid\", isValid && hasInteracted);\n }\n /**\n * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything\n * that affects constraint validation changes so the component receives the correct validity states.\n */\n updateValidity() {\n const host = this.host;\n this.setValidity(host.validity.valid);\n }\n /**\n * Dispatches a non-bubbling, cancelable custom event of type `sl-invalid`.\n * If the `sl-invalid` event will be cancelled then the original `invalid`\n * event (which may have been passed as argument) will also be cancelled.\n * If no original `invalid` event has been passed then the `sl-invalid`\n * event will be cancelled before being dispatched.\n */\n emitInvalidEvent(originalInvalidEvent) {\n const slInvalidEvent = new CustomEvent(\"sl-invalid\", {\n bubbles: false,\n composed: false,\n cancelable: true,\n detail: {}\n });\n if (!originalInvalidEvent) {\n slInvalidEvent.preventDefault();\n }\n if (!this.host.dispatchEvent(slInvalidEvent)) {\n originalInvalidEvent == null ? void 0 : originalInvalidEvent.preventDefault();\n }\n }\n};\nvar validValidityState = Object.freeze({\n badInput: false,\n customError: false,\n patternMismatch: false,\n rangeOverflow: false,\n rangeUnderflow: false,\n stepMismatch: false,\n tooLong: false,\n tooShort: false,\n typeMismatch: false,\n valid: true,\n valueMissing: false\n});\nvar valueMissingValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {\n valid: false,\n valueMissing: true\n}));\nvar customErrorValidityState = Object.freeze(__spreadProps(__spreadValues({}, validValidityState), {\n valid: false,\n customError: true\n}));\n\nexport {\n formCollections,\n FormControlController,\n validValidityState,\n valueMissingValidityState,\n customErrorValidityState\n};\n","// src/internal/slot.ts\nvar HasSlotController = class {\n constructor(host, ...slotNames) {\n this.slotNames = [];\n this.handleSlotChange = (event) => {\n const slot = event.target;\n if (this.slotNames.includes(\"[default]\") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {\n this.host.requestUpdate();\n }\n };\n (this.host = host).addController(this);\n this.slotNames = slotNames;\n }\n hasDefaultSlot() {\n return [...this.host.childNodes].some((node) => {\n if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n return true;\n }\n if (node.nodeType === node.ELEMENT_NODE) {\n const el = node;\n const tagName = el.tagName.toLowerCase();\n if (tagName === \"sl-visually-hidden\") {\n return false;\n }\n if (!el.hasAttribute(\"slot\")) {\n return true;\n }\n }\n return false;\n });\n }\n hasNamedSlot(name) {\n return this.host.querySelector(`:scope > [slot=\"${name}\"]`) !== null;\n }\n test(slotName) {\n return slotName === \"[default]\" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);\n }\n hostConnected() {\n this.host.shadowRoot.addEventListener(\"slotchange\", this.handleSlotChange);\n }\n hostDisconnected() {\n this.host.shadowRoot.removeEventListener(\"slotchange\", this.handleSlotChange);\n }\n};\nfunction getTextContent(slot) {\n if (!slot) {\n return \"\";\n }\n const nodes = slot.assignedNodes({ flatten: true });\n let text = \"\";\n [...nodes].forEach((node) => {\n if (node.nodeType === Node.TEXT_NODE) {\n text += node.textContent;\n }\n });\n return text;\n}\n\nexport {\n HasSlotController,\n getTextContent\n};\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import{noChange as r,nothing as e}from\"../lit-html.js\";import{directive as i,Directive as t,PartType as n}from\"../directive.js\";import{isSingleExpression as o,setCommittedValue as s}from\"../directive-helpers.js\";\n/**\n * @license\n * Copyright 2020 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const l=i(class extends t{constructor(r){if(super(r),r.type!==n.PROPERTY&&r.type!==n.ATTRIBUTE&&r.type!==n.BOOLEAN_ATTRIBUTE)throw Error(\"The `live` directive is not allowed on child or event bindings\");if(!o(r))throw Error(\"`live` bindings can only contain a single expression\")}render(r){return r}update(i,[t]){if(t===r||t===e)return t;const o=i.element,l=i.name;if(i.type===n.PROPERTY){if(t===o[l])return r}else if(i.type===n.BOOLEAN_ATTRIBUTE){if(!!t===o.hasAttribute(l))return r}else if(i.type===n.ATTRIBUTE&&o.getAttribute(l)===t+\"\")return r;return s(i),t}});export{l as live};\n//# sourceMappingURL=live.js.map\n","import {\n checkbox_styles_default\n} from \"./chunk.R3NF57O3.js\";\nimport {\n defaultValue\n} from \"./chunk.GI7VDIWX.js\";\nimport {\n form_control_styles_default\n} from \"./chunk.SI4ACBFK.js\";\nimport {\n FormControlController\n} from \"./chunk.KWPBDQ6I.js\";\nimport {\n HasSlotController\n} from \"./chunk.NYIIDP5N.js\";\nimport {\n SlIcon\n} from \"./chunk.H33C3MRM.js\";\nimport {\n watch\n} from \"./chunk.2FB5TK5H.js\";\nimport {\n component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n ShoelaceElement\n} from \"./chunk.SFSTXCXC.js\";\nimport {\n __decorateClass\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/components/checkbox/checkbox.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport { live } from \"lit/directives/live.js\";\nimport { property, query, state } from \"lit/decorators.js\";\nvar SlCheckbox = class extends ShoelaceElement {\n constructor() {\n super(...arguments);\n this.formControlController = new FormControlController(this, {\n value: (control) => control.checked ? control.value || \"on\" : void 0,\n defaultValue: (control) => control.defaultChecked,\n setValue: (control, checked) => control.checked = checked\n });\n this.hasSlotController = new HasSlotController(this, \"help-text\");\n this.hasFocus = false;\n this.title = \"\";\n this.name = \"\";\n this.size = \"medium\";\n this.disabled = false;\n this.checked = false;\n this.indeterminate = false;\n this.defaultChecked = false;\n this.form = \"\";\n this.required = false;\n this.helpText = \"\";\n }\n /** Gets the validity state object */\n get validity() {\n return this.input.validity;\n }\n /** Gets the validation message */\n get validationMessage() {\n return this.input.validationMessage;\n }\n firstUpdated() {\n this.formControlController.updateValidity();\n }\n handleClick() {\n this.checked = !this.checked;\n this.indeterminate = false;\n this.emit(\"sl-change\");\n }\n handleBlur() {\n this.hasFocus = false;\n this.emit(\"sl-blur\");\n }\n handleInput() {\n this.emit(\"sl-input\");\n }\n handleInvalid(event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n handleFocus() {\n this.hasFocus = true;\n this.emit(\"sl-focus\");\n }\n handleDisabledChange() {\n this.formControlController.setValidity(this.disabled);\n }\n handleStateChange() {\n this.input.checked = this.checked;\n this.input.indeterminate = this.indeterminate;\n this.formControlController.updateValidity();\n }\n /** Simulates a click on the checkbox. */\n click() {\n this.input.click();\n }\n /** Sets focus on the checkbox. */\n focus(options) {\n this.input.focus(options);\n }\n /** Removes focus from the checkbox. */\n blur() {\n this.input.blur();\n }\n /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n checkValidity() {\n return this.input.checkValidity();\n }\n /** Gets the associated form, if one exists. */\n getForm() {\n return this.formControlController.getForm();\n }\n /** Checks for validity and shows the browser's validation message if the control is invalid. */\n reportValidity() {\n return this.input.reportValidity();\n }\n /**\n * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\n * the custom validation message, call this method with an empty string.\n */\n setCustomValidity(message) {\n this.input.setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n render() {\n const hasHelpTextSlot = this.hasSlotController.test(\"help-text\");\n const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n return html`\n <div\n class=${classMap({\n \"form-control\": true,\n \"form-control--small\": this.size === \"small\",\n \"form-control--medium\": this.size === \"medium\",\n \"form-control--large\": this.size === \"large\",\n \"form-control--has-help-text\": hasHelpText\n })}\n >\n <label\n part=\"base\"\n class=${classMap({\n checkbox: true,\n \"checkbox--checked\": this.checked,\n \"checkbox--disabled\": this.disabled,\n \"checkbox--focused\": this.hasFocus,\n \"checkbox--indeterminate\": this.indeterminate,\n \"checkbox--small\": this.size === \"small\",\n \"checkbox--medium\": this.size === \"medium\",\n \"checkbox--large\": this.size === \"large\"\n })}\n >\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n title=${this.title}\n name=${this.name}\n value=${ifDefined(this.value)}\n .indeterminate=${live(this.indeterminate)}\n .checked=${live(this.checked)}\n .disabled=${this.disabled}\n .required=${this.required}\n aria-checked=${this.checked ? \"true\" : \"false\"}\n aria-describedby=\"help-text\"\n @click=${this.handleClick}\n @input=${this.handleInput}\n @invalid=${this.handleInvalid}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n\n <span\n part=\"control${this.checked ? \" control--checked\" : \"\"}${this.indeterminate ? \" control--indeterminate\" : \"\"}\"\n class=\"checkbox__control\"\n >\n ${this.checked ? html`\n <sl-icon part=\"checked-icon\" class=\"checkbox__checked-icon\" library=\"system\" name=\"check\"></sl-icon>\n ` : \"\"}\n ${!this.checked && this.indeterminate ? html`\n <sl-icon\n part=\"indeterminate-icon\"\n class=\"checkbox__indeterminate-icon\"\n library=\"system\"\n name=\"indeterminate\"\n ></sl-icon>\n ` : \"\"}\n </span>\n\n <div part=\"label\" class=\"checkbox__label\">\n <slot></slot>\n </div>\n </label>\n\n <div\n aria-hidden=${hasHelpText ? \"false\" : \"true\"}\n class=\"form-control__help-text\"\n id=\"help-text\"\n part=\"form-control-help-text\"\n >\n <slot name=\"help-text\">${this.helpText}</slot>\n </div>\n </div>\n `;\n }\n};\nSlCheckbox.styles = [component_styles_default, form_control_styles_default, checkbox_styles_default];\nSlCheckbox.dependencies = { \"sl-icon\": SlIcon };\n__decorateClass([\n query('input[type=\"checkbox\"]')\n], SlCheckbox.prototype, \"input\", 2);\n__decorateClass([\n state()\n], SlCheckbox.prototype, \"hasFocus\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"title\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"name\", 2);\n__decorateClass([\n property()\n], SlCheckbox.prototype, \"value\", 2);\n__decorateClass([\n property({ reflect: true })\n], SlCheckbox.prototype, \"size\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"disabled\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"checked\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"indeterminate\", 2);\n__decorateClass([\n defaultValue(\"checked\")\n], SlCheckbox.prototype, \"defaultChecked\", 2);\n__decorateClass([\n property({ reflect: true })\n], SlCheckbox.prototype, \"form\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlCheckbox.prototype, \"required\", 2);\n__decorateClass([\n property({ attribute: \"help-text\" })\n], SlCheckbox.prototype, \"helpText\", 2);\n__decorateClass([\n watch(\"disabled\", { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleDisabledChange\", 1);\n__decorateClass([\n watch([\"checked\", \"indeterminate\"], { waitUntilFirstUpdate: true })\n], SlCheckbox.prototype, \"handleStateChange\", 1);\n\nexport {\n SlCheckbox\n};\n","import {\n SlCheckbox\n} from \"./chunk.WFOPYYZB.js\";\n\n// src/components/checkbox/checkbox.ts\nvar checkbox_default = SlCheckbox;\nSlCheckbox.define(\"sl-checkbox\");\n\nexport {\n checkbox_default\n};\n",":host {\n display: flex;\n width: 100%;\n\n .count {\n color: var(--neutral-grey-secondary, #707070);\n }\n\n sl-checkbox {\n display: flex;\n width: 100%;\n\n &::part(control) {\n height: 1rem;\n width: 1rem;\n border: 1px solid var(--neutral-grey-secondary, #707070);\n border-radius: 3px;\n margin-top: 3px;\n }\n\n &::part(control--checked) {\n background-color: var(--status-interaction-standard, #2C6ECB);\n border-color: var(--status-interaction-standard, #2C6ECB);\n color: var(--neutral-ultralight, #fff);\n }\n\n &::part(label) {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n flex-grow: 1;\n color: var(--neutral-grey-primary, #1d1d1d);\n font-family: var(--ff-primary), serif;\n }\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Method } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/checkbox/checkbox.js';\n\n@Component({\n tag: 'jump-filter-checkbox',\n styleUrl: 'jump-filter-checkbox.scss',\n shadow: true,\n})\nexport class JumpFilterCheckbox {\n\n @Prop() value: string;\n @Prop() label: string;\n @Prop({ reflect: true }) checked: boolean = false;\n @Prop() count: number | string = null;\n\n host: HTMLElement;\n el: HTMLElement;\n\n componentDidLoad() {\n this.listenSLChange();\n }\n\n listenSLChange() {\n if (this.host) {\n this.host.addEventListener('sl-change', () => {\n //invert the checked value\n this.checked = !this.checked;\n this.toggleCheckbox.emit({\n //@ts-ignore\n value: this.el.value,\n //@ts-ignore\n checked: this.checked,\n });\n });\n }\n }\n\n @Event({ eventName: 'jump-checkbox-change' }) toggleCheckbox: EventEmitter;\n\n @Method()\n async isChecked() {\n // @ts-ignore\n return this.el.checked;\n }\n\n render() {\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n {this.value && this.label &&\n <sl-checkbox value={this.value} ref={(el: HTMLElement) => this.el = el}\n checked={this.checked}>\n {this.label}\n </sl-checkbox>}\n {this.count && <span class=\"count\">{this.count}</span>}\n </Host>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import{r as e,c as o,h as r,H as t}from"./p-21aa0095.js";import{i as a,_ as s,a as i,c as n,S as l,b as d,w as c,d as u,x as h,n as p}from"./p-d33f4f1d.js";import{e as m,a as f}from"./p-198cfe62.js";var b=a`
|
|
2
|
-
:host {
|
|
3
|
-
display: block;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.details {
|
|
7
|
-
border: solid 1px var(--sl-color-neutral-200);
|
|
8
|
-
border-radius: var(--sl-border-radius-medium);
|
|
9
|
-
background-color: var(--sl-color-neutral-0);
|
|
10
|
-
overflow-anchor: none;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.details--disabled {
|
|
14
|
-
opacity: 0.5;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.details__header {
|
|
18
|
-
display: flex;
|
|
19
|
-
align-items: center;
|
|
20
|
-
border-radius: inherit;
|
|
21
|
-
padding: var(--sl-spacing-medium);
|
|
22
|
-
user-select: none;
|
|
23
|
-
-webkit-user-select: none;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.details__header::-webkit-details-marker {
|
|
28
|
-
display: none;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.details__header:focus {
|
|
32
|
-
outline: none;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.details__header:focus-visible {
|
|
36
|
-
outline: var(--sl-focus-ring);
|
|
37
|
-
outline-offset: calc(1px + var(--sl-focus-ring-offset));
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.details--disabled .details__header {
|
|
41
|
-
cursor: not-allowed;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.details--disabled .details__header:focus-visible {
|
|
45
|
-
outline: none;
|
|
46
|
-
box-shadow: none;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.details__summary {
|
|
50
|
-
flex: 1 1 auto;
|
|
51
|
-
display: flex;
|
|
52
|
-
align-items: center;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.details__summary-icon {
|
|
56
|
-
flex: 0 0 auto;
|
|
57
|
-
display: flex;
|
|
58
|
-
align-items: center;
|
|
59
|
-
transition: var(--sl-transition-medium) rotate ease;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.details--open .details__summary-icon {
|
|
63
|
-
rotate: 90deg;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.details--open.details--rtl .details__summary-icon {
|
|
67
|
-
rotate: -90deg;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.details--open slot[name='expand-icon'],
|
|
71
|
-
.details:not(.details--open) slot[name='collapse-icon'] {
|
|
72
|
-
display: none;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.details__body {
|
|
76
|
-
overflow: hidden;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.details__content {
|
|
80
|
-
display: block;
|
|
81
|
-
padding: var(--sl-spacing-medium);
|
|
82
|
-
}
|
|
83
|
-
`;var y=new Map;var v=new WeakMap;function g(e){return e!=null?e:{keyframes:[],options:{duration:0}}}function w(e,o){if(o.toLowerCase()==="rtl"){return{keyframes:e.rtlKeyframes||e.keyframes,options:e.options}}return e}function x(e,o){y.set(e,g(o))}function _(e,o,r){const t=v.get(e);if(t==null?void 0:t[o]){return w(t[o],r.dir)}const a=y.get(o);if(a){return w(a,r.dir)}return{keyframes:[],options:{duration:0}}}function j(e,o){return new Promise((r=>{function t(a){if(a.target===e){e.removeEventListener(o,t);r()}}e.addEventListener(o,t)}))}function k(e,o,r){return new Promise((t=>{if((r==null?void 0:r.duration)===Infinity){throw new Error("Promise-based animations must be finite.")}const a=e.animate(o,s(i({},r),{duration:$()?0:r.duration}));a.addEventListener("cancel",t,{once:true});a.addEventListener("finish",t,{once:true})}))}function $(){const e=window.matchMedia("(prefers-reduced-motion: reduce)");return e.matches}function S(e){return Promise.all(e.getAnimations().map((e=>new Promise((o=>{e.cancel();requestAnimationFrame(o)})))))}function C(e,o){return e.map((e=>s(i({},e),{height:e.height==="auto"?`${o}px`:e.height})))}const F=new Set;const A=new MutationObserver(D);const P=new Map;let E=document.documentElement.dir||"ltr";let I=document.documentElement.lang||navigator.language;let O;A.observe(document.documentElement,{attributes:true,attributeFilter:["dir","lang"]});function z(...e){e.map((e=>{const o=e.$code.toLowerCase();if(P.has(o)){P.set(o,Object.assign(Object.assign({},P.get(o)),e))}else{P.set(o,e)}if(!O){O=e}}));D()}function D(){E=document.documentElement.dir||"ltr";I=document.documentElement.lang||navigator.language;[...F.keys()].map((e=>{if(typeof e.requestUpdate==="function"){e.requestUpdate()}}))}class N{constructor(e){this.host=e;this.host.addController(this)}hostConnected(){F.add(this.host)}hostDisconnected(){F.delete(this.host)}dir(){return`${this.host.dir||E}`.toLowerCase()}lang(){return`${this.host.lang||I}`.toLowerCase()}getTranslationData(e){var o,r;const t=new Intl.Locale(e.replace(/_/g,"-"));const a=t===null||t===void 0?void 0:t.language.toLowerCase();const s=(r=(o=t===null||t===void 0?void 0:t.region)===null||o===void 0?void 0:o.toLowerCase())!==null&&r!==void 0?r:"";const i=P.get(`${a}-${s}`);const n=P.get(a);return{locale:t,language:a,region:s,primary:i,secondary:n}}exists(e,o){var r;const{primary:t,secondary:a}=this.getTranslationData((r=o.lang)!==null&&r!==void 0?r:this.lang());o=Object.assign({includeFallback:false},o);if(t&&t[e]||a&&a[e]||o.includeFallback&&O&&O[e]){return true}return false}term(e,...o){const{primary:r,secondary:t}=this.getTranslationData(this.lang());let a;if(r&&r[e]){a=r[e]}else if(t&&t[e]){a=t[e]}else if(O&&O[e]){a=O[e]}else{console.error(`No translation found for: ${String(e)}`);return String(e)}if(typeof a==="function"){return a(...o)}return a}date(e,o){e=new Date(e);return new Intl.DateTimeFormat(this.lang(),o).format(e)}number(e,o){e=Number(e);return isNaN(e)?"":new Intl.NumberFormat(this.lang(),o).format(e)}relativeTime(e,o,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(e,o)}}var T={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(e,o)=>`Go to slide ${e} of ${o}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:e=>{if(e===0)return"No options selected";if(e===1)return"1 option selected";return`${e} options selected`},previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:e=>`Slide ${e}`,toggleColorFormat:"Toggle color format"};z(T);var M=T;var U=class extends N{};z(M);var R=class extends u{constructor(){super(...arguments);this.localize=new U(this);this.open=false;this.disabled=false}firstUpdated(){this.body.style.height=this.open?"auto":"0";if(this.open){this.details.open=true}this.detailsObserver=new MutationObserver((e=>{for(const o of e){if(o.type==="attributes"&&o.attributeName==="open"){if(this.details.open){this.show()}else{this.hide()}}}}));this.detailsObserver.observe(this.details,{attributes:true})}disconnectedCallback(){super.disconnectedCallback();this.detailsObserver.disconnect()}handleSummaryClick(e){e.preventDefault();if(!this.disabled){if(this.open){this.hide()}else{this.show()}this.header.focus()}}handleSummaryKeyDown(e){if(e.key==="Enter"||e.key===" "){e.preventDefault();if(this.open){this.hide()}else{this.show()}}if(e.key==="ArrowUp"||e.key==="ArrowLeft"){e.preventDefault();this.hide()}if(e.key==="ArrowDown"||e.key==="ArrowRight"){e.preventDefault();this.show()}}async handleOpenChange(){if(this.open){this.details.open=true;const e=this.emit("sl-show",{cancelable:true});if(e.defaultPrevented){this.open=false;this.details.open=false;return}await S(this.body);const{keyframes:o,options:r}=_(this,"details.show",{dir:this.localize.dir()});await k(this.body,C(o,this.body.scrollHeight),r);this.body.style.height="auto";this.emit("sl-after-show")}else{const e=this.emit("sl-hide",{cancelable:true});if(e.defaultPrevented){this.details.open=true;this.open=true;return}await S(this.body);const{keyframes:o,options:r}=_(this,"details.hide",{dir:this.localize.dir()});await k(this.body,C(o,this.body.scrollHeight),r);this.body.style.height="auto";this.details.open=false;this.emit("sl-after-hide")}}async show(){if(this.open||this.disabled){return void 0}this.open=true;return j(this,"sl-after-show")}async hide(){if(!this.open||this.disabled){return void 0}this.open=false;return j(this,"sl-after-hide")}render(){const e=this.localize.dir()==="rtl";return h`
|
|
84
|
-
<details
|
|
85
|
-
part="base"
|
|
86
|
-
class=${m({details:true,"details--open":this.open,"details--disabled":this.disabled,"details--rtl":e})}
|
|
87
|
-
>
|
|
88
|
-
<summary
|
|
89
|
-
part="header"
|
|
90
|
-
id="header"
|
|
91
|
-
class="details__header"
|
|
92
|
-
role="button"
|
|
93
|
-
aria-expanded=${this.open?"true":"false"}
|
|
94
|
-
aria-controls="content"
|
|
95
|
-
aria-disabled=${this.disabled?"true":"false"}
|
|
96
|
-
tabindex=${this.disabled?"-1":"0"}
|
|
97
|
-
@click=${this.handleSummaryClick}
|
|
98
|
-
@keydown=${this.handleSummaryKeyDown}
|
|
99
|
-
>
|
|
100
|
-
<slot name="summary" part="summary" class="details__summary">${this.summary}</slot>
|
|
101
|
-
|
|
102
|
-
<span part="summary-icon" class="details__summary-icon">
|
|
103
|
-
<slot name="expand-icon">
|
|
104
|
-
<sl-icon library="system" name=${e?"chevron-left":"chevron-right"}></sl-icon>
|
|
105
|
-
</slot>
|
|
106
|
-
<slot name="collapse-icon">
|
|
107
|
-
<sl-icon library="system" name=${e?"chevron-left":"chevron-right"}></sl-icon>
|
|
108
|
-
</slot>
|
|
109
|
-
</span>
|
|
110
|
-
</summary>
|
|
111
|
-
|
|
112
|
-
<div class="details__body" role="region" aria-labelledby="header">
|
|
113
|
-
<slot part="content" id="content" class="details__content"></slot>
|
|
114
|
-
</div>
|
|
115
|
-
</details>
|
|
116
|
-
`}};R.styles=[n,b];R.dependencies={"sl-icon":l};d([f(".details")],R.prototype,"details",2);d([f(".details__header")],R.prototype,"header",2);d([f(".details__body")],R.prototype,"body",2);d([f(".details__expand-icon-slot")],R.prototype,"expandIconSlot",2);d([p({type:Boolean,reflect:true})],R.prototype,"open",2);d([p()],R.prototype,"summary",2);d([p({type:Boolean,reflect:true})],R.prototype,"disabled",2);d([c("open",{waitUntilFirstUpdate:true})],R.prototype,"handleOpenChange",1);x("details.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}});x("details.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});R.define("sl-details");const B=':host{--jump-acordion-header-color:var(--neutral-grey-primary, #282828);--jump-accordion-border-color:var(--neutral-grey-secondary, #707070);--jump-accordion-icon-color:var(--neutral-grey-primary, #282828);--jump-accordion-font-family:var(--ff-primary, "Inter", sans-serif)}:host ::part(base){border-radius:3px;border:none;font-family:var(--jump-accordion-font-family)}:host ::part(header){padding:24px;font-weight:bold;font-size:18px}:host ::part(content){padding-left:24px;padding-bottom:24px;padding-right:24px;margin:0px}:host(.boxed){--jump-accordion-bg-color:var(--secondary-standard, #5e79ba);--jump-accordion-color:var(--neutral-white, #ffffff);--jump-accordion-icon-color:var(--neutral-white, #ffffff)}:host(.boxed) ::part(base){background-color:var(--jump-accordion-bg-color);color:var(--jump-accordion-color)}:host(.boxed) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.sidestroke){--jump-accordion-stroke-color:var(--secondary-standard, #5e79ba);--jump-accordion-bg-color:var(--secondary-soft, #EDF2FA);--jump-accordion-color:var(--neutral-grey-primary, #282828);--jump-accordion-icon-color:var(--neutral-grey-primary, #282828)}:host(.sidestroke) ::part(base){border-left:6px solid var(--jump-accordion-stroke-color);background-color:var(--jump-accordion-bg-color);color:var(--jump-accordion-color)}:host(.sidestroke) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.boxedheader){--jump-accordion-header-bg-color:var(--secondary-soft, #EDF2FA);--jump-acordion-header-color:var(--secondary-standard, #5e79ba);--jump-accordion-icon-color:var(--secondary-standard, #5e79ba)}:host(.boxedheader) ::part(header){background-color:var(--jump-accordion-header-bg-color);color:var(--jump-acordion-header-color)}:host(.boxedheader) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host(.boxedheader) ::part(content){background-color:transparent;padding-top:16px;padding-bottom:16px}:host(.divider) ::part(base){background-color:transparent;border-top:1px solid var(--jump-accordion-border-color);border-bottom:1px solid var(--jump-accordion-border-color);border-radius:0px}:host(.divider) ::part(header){color:var(--jump-acordion-header-color)}:host(.divider) ::part(summary-icon){color:var(--jump-accordion-icon-color)}:host ::part(summary-icon){rotate:none}';const H=B;const L=class{constructor(r){e(this,r);this.jumpAccordionOpen=o(this,"jump-accordion-open",7);this.variant=undefined;this.summary=undefined;this.disabled=undefined;this.open=undefined;this.icon=undefined;this.identifier=undefined}handleShow(){this.open=true;this.jumpAccordionOpen.emit("open")}renderIcons(){if(this.icon==="plus"){return[r("jump-icon",{library:"fa",category:"regular",name:"plus",size:"small",slot:"expand-icon"}),r("jump-icon",{library:"fa",category:"regular",name:"minus",size:"small",slot:"collapse-icon"})]}else{return[r("jump-icon",{library:"fa",category:"regular",name:"chevron-down",size:"small",slot:"expand-icon"}),r("jump-icon",{library:"fa",category:"regular",name:"chevron-up",size:"small",slot:"collapse-icon"})]}}render(){return r(t,{key:"0bf4df9cd8b59e2dbb716360d2c55c294c1e7cd5",class:"JumpAccordion "+this.variant,open:this.open,id:this.identifier},r("sl-details",{key:"b453e7c90758e88ed92bb479ee0a87d10716d653",class:"item",summary:this.summary,disabled:this.disabled,open:this.open},this.renderIcons(),r("slot",{key:"ea98bc779ab7aca79eeef5436c26d53bb4ac3b16",name:"acc-content"})))}};L.style=H;export{L as jump_accordion};
|
|
117
|
-
//# sourceMappingURL=p-842fff70.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["details_styles_default","css","defaultAnimationRegistry","Map","customAnimationRegistry","WeakMap","ensureAnimation","animation","keyframes","options","duration","getLogicalAnimation","dir","toLowerCase","rtlKeyframes","setDefaultAnimation","animationName","set","getAnimation","el","customAnimation","get","defaultAnimation","waitForEvent","eventName","Promise","resolve","done","event","target","removeEventListener","addEventListener","animateTo","Infinity","Error","animate","__spreadProps","__spreadValues","prefersReducedMotion","once","query","window","matchMedia","matches","stopAnimations","all","getAnimations","map","cancel","requestAnimationFrame","shimKeyframesHeightAuto","calculatedHeight","keyframe","height","connectedElements","Set","documentElementObserver","MutationObserver","update","translations","documentDirection","document","documentElement","documentLanguage","lang","navigator","language","fallback","observe","attributes","attributeFilter","registerTranslation","translation","t","code","$code","has","Object","assign","keys","requestUpdate","LocalizeController","constructor","host","this","addController","hostConnected","add","hostDisconnected","delete","getTranslationData","_a","_b","locale","Intl","Locale","replace","region","primary","secondary","exists","key","includeFallback","term","args","console","error","String","date","dateToFormat","Date","DateTimeFormat","format","number","numberToFormat","Number","isNaN","NumberFormat","relativeTime","value","unit","RelativeTimeFormat","$name","$dir","carousel","clearEntry","close","copied","copy","currentValue","goToSlide","slide","count","hidePassword","loading","nextSlide","numOptionsSelected","num","previousSlide","progress","remove","resize","scrollToEnd","scrollToStart","selectAColorFromTheScreen","showPassword","slideNum","toggleColorFormat","en_default","DefaultLocalizationController","SlDetails","ShoelaceElement","super","arguments","localize","open","disabled","firstUpdated","body","style","details","detailsObserver","changes","change","type","attributeName","show","hide","disconnectedCallback","disconnect","handleSummaryClick","preventDefault","header","focus","handleSummaryKeyDown","handleOpenChange","slShow","emit","cancelable","defaultPrevented","scrollHeight","slHide","render","isRtl","html","classMap","summary","styles","component_styles_default","dependencies","SlIcon","__decorateClass","prototype","property","Boolean","reflect","watch","waitUntilFirstUpdate","opacity","easing","define","jumpAccordionCss","JumpAccordionStyle0","JumpAccordion","handleShow","jumpAccordionOpen","renderIcons","icon","h","library","category","name","size","slot","Host","class","id","identifier"],"sources":["node_modules/@shoelace-style/shoelace/dist/chunks/chunk.J7PLVEQM.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.DHU6MIVB.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B4BZKR24.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.LHI6QEL2.js","node_modules/@shoelace-style/localize/dist/index.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MAS2SHYD.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WLV3FVBR.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NTUEQTVT.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MU3U6YPN.js","src/components/jump-accordion/jump-accordion.scss?tag=jump-accordion&encapsulation=shadow","src/components/jump-accordion/jump-accordion.tsx"],"sourcesContent":["// src/components/details/details.styles.ts\nimport { css } from \"lit\";\nvar details_styles_default = css`\n :host {\n display: block;\n }\n\n .details {\n border: solid 1px var(--sl-color-neutral-200);\n border-radius: var(--sl-border-radius-medium);\n background-color: var(--sl-color-neutral-0);\n overflow-anchor: none;\n }\n\n .details--disabled {\n opacity: 0.5;\n }\n\n .details__header {\n display: flex;\n align-items: center;\n border-radius: inherit;\n padding: var(--sl-spacing-medium);\n user-select: none;\n -webkit-user-select: none;\n cursor: pointer;\n }\n\n .details__header::-webkit-details-marker {\n display: none;\n }\n\n .details__header:focus {\n outline: none;\n }\n\n .details__header:focus-visible {\n outline: var(--sl-focus-ring);\n outline-offset: calc(1px + var(--sl-focus-ring-offset));\n }\n\n .details--disabled .details__header {\n cursor: not-allowed;\n }\n\n .details--disabled .details__header:focus-visible {\n outline: none;\n box-shadow: none;\n }\n\n .details__summary {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n }\n\n .details__summary-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--sl-transition-medium) rotate ease;\n }\n\n .details--open .details__summary-icon {\n rotate: 90deg;\n }\n\n .details--open.details--rtl .details__summary-icon {\n rotate: -90deg;\n }\n\n .details--open slot[name='expand-icon'],\n .details:not(.details--open) slot[name='collapse-icon'] {\n display: none;\n }\n\n .details__body {\n overflow: hidden;\n }\n\n .details__content {\n display: block;\n padding: var(--sl-spacing-medium);\n }\n`;\n\nexport {\n details_styles_default\n};\n","import {\n __spreadProps,\n __spreadValues\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/utilities/animation-registry.ts\nvar defaultAnimationRegistry = /* @__PURE__ */ new Map();\nvar customAnimationRegistry = /* @__PURE__ */ new WeakMap();\nfunction ensureAnimation(animation) {\n return animation != null ? animation : { keyframes: [], options: { duration: 0 } };\n}\nfunction getLogicalAnimation(animation, dir) {\n if (dir.toLowerCase() === \"rtl\") {\n return {\n keyframes: animation.rtlKeyframes || animation.keyframes,\n options: animation.options\n };\n }\n return animation;\n}\nfunction setDefaultAnimation(animationName, animation) {\n defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\nfunction setAnimation(el, animationName, animation) {\n customAnimationRegistry.set(el, __spreadProps(__spreadValues({}, customAnimationRegistry.get(el)), { [animationName]: ensureAnimation(animation) }));\n}\nfunction getAnimation(el, animationName, options) {\n const customAnimation = customAnimationRegistry.get(el);\n if (customAnimation == null ? void 0 : customAnimation[animationName]) {\n return getLogicalAnimation(customAnimation[animationName], options.dir);\n }\n const defaultAnimation = defaultAnimationRegistry.get(animationName);\n if (defaultAnimation) {\n return getLogicalAnimation(defaultAnimation, options.dir);\n }\n return {\n keyframes: [],\n options: { duration: 0 }\n };\n}\n\nexport {\n setDefaultAnimation,\n setAnimation,\n getAnimation\n};\n","// src/internal/event.ts\nfunction waitForEvent(el, eventName) {\n return new Promise((resolve) => {\n function done(event) {\n if (event.target === el) {\n el.removeEventListener(eventName, done);\n resolve();\n }\n }\n el.addEventListener(eventName, done);\n });\n}\n\nexport {\n waitForEvent\n};\n","import {\n __spreadProps,\n __spreadValues\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/internal/animate.ts\nfunction animateTo(el, keyframes, options) {\n return new Promise((resolve) => {\n if ((options == null ? void 0 : options.duration) === Infinity) {\n throw new Error(\"Promise-based animations must be finite.\");\n }\n const animation = el.animate(keyframes, __spreadProps(__spreadValues({}, options), {\n duration: prefersReducedMotion() ? 0 : options.duration\n }));\n animation.addEventListener(\"cancel\", resolve, { once: true });\n animation.addEventListener(\"finish\", resolve, { once: true });\n });\n}\nfunction parseDuration(delay) {\n delay = delay.toString().toLowerCase();\n if (delay.indexOf(\"ms\") > -1) {\n return parseFloat(delay);\n }\n if (delay.indexOf(\"s\") > -1) {\n return parseFloat(delay) * 1e3;\n }\n return parseFloat(delay);\n}\nfunction prefersReducedMotion() {\n const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n return query.matches;\n}\nfunction stopAnimations(el) {\n return Promise.all(\n el.getAnimations().map((animation) => {\n return new Promise((resolve) => {\n animation.cancel();\n requestAnimationFrame(resolve);\n });\n })\n );\n}\nfunction shimKeyframesHeightAuto(keyframes, calculatedHeight) {\n return keyframes.map((keyframe) => __spreadProps(__spreadValues({}, keyframe), {\n height: keyframe.height === \"auto\" ? `${calculatedHeight}px` : keyframe.height\n }));\n}\n\nexport {\n animateTo,\n parseDuration,\n prefersReducedMotion,\n stopAnimations,\n shimKeyframesHeightAuto\n};\n","const connectedElements = new Set();\nconst documentElementObserver = new MutationObserver(update);\nconst translations = new Map();\nlet documentDirection = document.documentElement.dir || 'ltr';\nlet documentLanguage = document.documentElement.lang || navigator.language;\nlet fallback;\ndocumentElementObserver.observe(document.documentElement, {\n attributes: true,\n attributeFilter: ['dir', 'lang']\n});\nexport function registerTranslation(...translation) {\n translation.map(t => {\n const code = t.$code.toLowerCase();\n if (translations.has(code)) {\n translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t));\n }\n else {\n translations.set(code, t);\n }\n if (!fallback) {\n fallback = t;\n }\n });\n update();\n}\nexport function update() {\n documentDirection = document.documentElement.dir || 'ltr';\n documentLanguage = document.documentElement.lang || navigator.language;\n [...connectedElements.keys()].map((el) => {\n if (typeof el.requestUpdate === 'function') {\n el.requestUpdate();\n }\n });\n}\nexport class LocalizeController {\n constructor(host) {\n this.host = host;\n this.host.addController(this);\n }\n hostConnected() {\n connectedElements.add(this.host);\n }\n hostDisconnected() {\n connectedElements.delete(this.host);\n }\n dir() {\n return `${this.host.dir || documentDirection}`.toLowerCase();\n }\n lang() {\n return `${this.host.lang || documentLanguage}`.toLowerCase();\n }\n getTranslationData(lang) {\n var _a, _b;\n const locale = new Intl.Locale(lang.replace(/_/g, '-'));\n const language = locale === null || locale === void 0 ? void 0 : locale.language.toLowerCase();\n const region = (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.region) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '';\n const primary = translations.get(`${language}-${region}`);\n const secondary = translations.get(language);\n return { locale, language, region, primary, secondary };\n }\n exists(key, options) {\n var _a;\n const { primary, secondary } = this.getTranslationData((_a = options.lang) !== null && _a !== void 0 ? _a : this.lang());\n options = Object.assign({ includeFallback: false }, options);\n if ((primary && primary[key]) ||\n (secondary && secondary[key]) ||\n (options.includeFallback && fallback && fallback[key])) {\n return true;\n }\n return false;\n }\n term(key, ...args) {\n const { primary, secondary } = this.getTranslationData(this.lang());\n let term;\n if (primary && primary[key]) {\n term = primary[key];\n }\n else if (secondary && secondary[key]) {\n term = secondary[key];\n }\n else if (fallback && fallback[key]) {\n term = fallback[key];\n }\n else {\n console.error(`No translation found for: ${String(key)}`);\n return String(key);\n }\n if (typeof term === 'function') {\n return term(...args);\n }\n return term;\n }\n date(dateToFormat, options) {\n dateToFormat = new Date(dateToFormat);\n return new Intl.DateTimeFormat(this.lang(), options).format(dateToFormat);\n }\n number(numberToFormat, options) {\n numberToFormat = Number(numberToFormat);\n return isNaN(numberToFormat) ? '' : new Intl.NumberFormat(this.lang(), options).format(numberToFormat);\n }\n relativeTime(value, unit, options) {\n return new Intl.RelativeTimeFormat(this.lang(), options).format(value, unit);\n }\n}\n","// src/translations/en.ts\nimport { registerTranslation } from \"@shoelace-style/localize\";\nvar translation = {\n $code: \"en\",\n $name: \"English\",\n $dir: \"ltr\",\n carousel: \"Carousel\",\n clearEntry: \"Clear entry\",\n close: \"Close\",\n copied: \"Copied\",\n copy: \"Copy\",\n currentValue: \"Current value\",\n error: \"Error\",\n goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,\n hidePassword: \"Hide password\",\n loading: \"Loading\",\n nextSlide: \"Next slide\",\n numOptionsSelected: (num) => {\n if (num === 0)\n return \"No options selected\";\n if (num === 1)\n return \"1 option selected\";\n return `${num} options selected`;\n },\n previousSlide: \"Previous slide\",\n progress: \"Progress\",\n remove: \"Remove\",\n resize: \"Resize\",\n scrollToEnd: \"Scroll to end\",\n scrollToStart: \"Scroll to start\",\n selectAColorFromTheScreen: \"Select a color from the screen\",\n showPassword: \"Show password\",\n slideNum: (slide) => `Slide ${slide}`,\n toggleColorFormat: \"Toggle color format\"\n};\nregisterTranslation(translation);\nvar en_default = translation;\n\nexport {\n en_default\n};\n","import {\n en_default\n} from \"./chunk.MAS2SHYD.js\";\n\n// src/utilities/localize.ts\nimport { LocalizeController as DefaultLocalizationController, registerTranslation } from \"@shoelace-style/localize\";\nimport { registerTranslation as registerTranslation2 } from \"@shoelace-style/localize\";\nvar LocalizeController = class extends DefaultLocalizationController {\n};\nregisterTranslation(en_default);\n\nexport {\n LocalizeController,\n registerTranslation2 as registerTranslation\n};\n","import {\n details_styles_default\n} from \"./chunk.J7PLVEQM.js\";\nimport {\n getAnimation,\n setDefaultAnimation\n} from \"./chunk.DHU6MIVB.js\";\nimport {\n waitForEvent\n} from \"./chunk.B4BZKR24.js\";\nimport {\n animateTo,\n shimKeyframesHeightAuto,\n stopAnimations\n} from \"./chunk.LHI6QEL2.js\";\nimport {\n LocalizeController\n} from \"./chunk.WLV3FVBR.js\";\nimport {\n SlIcon\n} from \"./chunk.H33C3MRM.js\";\nimport {\n watch\n} from \"./chunk.2FB5TK5H.js\";\nimport {\n component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n ShoelaceElement\n} from \"./chunk.SFSTXCXC.js\";\nimport {\n __decorateClass\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/components/details/details.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nvar SlDetails = class extends ShoelaceElement {\n constructor() {\n super(...arguments);\n this.localize = new LocalizeController(this);\n this.open = false;\n this.disabled = false;\n }\n firstUpdated() {\n this.body.style.height = this.open ? \"auto\" : \"0\";\n if (this.open) {\n this.details.open = true;\n }\n this.detailsObserver = new MutationObserver((changes) => {\n for (const change of changes) {\n if (change.type === \"attributes\" && change.attributeName === \"open\") {\n if (this.details.open) {\n this.show();\n } else {\n this.hide();\n }\n }\n }\n });\n this.detailsObserver.observe(this.details, { attributes: true });\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this.detailsObserver.disconnect();\n }\n handleSummaryClick(event) {\n event.preventDefault();\n if (!this.disabled) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n this.header.focus();\n }\n }\n handleSummaryKeyDown(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n event.preventDefault();\n this.hide();\n }\n if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n event.preventDefault();\n this.show();\n }\n }\n async handleOpenChange() {\n if (this.open) {\n this.details.open = true;\n const slShow = this.emit(\"sl-show\", { cancelable: true });\n if (slShow.defaultPrevented) {\n this.open = false;\n this.details.open = false;\n return;\n }\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, \"details.show\", { dir: this.localize.dir() });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.style.height = \"auto\";\n this.emit(\"sl-after-show\");\n } else {\n const slHide = this.emit(\"sl-hide\", { cancelable: true });\n if (slHide.defaultPrevented) {\n this.details.open = true;\n this.open = true;\n return;\n }\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, \"details.hide\", { dir: this.localize.dir() });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.style.height = \"auto\";\n this.details.open = false;\n this.emit(\"sl-after-hide\");\n }\n }\n /** Shows the details. */\n async show() {\n if (this.open || this.disabled) {\n return void 0;\n }\n this.open = true;\n return waitForEvent(this, \"sl-after-show\");\n }\n /** Hides the details */\n async hide() {\n if (!this.open || this.disabled) {\n return void 0;\n }\n this.open = false;\n return waitForEvent(this, \"sl-after-hide\");\n }\n render() {\n const isRtl = this.localize.dir() === \"rtl\";\n return html`\n <details\n part=\"base\"\n class=${classMap({\n details: true,\n \"details--open\": this.open,\n \"details--disabled\": this.disabled,\n \"details--rtl\": isRtl\n })}\n >\n <summary\n part=\"header\"\n id=\"header\"\n class=\"details__header\"\n role=\"button\"\n aria-expanded=${this.open ? \"true\" : \"false\"}\n aria-controls=\"content\"\n aria-disabled=${this.disabled ? \"true\" : \"false\"}\n tabindex=${this.disabled ? \"-1\" : \"0\"}\n @click=${this.handleSummaryClick}\n @keydown=${this.handleSummaryKeyDown}\n >\n <slot name=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n <span part=\"summary-icon\" class=\"details__summary-icon\">\n <slot name=\"expand-icon\">\n <sl-icon library=\"system\" name=${isRtl ? \"chevron-left\" : \"chevron-right\"}></sl-icon>\n </slot>\n <slot name=\"collapse-icon\">\n <sl-icon library=\"system\" name=${isRtl ? \"chevron-left\" : \"chevron-right\"}></sl-icon>\n </slot>\n </span>\n </summary>\n\n <div class=\"details__body\" role=\"region\" aria-labelledby=\"header\">\n <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n </div>\n </details>\n `;\n }\n};\nSlDetails.styles = [component_styles_default, details_styles_default];\nSlDetails.dependencies = {\n \"sl-icon\": SlIcon\n};\n__decorateClass([\n query(\".details\")\n], SlDetails.prototype, \"details\", 2);\n__decorateClass([\n query(\".details__header\")\n], SlDetails.prototype, \"header\", 2);\n__decorateClass([\n query(\".details__body\")\n], SlDetails.prototype, \"body\", 2);\n__decorateClass([\n query(\".details__expand-icon-slot\")\n], SlDetails.prototype, \"expandIconSlot\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlDetails.prototype, \"open\", 2);\n__decorateClass([\n property()\n], SlDetails.prototype, \"summary\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlDetails.prototype, \"disabled\", 2);\n__decorateClass([\n watch(\"open\", { waitUntilFirstUpdate: true })\n], SlDetails.prototype, \"handleOpenChange\", 1);\nsetDefaultAnimation(\"details.show\", {\n keyframes: [\n { height: \"0\", opacity: \"0\" },\n { height: \"auto\", opacity: \"1\" }\n ],\n options: { duration: 250, easing: \"linear\" }\n});\nsetDefaultAnimation(\"details.hide\", {\n keyframes: [\n { height: \"auto\", opacity: \"1\" },\n { height: \"0\", opacity: \"0\" }\n ],\n options: { duration: 250, easing: \"linear\" }\n});\n\nexport {\n SlDetails\n};\n","import {\n SlDetails\n} from \"./chunk.NTUEQTVT.js\";\n\n// src/components/details/details.ts\nvar details_default = SlDetails;\nSlDetails.define(\"sl-details\");\n\nexport {\n details_default\n};\n",":host {\n --jump-acordion-header-color: var(--neutral-grey-primary, #282828);\n --jump-accordion-border-color: var(--neutral-grey-secondary, #707070);\n --jump-accordion-icon-color: var(--neutral-grey-primary, #282828);\n --jump-accordion-font-family: var(--ff-primary, 'Inter', sans-serif);\n}\n\n:host ::part(base) {\n border-radius: 3px;\n border: none;\n font-family: var(--jump-accordion-font-family);\n}\n\n:host ::part(header) {\n padding: 24px;\n font-weight: bold;\n font-size: 18px;\n}\n\n:host ::part(content) {\n padding-left: 24px;\n padding-bottom: 24px;\n padding-right: 24px;\n margin: 0px;\n}\n\n/* Boxed */\n:host(.boxed){\n --jump-accordion-bg-color: var(--secondary-standard, #5e79ba);\n --jump-accordion-color: var(--neutral-white, #ffffff);\n --jump-accordion-icon-color: var(--neutral-white, #ffffff);\n}\n\n:host(.boxed) ::part(base) {\n background-color: var(--jump-accordion-bg-color);\n color: var(--jump-accordion-color);\n}\n\n:host(.boxed) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n/* Sidestroke */\n:host(.sidestroke) {\n --jump-accordion-stroke-color: var(--secondary-standard, #5e79ba);\n --jump-accordion-bg-color: var(--secondary-soft, #EDF2FA);\n --jump-accordion-color: var(--neutral-grey-primary, #282828);\n --jump-accordion-icon-color: var(--neutral-grey-primary, #282828);\n}\n\n:host(.sidestroke) ::part(base) {\n border-left: 6px solid var(--jump-accordion-stroke-color);\n background-color: var(--jump-accordion-bg-color);\n color: var(--jump-accordion-color);\n}\n\n:host(.sidestroke) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n/* Boxed header */\n:host(.boxedheader){\n --jump-accordion-header-bg-color: var(--secondary-soft, #EDF2FA);\n --jump-acordion-header-color: var(--secondary-standard, #5e79ba);\n --jump-accordion-icon-color: var(--secondary-standard, #5e79ba);\n}\n\n:host(.boxedheader) ::part(header) {\n background-color: var(--jump-accordion-header-bg-color);\n color: var(--jump-acordion-header-color);\n}\n\n:host(.boxedheader) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n:host(.boxedheader) ::part(content) {\n background-color: transparent;\n padding-top: 16px;\n padding-bottom: 16px;\n}\n\n/* Divider */\n:host(.divider) ::part(base) {\n background-color: transparent;\n border-top: 1px solid var(--jump-accordion-border-color);\n border-bottom: 1px solid var(--jump-accordion-border-color);\n border-radius: 0px;\n}\n\n:host(.divider) ::part(header){\n color: var(--jump-acordion-header-color);\n}\n\n:host(.divider) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n/* Disabilito la rotazione */\n:host ::part(summary-icon) {\n /* Disable the expand/collapse animation */\n rotate: none;\n}","import { Component, Prop, Event, EventEmitter, Listen, Host, h } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/details/details.js';\n@Component({\n tag: 'jump-accordion',\n styleUrl: 'jump-accordion.scss',\n shadow: true,\n})\nexport class JumpAccordion {\n\n /* ---------------------- @PROPERTIES ------------------------- */\n @Prop() variant: \"divider\" | \"boxed\" | \"boxedheader\" | \"sidestroke\";\n @Prop() summary: string;\n @Prop() disabled: boolean;\n @Prop({reflect: true}) open: boolean;\n @Prop() icon: \"plus\" | \"chevron\";\n @Prop() identifier: string;\n\n /* ---------------------- @EVENTS ------------------------- */\n @Event({ eventName: 'jump-accordion-open'}) jumpAccordionOpen : EventEmitter;\n\n /* ---------------------- @LISTEN ------------------------- */\n @Listen('sl-show')\n handleShow() {\n this.open = true;\n this.jumpAccordionOpen.emit('open');\n }\n\n /* --------------------- RENDER ------------------------------- */\n renderIcons() {\n if(this.icon === 'plus'){\n return [\n <jump-icon library=\"fa\" category=\"regular\" name=\"plus\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n <jump-icon library=\"fa\" category=\"regular\" name=\"minus\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n ]\n } else {\n return [\n <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-down\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-up\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n ]\n }\n }\n\n render() {\n return (\n <Host class={\"JumpAccordion \" + (this.variant)} open={this.open} id={this.identifier}>\n <sl-details class=\"item\" summary={this.summary} disabled={this.disabled} open={this.open}>\n {this.renderIcons()}\n <slot name=\"acc-content\"></slot>\n </sl-details>\n </Host>\n );\n }\n}"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,h as e,H as s}from"./p-21aa0095.js";const t=":host{display:block}.JumpTabPanel__Content{display:none;padding:1rem 0}.JumpTabPanel__Content.active{display:block}";const n=t;const b=class{constructor(e){a(this,e);this.identifier=undefined;this.active=false}render(){return e(s,{key:"75fb1adb1af140bba218b890891234b01be1534f",class:"JumpTabPanel",id:this.identifier},e("div",{key:"08ddae107776c29aa2b869e7b2e541e43e33b6a8",class:"JumpTabPanel__Content "+(this.active?"active":"")},e("slot",{key:"bdf0d20e086f2b9def8df7f9abdae1df293a78c8"})))}};b.style=n;export{b as jump_tab_panel};
|
|
2
|
-
//# sourceMappingURL=p-8f581228.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,h as e,H as t}from"./p-21aa0095.js";const s=":host{--jump-navbar-height:var(--header-height, 100px);--jump-navbar-background:var(--bg-drawer, #fff);--jump-navbar-width:var(--drawer-width, 240px);--jump-navbar-shadow:8px 0 15px 0 #00000026;--jump-navbar-zindex:2;--jump-navbar-transition:0.3s all ease-in-out;--jump-navbar-gap:2.5rem;--jump-navbar-padding:1rem;--jump-navbar-close-top:calc(var(--header-height) + 1rem);--jump-navbar-close-left:calc(var(--drawer-width) - 2rem);--jump-navbar-close-gap:0.5rem}";const i=s;const r=class{constructor(e){a(this,e);this.logo={image_url:"",alt:"",link:"#",target:"_self"};this.navItems=[];this.secondaryNavItems=[];this.mobileThreshold=768;this.type="basic";this.navPosition="inline";this.megaMenuAlignment="left";this.sticky=false;this.stickyThreshold=0;this.mobileLogo=this.logo;this.user=null;this.isMobile=false}handleResize(){this.isMobile=window.innerWidth<this.mobileThreshold}render(){var a,s;return e(t,{key:"4d846e61a027637ebe6023e9e155d754a716a0cb"},e("jump-button",{key:"590ef7421967e36e061d4d2d49d9d8b10b0cb7d3",variant:"primary",size:"small",text:true,href:this.logo["link"],target:(a=this.logo["target"])!==null&&a!==void 0?a:"_self"},e("img",{key:"951c8ad45b8e3cd754fd4426c73358541d7bb612",src:this.logo["image_url"],alt:this.logo["alt"]})),this.isMobile&&e("div",{key:"4deeaa5bbdf1b9434dd8a4afbf32953aa7eabbe6",class:"MobileMenuOffCanvas"},e("div",{key:"284504331b55f1fcb79408da6616c85b7d9542ee",class:"MobileMenuOffCanvas__Header"},"/* TODO: ricerca + pulsante chiusura + profilo utente con immagine */"),e("div",{key:"a8ba842d267d77aecf0a211e9c37052617b3ffd8",class:"MobileMenuOffCanvas__Navbar"},this.navbar.cloneNode(true)),e("div",{key:"7b08ba459362c3c6ee68ad2915f9a8addadafbde",class:"MobileMenuOffCanvas__Footer"},"/* TODO: langswitcher */",this.mobileLogo&&e("jump-button",{key:"28ca557df1446898114567a84813c41cc1d47d73",variant:"primary",size:"small",text:true,href:this.mobileLogo["link"],target:(s=this.mobileLogo["target"])!==null&&s!==void 0?s:"_self"},e("img",{key:"315be508f2902a9a5a69aff78b4c36d8daf3e1aa",src:this.mobileLogo["image_url"],alt:this.mobileLogo["alt"]})))),e("nav",{key:"19ece653a9c3c6d7728a12744ffe8c06618c1f97",ref:a=>{this.navbar=a}},e("ul",{key:"e60bf04441e02eca702dcc7760df97388c1f1043"},this.navItems.map((a=>e("li",null,e("jump-button",{variant:"primary",size:"small",text:true,href:a.link,target:a.target,class:a.class},a.text,this.secondaryNavItems.some((e=>e.parent===a.id))&&e("jump-icon",{slot:"suffix",library:"lucide",name:"chevron-down",size:"small"})),this.secondaryNavItems.map((t=>t.parent===a.id&&e("ul",{"data-parent":t.parent},t.title&&e("h4",null,t.title)," /* TODO: utilizzare jump-heading? */",t.items.map((a=>e("li",null,e("jump-button",{variant:"primary",size:"small",text:true,href:a.link,target:a.target,class:a.class},a.text)))))))))))),e("slot",{key:"cde57eeb4d6586c370fbfb5d10e02dc423427af5",name:"actions"},e("slot",{key:"ad86ec7167939e4624489d0db2cbd3a7aa6bc721",name:"lang_switcher"}),e("slot",{key:"c87b4a71d6183f21aff9155143e22a1fbe6cc7c4",name:"search"}),e("slot",{key:"ac62a46a3aac954fb915e134ffcc149ece432a5f",name:"buttons"}),e("slot",{key:"0d49662ba2bba745efbd9d8151917c780cdfd632",name:"cart"})))}};r.style=i;export{r as jump_navbar};
|
|
2
|
-
//# sourceMappingURL=p-a826c477.entry.js.map
|