@sebgroup/green-core 1.66.0 → 1.67.0
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/chunks/{chunk.FHNILNLX.js → chunk.3ZFFIYEU.js} +3 -3
- package/chunks/{chunk.SVOA74C3.js → chunk.4LAIAF3Q.js} +2 -2
- package/chunks/{chunk.XHVRV33B.js → chunk.6SI34JWK.js} +1 -1
- package/chunks/{chunk.OGQ5SET4.js → chunk.7IFET53O.js} +1 -1
- package/chunks/{chunk.PZHMIVFF.js → chunk.ACAHVFG7.js} +2 -2
- package/chunks/{chunk.OXIKAUCN.js → chunk.B2RQXG4G.js} +1 -1
- package/chunks/{chunk.WXOLDCJC.js → chunk.BILCOYYB.js} +3 -3
- package/chunks/{chunk.UBXNWORG.js → chunk.C27EFYGY.js} +3 -3
- package/chunks/{chunk.3ONXWPQW.js → chunk.D3C6QMNU.js} +2 -2
- package/chunks/{chunk.XER65FVD.js → chunk.DTCQACHZ.js} +2 -2
- package/chunks/{chunk.C7QZFHHI.js → chunk.ECO3WCZN.js} +2 -2
- package/chunks/{chunk.WSOQAUSR.js → chunk.GCI7HN2H.js} +2 -2
- package/chunks/{chunk.VQ7OJPCU.js → chunk.HJGHIE2D.js} +2 -2
- package/chunks/{chunk.JKCCH7B5.js → chunk.IMEKULRH.js} +1 -1
- package/chunks/{chunk.PVDNSDQ5.js → chunk.IPWHH4CK.js} +1 -1
- package/chunks/{chunk.D7OG6JDU.js → chunk.IR7NSBHB.js} +2 -2
- package/chunks/{chunk.B3QCLV6X.js → chunk.J5L4RMXQ.js} +3 -3
- package/chunks/{chunk.QL3SRQMU.js → chunk.JSANYYLF.js} +2 -2
- package/chunks/{chunk.BCTJIMKU.js → chunk.KION2OYS.js} +1 -1
- package/chunks/{chunk.LNQWCKU7.js → chunk.KUJAPVN5.js} +1 -1
- package/chunks/{chunk.5UF3G7BV.js → chunk.O4OF3EPJ.js} +1 -1
- package/chunks/{chunk.TF6J2JQN.js → chunk.OPS5K7OD.js} +3 -2
- package/chunks/{chunk.ZCIBIPPR.js → chunk.OSLTO3JD.js} +41 -26
- package/chunks/{chunk.OPSLMB6U.js → chunk.OUDHBAAZ.js} +2 -2
- package/chunks/{chunk.RW5RXCBK.js → chunk.Q3SW424I.js} +2 -2
- package/chunks/chunk.QK3R23GV.js +1 -1
- package/chunks/{chunk.AOL7I7LG.js → chunk.R5NOZILM.js} +1 -1
- package/chunks/{chunk.O5MF3AWQ.js → chunk.SCHO22PC.js} +3 -3
- package/chunks/{chunk.UGHZGD2M.js → chunk.SCXFHAWK.js} +5 -2
- package/chunks/{chunk.SPON3Z5D.js → chunk.T22BSYJS.js} +18 -16
- package/chunks/{chunk.3H5ICQVZ.js → chunk.TFOOXGFN.js} +2 -2
- package/chunks/{chunk.GB5SVW2I.js → chunk.TVLP4R5T.js} +2 -2
- package/chunks/{chunk.G2WTHFPE.js → chunk.TWXTKG4B.js} +3 -0
- package/chunks/{chunk.ANVDAFT6.js → chunk.U7SV5FRV.js} +1 -1
- package/chunks/{chunk.ESW6XPZT.js → chunk.URZMXGWX.js} +1 -1
- package/chunks/{chunk.C6D7M75U.js → chunk.VDRO6KTG.js} +2 -2
- package/chunks/{chunk.WBBCGR25.js → chunk.WK7C2QXZ.js} +6 -6
- package/chunks/{chunk.SHOSMOYU.js → chunk.XE6PV25Z.js} +1 -1
- package/chunks/{chunk.6IPE43TE.js → chunk.XNPVWX54.js} +2 -2
- package/chunks/{chunk.KHEFX7ET.js → chunk.YRGMBXS2.js} +1 -1
- package/chunks/{chunk.2OB745JA.js → chunk.YXVTCKZR.js} +2 -2
- package/chunks/{chunk.ZHRMYWJY.js → chunk.ZB2XNHPZ.js} +3 -3
- package/components/badge/badge.js +5 -5
- package/components/badge/index.js +5 -5
- package/components/button/button.js +5 -5
- package/components/button/button.trans.styles.js +2 -2
- package/components/button/index.js +5 -5
- package/components/calendar/calendar.js +3 -3
- package/components/calendar/calendar.trans.styles.js +2 -2
- package/components/calendar/index.js +3 -3
- package/components/card/card.js +4 -4
- package/components/card/index.js +4 -4
- package/components/container/container.js +4 -4
- package/components/container/index.js +4 -4
- package/components/context-menu/context-menu.js +7 -7
- package/components/context-menu/context-menu.trans.styles.js +2 -2
- package/components/context-menu/index.js +8 -8
- package/components/datepicker/datepicker.js +17 -17
- package/components/datepicker/datepicker.trans.styles.js +2 -2
- package/components/datepicker/index.js +17 -17
- package/components/dialog/dialog.js +8 -8
- package/components/dialog/index.js +8 -8
- package/components/div/div.js +3 -3
- package/components/div/index.js +3 -3
- package/components/divider/divider.js +2 -2
- package/components/divider/index.js +2 -2
- package/components/dropdown/dropdown.d.ts +1 -1
- package/components/dropdown/dropdown.js +14 -14
- package/components/dropdown/dropdown.trans.styles.js +2 -2
- package/components/dropdown/index.js +15 -15
- package/components/fab/fab.js +6 -6
- package/components/fab/index.js +6 -6
- package/components/filter-chips/filter-chip/filter-chip.js +6 -6
- package/components/filter-chips/filter-chip/filter-chip.trans.styles.js +2 -2
- package/components/filter-chips/filter-chip/index.js +6 -6
- package/components/filter-chips/filter-chips.js +6 -6
- package/components/filter-chips/filter-chips.trans.styles.js +2 -2
- package/components/filter-chips/index.js +6 -6
- package/components/flex/flex.js +4 -4
- package/components/flex/index.js +4 -4
- package/components/form/index.js +7 -7
- package/components/form/summary/index.js +7 -7
- package/components/form/summary/summary.js +7 -7
- package/components/grid/grid.js +4 -4
- package/components/grid/index.js +4 -4
- package/components/grouped-list/grouped-list.js +3 -3
- package/components/grouped-list/grouped-list.trans.styles.js +2 -2
- package/components/grouped-list/index.js +3 -3
- package/components/img/img.js +3 -3
- package/components/img/index.js +3 -3
- package/components/index.js +39 -39
- package/components/input/index.js +11 -11
- package/components/input/input.js +11 -11
- package/components/input/input.trans.styles.js +2 -2
- package/components/link/index.js +3 -3
- package/components/link/link.js +3 -3
- package/components/mask/index.js +5 -5
- package/components/mask/mask.js +5 -5
- package/components/menu-button/index.js +3 -3
- package/components/menu-button/menu-button.js +3 -3
- package/components/popover/index.js +3 -3
- package/components/popover/popover.d.ts +2 -1
- package/components/popover/popover.js +3 -3
- package/components/popover/popover.trans.styles.js +2 -2
- package/components/rich-text/index.js +3 -3
- package/components/rich-text/rich-text.js +3 -3
- package/components/segmented-control/index.js +5 -5
- package/components/segmented-control/segment/index.js +4 -4
- package/components/segmented-control/segment/segment.js +4 -4
- package/components/segmented-control/segment/segment.trans.styles.js +2 -2
- package/components/segmented-control/segmented-control.js +5 -5
- package/components/segmented-control/segmented-control.trans.styles.js +2 -2
- package/components/select/index.js +11 -11
- package/components/select/select.js +11 -11
- package/components/select/select.trans.styles.js +2 -2
- package/components/signal/index.js +2 -2
- package/components/signal/signal.js +2 -2
- package/components/spacer/index.js +2 -2
- package/components/spacer/spacer.js +2 -2
- package/components/text/index.js +4 -4
- package/components/text/text.js +4 -4
- package/components/textarea/index.js +11 -11
- package/components/textarea/textarea.js +11 -11
- package/components/theme/index.js +3 -3
- package/components/theme/theme.js +3 -3
- package/components/theme/theme.trans.styles.js +2 -2
- package/components/video/index.js +3 -3
- package/components/video/video.js +3 -3
- package/generated/locale-codes.d.ts +2 -2
- package/generated/locales/da.d.ts +42 -0
- package/generated/locales/de.d.ts +42 -0
- package/generated/locales/fi.d.ts +42 -0
- package/generated/locales/fr.d.ts +42 -0
- package/generated/locales/it.d.ts +42 -0
- package/generated/locales/nl.d.ts +42 -0
- package/generated/locales/no.d.ts +42 -0
- package/index.js +39 -39
- package/localization.js +365 -6
- package/package.json +1 -1
- package/primitives/field-base/field-base.js +3 -3
- package/primitives/field-base/index.js +3 -3
- package/primitives/form-control-footer/form-control-footer.js +5 -5
- package/primitives/form-control-footer/index.js +5 -5
- package/primitives/form-control-header/form-control-header.js +7 -7
- package/primitives/form-control-header/index.js +7 -7
- package/primitives/listbox/index.js +4 -4
- package/primitives/listbox/listbox.js +4 -4
- package/primitives/listbox/option.js +3 -3
- package/primitives/menu/index.js +4 -4
- package/primitives/menu/menu-heading.js +3 -3
- package/primitives/menu/menu-item.js +3 -3
- package/primitives/menu/menu.js +4 -4
- package/primitives/ripple/index.js +2 -2
- package/primitives/ripple/ripple.js +2 -2
- package/transitional-styles.js +2 -2
- package/utils/decorators/style-expression-property.d.ts +1 -1
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk.VHN4JEZC.js";
|
|
4
4
|
import {
|
|
5
5
|
forwardAttributes
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.J5L4RMXQ.js";
|
|
7
7
|
import {
|
|
8
8
|
GdsFormControlElement
|
|
9
9
|
} from "./chunk.VA6TUMR2.js";
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
withLayoutChildProps,
|
|
12
12
|
withMarginProps,
|
|
13
13
|
withSizeXProps
|
|
14
|
-
} from "./chunk.
|
|
14
|
+
} from "./chunk.TWXTKG4B.js";
|
|
15
15
|
import {
|
|
16
16
|
styleExpressionProperty
|
|
17
17
|
} from "./chunk.NUUST5OZ.js";
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
} from "./chunk.TYGMNHNO.js";
|
|
21
21
|
import {
|
|
22
22
|
tokens
|
|
23
|
-
} from "./chunk.
|
|
23
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
24
24
|
import {
|
|
25
25
|
gdsCustomElement,
|
|
26
26
|
html
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TransitionalStyles
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.KUJAPVN5.js";
|
|
4
4
|
import {
|
|
5
5
|
watch
|
|
6
6
|
} from "./chunk.TYGMNHNO.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
10
10
|
import {
|
|
11
11
|
GdsElement
|
|
12
12
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -2,10 +2,10 @@ import {
|
|
|
2
2
|
withLayoutChildProps,
|
|
3
3
|
withMarginProps,
|
|
4
4
|
withSizeXProps
|
|
5
|
-
} from "./chunk.
|
|
5
|
+
} from "./chunk.TWXTKG4B.js";
|
|
6
6
|
import {
|
|
7
7
|
tokens
|
|
8
|
-
} from "./chunk.
|
|
8
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
9
9
|
import {
|
|
10
10
|
GdsElement
|
|
11
11
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -5,16 +5,16 @@ import {
|
|
|
5
5
|
withLayoutChildProps,
|
|
6
6
|
withMarginProps,
|
|
7
7
|
withSizeXProps
|
|
8
|
-
} from "./chunk.
|
|
8
|
+
} from "./chunk.TWXTKG4B.js";
|
|
9
9
|
import {
|
|
10
10
|
TransitionalStyles
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.KUJAPVN5.js";
|
|
12
12
|
import {
|
|
13
13
|
watch
|
|
14
14
|
} from "./chunk.TYGMNHNO.js";
|
|
15
15
|
import {
|
|
16
16
|
tokens
|
|
17
|
-
} from "./chunk.
|
|
17
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
18
18
|
import {
|
|
19
19
|
GdsElement
|
|
20
20
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
forwardAttributes
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.J5L4RMXQ.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsFormControlElement
|
|
6
6
|
} from "./chunk.VA6TUMR2.js";
|
|
@@ -8,10 +8,10 @@ import {
|
|
|
8
8
|
withLayoutChildProps,
|
|
9
9
|
withMarginProps,
|
|
10
10
|
withSizeXProps
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.TWXTKG4B.js";
|
|
12
12
|
import {
|
|
13
13
|
tokens
|
|
14
|
-
} from "./chunk.
|
|
14
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
15
15
|
import {
|
|
16
16
|
gdsCustomElement,
|
|
17
17
|
html
|
|
@@ -4,13 +4,13 @@ import {
|
|
|
4
4
|
} from "./chunk.ZRKILGXZ.js";
|
|
5
5
|
import {
|
|
6
6
|
TransitionalStyles
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.KUJAPVN5.js";
|
|
8
8
|
import {
|
|
9
9
|
watch
|
|
10
10
|
} from "./chunk.TYGMNHNO.js";
|
|
11
11
|
import {
|
|
12
12
|
tokens
|
|
13
|
-
} from "./chunk.
|
|
13
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
14
14
|
import {
|
|
15
15
|
GdsElement
|
|
16
16
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -7,10 +7,10 @@ import {
|
|
|
7
7
|
import {
|
|
8
8
|
withLayoutChildProps,
|
|
9
9
|
withMarginProps
|
|
10
|
-
} from "./chunk.
|
|
10
|
+
} from "./chunk.TWXTKG4B.js";
|
|
11
11
|
import {
|
|
12
12
|
tokens
|
|
13
|
-
} from "./chunk.
|
|
13
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
14
14
|
import {
|
|
15
15
|
GdsElement
|
|
16
16
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
TransitionalStyles
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.KUJAPVN5.js";
|
|
4
4
|
import {
|
|
5
5
|
watch
|
|
6
6
|
} from "./chunk.TYGMNHNO.js";
|
|
@@ -8,7 +8,7 @@ import {
|
|
|
8
8
|
dark_default,
|
|
9
9
|
light_default,
|
|
10
10
|
tokens
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
12
12
|
import {
|
|
13
13
|
GdsElement
|
|
14
14
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -8,13 +8,13 @@ import {
|
|
|
8
8
|
withLayoutChildProps,
|
|
9
9
|
withMarginProps,
|
|
10
10
|
withSizeXProps
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.TWXTKG4B.js";
|
|
12
12
|
import {
|
|
13
13
|
watch
|
|
14
14
|
} from "./chunk.TYGMNHNO.js";
|
|
15
15
|
import {
|
|
16
16
|
tokens
|
|
17
|
-
} from "./chunk.
|
|
17
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
18
18
|
import {
|
|
19
19
|
gdsCustomElement,
|
|
20
20
|
html
|
|
@@ -4,13 +4,13 @@ import {
|
|
|
4
4
|
withPositioningProps,
|
|
5
5
|
withSizeXProps,
|
|
6
6
|
withSizeYProps
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.TWXTKG4B.js";
|
|
8
8
|
import {
|
|
9
9
|
styleExpressionProperty
|
|
10
10
|
} from "./chunk.NUUST5OZ.js";
|
|
11
11
|
import {
|
|
12
12
|
tokens
|
|
13
|
-
} from "./chunk.
|
|
13
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
14
14
|
import {
|
|
15
15
|
GdsElement
|
|
16
16
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -8,13 +8,13 @@ import {
|
|
|
8
8
|
withLayoutChildProps,
|
|
9
9
|
withMarginProps,
|
|
10
10
|
withSizeXProps
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.TWXTKG4B.js";
|
|
12
12
|
import {
|
|
13
13
|
TransitionalStyles
|
|
14
|
-
} from "./chunk.
|
|
14
|
+
} from "./chunk.KUJAPVN5.js";
|
|
15
15
|
import {
|
|
16
16
|
tokens
|
|
17
|
-
} from "./chunk.
|
|
17
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
18
18
|
import {
|
|
19
19
|
gdsCustomElement,
|
|
20
20
|
html
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
withLayoutChildProps,
|
|
3
3
|
withMarginProps
|
|
4
|
-
} from "./chunk.
|
|
4
|
+
} from "./chunk.TWXTKG4B.js";
|
|
5
5
|
import {
|
|
6
6
|
TransitionalStyles
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.KUJAPVN5.js";
|
|
8
8
|
import {
|
|
9
9
|
GdsElement
|
|
10
10
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -98,6 +98,7 @@ var GdsContextMenu = class extends withMarginProps(
|
|
|
98
98
|
</button>
|
|
99
99
|
<gds-popover
|
|
100
100
|
id="menu"
|
|
101
|
+
autofocus
|
|
101
102
|
.open=${this.open}
|
|
102
103
|
.triggerRef=${this.elTriggerBtn}
|
|
103
104
|
.anchorRef=${this.elTriggerBtn}
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from "./chunk.TYGMNHNO.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -124,7 +124,7 @@ var style = css`
|
|
|
124
124
|
var dropdown_styles_default = style;
|
|
125
125
|
|
|
126
126
|
// libs/core/src/components/dropdown/dropdown.ts
|
|
127
|
-
var _optionElements, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, _handleSelectionChange, handleSelectionChange_fn, _registerAutoCloseListener, registerAutoCloseListener_fn, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
|
|
127
|
+
var _optionElements, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, _handleSelectionChange, handleSelectionChange_fn, _registerAutoCloseListener, registerAutoCloseListener_fn, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
|
|
128
128
|
var GdsDropdown = class extends GdsFormControlElement {
|
|
129
129
|
constructor() {
|
|
130
130
|
super(...arguments);
|
|
@@ -173,12 +173,12 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
173
173
|
@input=${(e) => {
|
|
174
174
|
this.value = e.target.value;
|
|
175
175
|
__privateGet(this, _handleSearchFieldInput).call(this, e);
|
|
176
|
-
this.open = true;
|
|
176
|
+
__privateGet(this, _dispatchUISateEvent).call(this, true, "show") && (this.open = true);
|
|
177
177
|
}}
|
|
178
178
|
@keydown=${(e) => {
|
|
179
179
|
if (e.key === "ArrowDown") {
|
|
180
180
|
e.preventDefault();
|
|
181
|
-
this.open = true;
|
|
181
|
+
__privateGet(this, _dispatchUISateEvent).call(this, true, "show") && (this.open = true);
|
|
182
182
|
this._elListbox.then((listbox) => listbox.focus());
|
|
183
183
|
}
|
|
184
184
|
}}
|
|
@@ -217,6 +217,19 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
217
217
|
height = Math.min(bottomSpace, this.maxHeight);
|
|
218
218
|
return `${height - 16}px`;
|
|
219
219
|
});
|
|
220
|
+
__privateAdd(this, _dispatchUISateEvent, (toState, reason) => this.dispatchEvent(
|
|
221
|
+
new CustomEvent("gds-ui-state", {
|
|
222
|
+
detail: { reason, open: toState },
|
|
223
|
+
bubbles: false,
|
|
224
|
+
composed: false,
|
|
225
|
+
cancelable: true
|
|
226
|
+
})
|
|
227
|
+
));
|
|
228
|
+
__privateAdd(this, _handlePopoverStateChange, (e) => {
|
|
229
|
+
if (__privateGet(this, _dispatchUISateEvent).call(this, e.detail.open, e.detail.reason)) {
|
|
230
|
+
this.open = e.detail.open;
|
|
231
|
+
}
|
|
232
|
+
});
|
|
220
233
|
/**
|
|
221
234
|
* Event handler for filtering the options in the dropdown.
|
|
222
235
|
*
|
|
@@ -279,12 +292,12 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
279
292
|
*/
|
|
280
293
|
__privateAdd(this, _blurCloseListener, (e) => {
|
|
281
294
|
const isFocusOutside = e instanceof FocusEvent && e.relatedTarget && !this.contains(e.relatedTarget);
|
|
282
|
-
if (isFocusOutside)
|
|
295
|
+
if (isFocusOutside && __privateGet(this, _dispatchUISateEvent).call(this, false, "close"))
|
|
283
296
|
this.open = false;
|
|
284
297
|
});
|
|
285
298
|
__privateAdd(this, _tabCloseListener, (e) => {
|
|
286
299
|
var _a;
|
|
287
|
-
if (e.key === "Tab" && !this.searchable) {
|
|
300
|
+
if (e.key === "Tab" && !this.searchable && __privateGet(this, _dispatchUISateEvent).call(this, false, "close")) {
|
|
288
301
|
e.preventDefault();
|
|
289
302
|
this.open = false;
|
|
290
303
|
(_a = this._elTriggerBtn) == null ? void 0 : _a.focus();
|
|
@@ -388,7 +401,7 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
388
401
|
.calcMaxHeight=${__privateGet(this, _calcMaxHeight)}
|
|
389
402
|
.disableMobileStyles=${this.disableMobileStyles || this.combobox}
|
|
390
403
|
.nonmodal=${this.combobox}
|
|
391
|
-
@gds-ui-state=${(
|
|
404
|
+
@gds-ui-state=${__privateGet(this, _handlePopoverStateChange)}
|
|
392
405
|
>
|
|
393
406
|
<gds-field-base
|
|
394
407
|
.size=${this.size}
|
|
@@ -492,20 +505,20 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
492
505
|
this._elSearchInput && (this._elSearchInput.value = "");
|
|
493
506
|
}
|
|
494
507
|
const selectedOption = this.options.find((option) => option.selected);
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
})
|
|
502
|
-
);
|
|
508
|
+
requestAnimationFrame(async () => {
|
|
509
|
+
await this.updateComplete;
|
|
510
|
+
selectedOption == null ? void 0 : selectedOption.scrollIntoView({
|
|
511
|
+
block: "center"
|
|
512
|
+
});
|
|
513
|
+
});
|
|
503
514
|
}
|
|
504
515
|
};
|
|
505
516
|
_optionElements = new WeakMap();
|
|
506
517
|
_renderCombobox = new WeakMap();
|
|
507
518
|
_renderTriggerButton = new WeakMap();
|
|
508
519
|
_calcMaxHeight = new WeakMap();
|
|
520
|
+
_dispatchUISateEvent = new WeakMap();
|
|
521
|
+
_handlePopoverStateChange = new WeakMap();
|
|
509
522
|
_handleSearchFieldInput = new WeakMap();
|
|
510
523
|
_handleSearchFieldKeyDown = new WeakMap();
|
|
511
524
|
_handleListboxKeyDown = new WeakMap();
|
|
@@ -518,18 +531,20 @@ handleSelectionChange_fn = function() {
|
|
|
518
531
|
this.value = listbox.selection.map((s) => s.value);
|
|
519
532
|
else {
|
|
520
533
|
this.value = (_a = listbox.selection[0]) == null ? void 0 : _a.value;
|
|
521
|
-
this.
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
})
|
|
527
|
-
|
|
528
|
-
setTimeout(() => {
|
|
529
|
-
var _a2;
|
|
530
|
-
return (_a2 = this._elTriggerBtn) == null ? void 0 : _a2.focus();
|
|
531
|
-
}, 0);
|
|
534
|
+
if (__privateGet(this, _dispatchUISateEvent).call(this, false, "close")) {
|
|
535
|
+
this.open = false;
|
|
536
|
+
setTimeout(() => {
|
|
537
|
+
var _a2;
|
|
538
|
+
return (_a2 = this._elTriggerBtn) == null ? void 0 : _a2.focus();
|
|
539
|
+
}, 0);
|
|
540
|
+
}
|
|
532
541
|
}
|
|
542
|
+
this.dispatchEvent(
|
|
543
|
+
new Event("input", {
|
|
544
|
+
bubbles: true,
|
|
545
|
+
composed: true
|
|
546
|
+
})
|
|
547
|
+
);
|
|
533
548
|
this.dispatchEvent(
|
|
534
549
|
new CustomEvent("change", {
|
|
535
550
|
detail: { value: this.value },
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsFlex
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.SCXFHAWK.js";
|
|
4
4
|
import {
|
|
5
5
|
styleExpressionProperty
|
|
6
6
|
} from "./chunk.NUUST5OZ.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement
|
|
12
12
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -2,13 +2,13 @@ import {
|
|
|
2
2
|
withLayoutChildProps,
|
|
3
3
|
withMarginProps,
|
|
4
4
|
withSizeXProps
|
|
5
|
-
} from "./chunk.
|
|
5
|
+
} from "./chunk.TWXTKG4B.js";
|
|
6
6
|
import {
|
|
7
7
|
styleExpressionProperty
|
|
8
8
|
} from "./chunk.NUUST5OZ.js";
|
|
9
9
|
import {
|
|
10
10
|
tokens
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
12
12
|
import {
|
|
13
13
|
GdsElement
|
|
14
14
|
} from "./chunk.TMEWQZER.js";
|
package/chunks/chunk.QK3R23GV.js
CHANGED
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
// libs/core/src/utils/helpers/custom-element-scoping.ts
|
|
7
7
|
import { html as litHtml } from "lit";
|
|
8
8
|
import { customElement } from "lit/decorators.js";
|
|
9
|
-
var VER_SUFFIX = "-
|
|
9
|
+
var VER_SUFFIX = "-942c47";
|
|
10
10
|
var ScopedElementRegistry = class {
|
|
11
11
|
static get instance() {
|
|
12
12
|
var _a;
|
|
@@ -9,16 +9,16 @@ import {
|
|
|
9
9
|
withLayoutChildProps,
|
|
10
10
|
withMarginProps,
|
|
11
11
|
withSizeXProps
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.TWXTKG4B.js";
|
|
13
13
|
import {
|
|
14
14
|
TransitionalStyles
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.KUJAPVN5.js";
|
|
16
16
|
import {
|
|
17
17
|
watch
|
|
18
18
|
} from "./chunk.TYGMNHNO.js";
|
|
19
19
|
import {
|
|
20
20
|
tokens
|
|
21
|
-
} from "./chunk.
|
|
21
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
22
22
|
import {
|
|
23
23
|
gdsCustomElement,
|
|
24
24
|
html
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsDiv
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.VDRO6KTG.js";
|
|
4
4
|
import {
|
|
5
5
|
tokens
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
7
7
|
import {
|
|
8
8
|
gdsCustomElement,
|
|
9
9
|
html
|
|
@@ -18,6 +18,9 @@ var style = css`
|
|
|
18
18
|
:host {
|
|
19
19
|
display: flex;
|
|
20
20
|
box-sizing: border-box;
|
|
21
|
+
border-style: solid;
|
|
22
|
+
border-width: 0;
|
|
23
|
+
border-color: var(--gds-color-l2-border-primary);
|
|
21
24
|
}
|
|
22
25
|
`;
|
|
23
26
|
var flex_styles_default = style;
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk.WM7HBMMV.js";
|
|
4
4
|
import {
|
|
5
5
|
TransitionalStyles
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.KUJAPVN5.js";
|
|
7
7
|
import {
|
|
8
8
|
watch
|
|
9
9
|
} from "./chunk.TYGMNHNO.js";
|
|
@@ -152,27 +152,30 @@ var GdsPopover = class extends GdsElement {
|
|
|
152
152
|
__privateAdd(this, _isMobileViewport, false);
|
|
153
153
|
__privateAdd(this, _backdropEl, void 0);
|
|
154
154
|
__privateAdd(this, _handleCancel, () => {
|
|
155
|
-
this.
|
|
156
|
-
|
|
155
|
+
if (__privateGet(this, _dispatchUiStateEvent).call(this, "cancel"))
|
|
156
|
+
this.open = false;
|
|
157
157
|
});
|
|
158
158
|
__privateAdd(this, _dispatchUiStateEvent, (reason) => {
|
|
159
|
-
|
|
159
|
+
const toState = reason === "show" ? true : false;
|
|
160
|
+
return this.dispatchEvent(
|
|
160
161
|
new CustomEvent("gds-ui-state", {
|
|
161
|
-
detail: { open:
|
|
162
|
+
detail: { open: toState, reason },
|
|
162
163
|
bubbles: false,
|
|
163
|
-
composed: false
|
|
164
|
+
composed: false,
|
|
165
|
+
cancelable: true
|
|
164
166
|
})
|
|
165
167
|
);
|
|
166
168
|
});
|
|
167
169
|
__privateAdd(this, _handleCloseButton, (e) => {
|
|
168
170
|
e.stopPropagation();
|
|
169
171
|
e.preventDefault();
|
|
170
|
-
this.
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
172
|
+
if (__privateGet(this, _dispatchUiStateEvent).call(this, "close")) {
|
|
173
|
+
this.open = false;
|
|
174
|
+
setTimeout(() => {
|
|
175
|
+
var _a;
|
|
176
|
+
return (_a = this._trigger) == null ? void 0 : _a.focus();
|
|
177
|
+
}, 250);
|
|
178
|
+
}
|
|
176
179
|
});
|
|
177
180
|
/**
|
|
178
181
|
* ArrowDown or ArrowUp on the trigger element will trigger the popover by default, and escape will close it.
|
|
@@ -189,8 +192,8 @@ var GdsPopover = class extends GdsElement {
|
|
|
189
192
|
});
|
|
190
193
|
__privateAdd(this, _handleTriggerClick, (e) => {
|
|
191
194
|
e.preventDefault();
|
|
192
|
-
this.
|
|
193
|
-
|
|
195
|
+
if (__privateGet(this, _dispatchUiStateEvent).call(this, this.open ? "close" : "show"))
|
|
196
|
+
this.open = !this.open;
|
|
194
197
|
});
|
|
195
198
|
/**
|
|
196
199
|
* Move focus to the first slotted child.
|
|
@@ -209,9 +212,8 @@ var GdsPopover = class extends GdsElement {
|
|
|
209
212
|
if (isNotEnterKey && dialog && this.open) {
|
|
210
213
|
const rect = dialog.getBoundingClientRect();
|
|
211
214
|
const isInDialog = rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width;
|
|
212
|
-
if (!isInDialog) {
|
|
215
|
+
if (!isInDialog && __privateGet(this, _dispatchUiStateEvent).call(this, "close")) {
|
|
213
216
|
this.open = false;
|
|
214
|
-
__privateGet(this, _dispatchUiStateEvent).call(this, "close");
|
|
215
217
|
}
|
|
216
218
|
}
|
|
217
219
|
});
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk.UEJZWDMS.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsDiv
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.VDRO6KTG.js";
|
|
7
7
|
import {
|
|
8
8
|
styleExpressionProperty
|
|
9
9
|
} from "./chunk.NUUST5OZ.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.WK7C2QXZ.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement
|
|
15
15
|
} from "./chunk.QK3R23GV.js";
|