@sebgroup/green-core 1.67.0 → 1.67.2
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.JSANYYLF.js → chunk.2KP7CXJ5.js} +1 -1
- package/chunks/{chunk.SCXFHAWK.js → chunk.3YDCI5TN.js} +2 -2
- package/chunks/{chunk.GCI7HN2H.js → chunk.4KOP3MDG.js} +5 -1
- package/chunks/{chunk.KION2OYS.js → chunk.5PD3PSK4.js} +1 -1
- package/chunks/{chunk.HJGHIE2D.js → chunk.6NZIC3TW.js} +1 -1
- package/chunks/{chunk.B2RQXG4G.js → chunk.6YEOPBIX.js} +1 -1
- package/chunks/{chunk.ACAHVFG7.js → chunk.7LIY65KP.js} +1 -1
- package/chunks/{chunk.YXVTCKZR.js → chunk.ADQIHTFC.js} +2 -2
- package/chunks/{chunk.IPWHH4CK.js → chunk.B7VBNGPU.js} +1 -1
- package/chunks/{chunk.U7SV5FRV.js → chunk.DCGFNDFX.js} +1 -1
- package/chunks/{chunk.7IFET53O.js → chunk.DSCLYUJH.js} +1 -1
- package/chunks/{chunk.SCHO22PC.js → chunk.FSK42X7K.js} +2 -2
- package/chunks/{chunk.R5NOZILM.js → chunk.H52APBDI.js} +1 -1
- package/chunks/{chunk.YRGMBXS2.js → chunk.HP6WVPOD.js} +1 -1
- package/chunks/{chunk.TFOOXGFN.js → chunk.IVSKSYIJ.js} +2 -2
- package/chunks/{chunk.ZB2XNHPZ.js → chunk.LR4JLKAP.js} +2 -2
- package/chunks/{chunk.3ZFFIYEU.js → chunk.M33XVFO4.js} +2 -2
- package/chunks/{chunk.XE6PV25Z.js → chunk.MOTMDOMF.js} +1 -1
- package/chunks/{chunk.TVLP4R5T.js → chunk.MXB46C5Z.js} +1 -1
- package/chunks/{chunk.VDRO6KTG.js → chunk.N33PIQO6.js} +1 -1
- package/chunks/{chunk.C27EFYGY.js → chunk.NQCWG32E.js} +2 -2
- package/chunks/{chunk.WK7C2QXZ.js → chunk.OQ5N7PQH.js} +6 -6
- package/chunks/{chunk.6SI34JWK.js → chunk.PDLHNMEY.js} +1 -1
- package/chunks/chunk.QK3R23GV.js +1 -1
- package/chunks/{chunk.OUDHBAAZ.js → chunk.T57V24TB.js} +2 -2
- package/chunks/{chunk.IR7NSBHB.js → chunk.TEHTECXG.js} +1 -1
- package/chunks/{chunk.T22BSYJS.js → chunk.TG2IMOLR.js} +6 -2
- package/chunks/{chunk.O4OF3EPJ.js → chunk.TKK3J2TQ.js} +1 -1
- package/chunks/{chunk.DTCQACHZ.js → chunk.TQFIEGYC.js} +1 -1
- package/chunks/{chunk.IMEKULRH.js → chunk.U5GRU6XM.js} +1 -1
- package/chunks/{chunk.OSLTO3JD.js → chunk.UG52NHEU.js} +28 -18
- package/chunks/{chunk.OPS5K7OD.js → chunk.VOXIRTMQ.js} +32 -21
- package/chunks/{chunk.Q3SW424I.js → chunk.VQPL6OOY.js} +1 -1
- package/chunks/{chunk.XNPVWX54.js → chunk.VWQM7XRX.js} +2 -2
- package/chunks/{chunk.D3C6QMNU.js → chunk.XHNT35GH.js} +2 -2
- package/chunks/{chunk.J5L4RMXQ.js → chunk.XJBJSFOF.js} +2 -2
- package/chunks/{chunk.4LAIAF3Q.js → chunk.Y7ALPKTD.js} +2 -2
- package/chunks/{chunk.ECO3WCZN.js → chunk.YJIZUKAI.js} +2 -2
- package/chunks/{chunk.KUJAPVN5.js → chunk.YNCPN53F.js} +1 -1
- package/chunks/{chunk.URZMXGWX.js → chunk.Z62P7O6Q.js} +1 -1
- package/chunks/{chunk.BILCOYYB.js → chunk.ZF4AT6MX.js} +2 -2
- package/components/badge/badge.js +4 -4
- package/components/badge/index.js +4 -4
- package/components/button/button.js +4 -4
- package/components/button/button.trans.styles.js +2 -2
- package/components/button/index.js +4 -4
- 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 +3 -3
- package/components/card/index.js +3 -3
- package/components/container/container.js +3 -3
- package/components/container/index.js +3 -3
- package/components/context-menu/context-menu.d.ts +1 -1
- package/components/context-menu/context-menu.js +6 -6
- package/components/context-menu/context-menu.trans.styles.js +2 -2
- package/components/context-menu/index.js +7 -7
- package/components/datepicker/datepicker.js +16 -16
- package/components/datepicker/datepicker.trans.styles.js +2 -2
- package/components/datepicker/index.js +16 -16
- package/components/dialog/dialog.js +7 -7
- package/components/dialog/index.js +7 -7
- package/components/div/div.js +2 -2
- package/components/div/index.js +2 -2
- package/components/divider/divider.js +2 -2
- package/components/divider/index.js +2 -2
- package/components/dropdown/dropdown.js +13 -13
- package/components/dropdown/dropdown.trans.styles.js +2 -2
- package/components/dropdown/index.js +14 -14
- package/components/fab/fab.js +5 -5
- package/components/fab/index.js +5 -5
- package/components/filter-chips/filter-chip/filter-chip.js +5 -5
- package/components/filter-chips/filter-chip/filter-chip.trans.styles.js +2 -2
- package/components/filter-chips/filter-chip/index.js +5 -5
- package/components/filter-chips/filter-chips.js +5 -5
- package/components/filter-chips/filter-chips.trans.styles.js +2 -2
- package/components/filter-chips/index.js +5 -5
- package/components/flex/flex.js +3 -3
- package/components/flex/index.js +3 -3
- package/components/form/index.js +6 -6
- package/components/form/summary/index.js +6 -6
- package/components/form/summary/summary.js +6 -6
- package/components/grid/grid.js +3 -3
- package/components/grid/index.js +3 -3
- 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/icon/icon.d.ts +2 -0
- package/components/img/img.js +2 -2
- package/components/img/index.js +2 -2
- package/components/index.js +38 -38
- package/components/input/index.js +10 -10
- package/components/input/input.js +10 -10
- package/components/input/input.trans.styles.js +2 -2
- package/components/link/index.js +2 -2
- package/components/link/link.js +2 -2
- package/components/mask/index.js +4 -4
- package/components/mask/mask.js +4 -4
- package/components/menu-button/index.js +2 -2
- package/components/menu-button/menu-button.js +2 -2
- package/components/popover/index.js +3 -3
- package/components/popover/popover.js +3 -3
- package/components/popover/popover.trans.styles.js +2 -2
- package/components/rich-text/index.js +2 -2
- package/components/rich-text/rich-text.js +2 -2
- package/components/segmented-control/index.js +4 -4
- package/components/segmented-control/segment/index.js +3 -3
- package/components/segmented-control/segment/segment.js +3 -3
- package/components/segmented-control/segment/segment.trans.styles.js +2 -2
- package/components/segmented-control/segmented-control.js +4 -4
- package/components/segmented-control/segmented-control.trans.styles.js +2 -2
- package/components/select/index.js +10 -10
- package/components/select/select.js +10 -10
- 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 +3 -3
- package/components/text/text.js +3 -3
- package/components/textarea/index.js +10 -10
- package/components/textarea/textarea.js +10 -10
- 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 +2 -2
- package/components/video/video.js +2 -2
- package/index.js +38 -38
- 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 +4 -4
- package/primitives/form-control-footer/index.js +4 -4
- package/primitives/form-control-header/form-control-header.js +6 -6
- package/primitives/form-control-header/index.js +6 -6
- 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
|
@@ -14,7 +14,7 @@ import {
|
|
|
14
14
|
} from "./chunk.TYGMNHNO.js";
|
|
15
15
|
import {
|
|
16
16
|
tokens
|
|
17
|
-
} from "./chunk.
|
|
17
|
+
} from "./chunk.OQ5N7PQH.js";
|
|
18
18
|
import {
|
|
19
19
|
gdsCustomElement,
|
|
20
20
|
html
|
|
@@ -171,6 +171,7 @@ var Select = class extends GdsFormControlElement {
|
|
|
171
171
|
const CLASSES = {
|
|
172
172
|
multiple: this.multiple
|
|
173
173
|
};
|
|
174
|
+
this.selectElement && (this.selectElement.disabled = this.disabled);
|
|
174
175
|
return html`
|
|
175
176
|
<gds-form-control-header class="size-${this.size}">
|
|
176
177
|
<label for="select" slot="label" id="label-text">${this.label}</label>
|
|
@@ -208,8 +209,11 @@ var Select = class extends GdsFormControlElement {
|
|
|
208
209
|
"supporting-text extended-supporting-text sub-label message"
|
|
209
210
|
);
|
|
210
211
|
clone.setAttribute("id", "select");
|
|
212
|
+
clone.disabled = this.disabled;
|
|
211
213
|
if (!__privateGet(this, _isValueInitialized))
|
|
212
214
|
this.value = clone.value;
|
|
215
|
+
else
|
|
216
|
+
clone.value = this.value;
|
|
213
217
|
return clone;
|
|
214
218
|
});
|
|
215
219
|
this._elSelectContainer.replaceChildren(...cloned);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsDiv
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.N33PIQO6.js";
|
|
4
4
|
import {
|
|
5
5
|
forSpaceTokens
|
|
6
6
|
} from "./chunk.76QWARGM.js";
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from "./chunk.NUUST5OZ.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.OQ5N7PQH.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -12,13 +12,13 @@ import {
|
|
|
12
12
|
} from "./chunk.TWXTKG4B.js";
|
|
13
13
|
import {
|
|
14
14
|
TransitionalStyles
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.YNCPN53F.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.OQ5N7PQH.js";
|
|
22
22
|
import {
|
|
23
23
|
gdsCustomElement,
|
|
24
24
|
html
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk.UEJZWDMS.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsDiv
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.N33PIQO6.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.OQ5N7PQH.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement
|
|
15
15
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -3,10 +3,10 @@ import {
|
|
|
3
3
|
} from "./chunk.TWXTKG4B.js";
|
|
4
4
|
import {
|
|
5
5
|
TransitionalStyles
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.YNCPN53F.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.OQ5N7PQH.js";
|
|
10
10
|
import {
|
|
11
11
|
GdsElement
|
|
12
12
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk.VHN4JEZC.js";
|
|
4
4
|
import {
|
|
5
5
|
forwardAttributes
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.XJBJSFOF.js";
|
|
7
7
|
import {
|
|
8
8
|
GdsFormControlElement
|
|
9
9
|
} from "./chunk.VA6TUMR2.js";
|
|
@@ -20,7 +20,7 @@ import {
|
|
|
20
20
|
} from "./chunk.TYGMNHNO.js";
|
|
21
21
|
import {
|
|
22
22
|
tokens
|
|
23
|
-
} from "./chunk.
|
|
23
|
+
} from "./chunk.OQ5N7PQH.js";
|
|
24
24
|
import {
|
|
25
25
|
gdsCustomElement,
|
|
26
26
|
html
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
forwardAttributes
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.XJBJSFOF.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsFormControlElement
|
|
6
6
|
} from "./chunk.VA6TUMR2.js";
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
} from "./chunk.TWXTKG4B.js";
|
|
12
12
|
import {
|
|
13
13
|
tokens
|
|
14
|
-
} from "./chunk.
|
|
14
|
+
} from "./chunk.OQ5N7PQH.js";
|
|
15
15
|
import {
|
|
16
16
|
gdsCustomElement,
|
|
17
17
|
html
|
|
@@ -5,7 +5,7 @@ import {
|
|
|
5
5
|
// dist/libs/tokens/internal/dark.css?inline
|
|
6
6
|
var dark_default = `/**
|
|
7
7
|
* Do not edit directly
|
|
8
|
-
* Generated on
|
|
8
|
+
* Generated on Mon, 03 Mar 2025 14:15:14 GMT
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
color-scheme: dark;
|
|
@@ -119,7 +119,7 @@ color-scheme: dark;
|
|
|
119
119
|
// dist/libs/tokens/internal/light.css?inline
|
|
120
120
|
var light_default = `/**
|
|
121
121
|
* Do not edit directly
|
|
122
|
-
* Generated on
|
|
122
|
+
* Generated on Mon, 03 Mar 2025 14:15:14 GMT
|
|
123
123
|
*/
|
|
124
124
|
|
|
125
125
|
color-scheme: light;
|
|
@@ -236,7 +236,7 @@ import { css, unsafeCSS } from "lit";
|
|
|
236
236
|
// dist/libs/tokens/internal/motion.css?inline
|
|
237
237
|
var motion_default = `/**
|
|
238
238
|
* Do not edit directly
|
|
239
|
-
* Generated on
|
|
239
|
+
* Generated on Mon, 03 Mar 2025 14:15:14 GMT
|
|
240
240
|
*/
|
|
241
241
|
|
|
242
242
|
:host {
|
|
@@ -255,7 +255,7 @@ var motion_default = `/**
|
|
|
255
255
|
// dist/libs/tokens/internal/shadow.css?inline
|
|
256
256
|
var shadow_default = `/**
|
|
257
257
|
* Do not edit directly
|
|
258
|
-
* Generated on
|
|
258
|
+
* Generated on Mon, 03 Mar 2025 14:15:14 GMT
|
|
259
259
|
*/
|
|
260
260
|
|
|
261
261
|
:host {
|
|
@@ -270,7 +270,7 @@ var shadow_default = `/**
|
|
|
270
270
|
// dist/libs/tokens/internal/size.css?inline
|
|
271
271
|
var size_default = `/**
|
|
272
272
|
* Do not edit directly
|
|
273
|
-
* Generated on
|
|
273
|
+
* Generated on Mon, 03 Mar 2025 14:15:14 GMT
|
|
274
274
|
*/
|
|
275
275
|
|
|
276
276
|
:host {
|
|
@@ -297,7 +297,7 @@ var size_default = `/**
|
|
|
297
297
|
// dist/libs/tokens/internal/text.css?inline
|
|
298
298
|
var text_default = `/**
|
|
299
299
|
* Do not edit directly
|
|
300
|
-
* Generated on
|
|
300
|
+
* Generated on Mon, 03 Mar 2025 14:15:14 GMT
|
|
301
301
|
*/
|
|
302
302
|
|
|
303
303
|
:host {
|
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 = "-2783c6";
|
|
10
10
|
var ScopedElementRegistry = class {
|
|
11
11
|
static get instance() {
|
|
12
12
|
var _a;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsFlex
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.3YDCI5TN.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.OQ5N7PQH.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement
|
|
12
12
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -3,7 +3,7 @@ import {
|
|
|
3
3
|
} from "./chunk.WM7HBMMV.js";
|
|
4
4
|
import {
|
|
5
5
|
TransitionalStyles
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.YNCPN53F.js";
|
|
7
7
|
import {
|
|
8
8
|
watch
|
|
9
9
|
} from "./chunk.TYGMNHNO.js";
|
|
@@ -71,6 +71,10 @@ var style = css`
|
|
|
71
71
|
border-radius: 0.5rem;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
+
:host([nonmodal]) dialog {
|
|
75
|
+
z-index: 1;
|
|
76
|
+
}
|
|
77
|
+
|
|
74
78
|
@media (max-width: 767px) {
|
|
75
79
|
dialog.use-modal-in-mobile {
|
|
76
80
|
border-radius: 1rem 1rem 0 0;
|
|
@@ -474,7 +478,7 @@ __decorateClass([
|
|
|
474
478
|
property({ attribute: false })
|
|
475
479
|
], GdsPopover.prototype, "calcMaxHeight", 2);
|
|
476
480
|
__decorateClass([
|
|
477
|
-
property({ type: Boolean })
|
|
481
|
+
property({ type: Boolean, reflect: true })
|
|
478
482
|
], GdsPopover.prototype, "nonmodal", 2);
|
|
479
483
|
__decorateClass([
|
|
480
484
|
property()
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from "./chunk.TYGMNHNO.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.OQ5N7PQH.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -40,8 +40,6 @@ var style = css`
|
|
|
40
40
|
flex-direction: column;
|
|
41
41
|
width: 100%;
|
|
42
42
|
gap: var(--gds-space-xs);
|
|
43
|
-
contain: layout;
|
|
44
|
-
isolation: isolate;
|
|
45
43
|
--_transition: all 368ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
46
44
|
}
|
|
47
45
|
|
|
@@ -124,7 +122,7 @@ var style = css`
|
|
|
124
122
|
var dropdown_styles_default = style;
|
|
125
123
|
|
|
126
124
|
// libs/core/src/components/dropdown/dropdown.ts
|
|
127
|
-
var _optionElements, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, _handleSelectionChange, handleSelectionChange_fn, _registerAutoCloseListener, registerAutoCloseListener_fn, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
|
|
125
|
+
var _optionElements, _renderCombobox, _renderTriggerButton, _calcMaxHeight, _dispatchUISateEvent, _handlePopoverStateChange, _handleSearchFieldInput, _handleSearchFieldKeyDown, _handleListboxKeyDown, _handleOptionFocusChange, _handleSelectionChange, handleSelectionChange_fn, _dispatchInputEvent, _dispatchChangeEvent, _registerAutoCloseListener, registerAutoCloseListener_fn, _unregisterAutoCloseListener, unregisterAutoCloseListener_fn, _blurCloseListener, _tabCloseListener;
|
|
128
126
|
var GdsDropdown = class extends GdsFormControlElement {
|
|
129
127
|
constructor() {
|
|
130
128
|
super(...arguments);
|
|
@@ -172,6 +170,7 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
172
170
|
}}
|
|
173
171
|
@input=${(e) => {
|
|
174
172
|
this.value = e.target.value;
|
|
173
|
+
__privateGet(this, _dispatchInputEvent).call(this);
|
|
175
174
|
__privateGet(this, _handleSearchFieldInput).call(this, e);
|
|
176
175
|
__privateGet(this, _dispatchUISateEvent).call(this, true, "show") && (this.open = true);
|
|
177
176
|
}}
|
|
@@ -181,6 +180,9 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
181
180
|
__privateGet(this, _dispatchUISateEvent).call(this, true, "show") && (this.open = true);
|
|
182
181
|
this._elListbox.then((listbox) => listbox.focus());
|
|
183
182
|
}
|
|
183
|
+
if (e.key === "Enter") {
|
|
184
|
+
__privateGet(this, _dispatchChangeEvent).call(this);
|
|
185
|
+
}
|
|
184
186
|
}}
|
|
185
187
|
/>
|
|
186
188
|
`;
|
|
@@ -287,6 +289,23 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
287
289
|
if (triggerButton)
|
|
288
290
|
triggerButton.ariaActiveDescendantElement = e.target;
|
|
289
291
|
});
|
|
292
|
+
__privateAdd(this, _dispatchInputEvent, () => {
|
|
293
|
+
this.dispatchEvent(
|
|
294
|
+
new Event("input", {
|
|
295
|
+
bubbles: true,
|
|
296
|
+
composed: true
|
|
297
|
+
})
|
|
298
|
+
);
|
|
299
|
+
});
|
|
300
|
+
__privateAdd(this, _dispatchChangeEvent, () => {
|
|
301
|
+
this.dispatchEvent(
|
|
302
|
+
new CustomEvent("change", {
|
|
303
|
+
detail: { value: this.value },
|
|
304
|
+
bubbles: true,
|
|
305
|
+
composed: true
|
|
306
|
+
})
|
|
307
|
+
);
|
|
308
|
+
});
|
|
290
309
|
/**
|
|
291
310
|
* A listener to close the dropdown when any other element is focused.
|
|
292
311
|
*/
|
|
@@ -477,7 +496,7 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
477
496
|
this.value = this.placeholder.value;
|
|
478
497
|
else
|
|
479
498
|
this.value = (_a = this.options[0]) == null ? void 0 : _a.value;
|
|
480
|
-
} else if (!this.placeholder && this.options.find(
|
|
499
|
+
} else if (!this.combobox && !this.placeholder && this.options.find(
|
|
481
500
|
(o) => this.compareWith(o.value, this.value)
|
|
482
501
|
) === void 0) {
|
|
483
502
|
this.options[0] && (this.options[0].selected = true);
|
|
@@ -539,21 +558,12 @@ handleSelectionChange_fn = function() {
|
|
|
539
558
|
}, 0);
|
|
540
559
|
}
|
|
541
560
|
}
|
|
542
|
-
this.
|
|
543
|
-
|
|
544
|
-
bubbles: true,
|
|
545
|
-
composed: true
|
|
546
|
-
})
|
|
547
|
-
);
|
|
548
|
-
this.dispatchEvent(
|
|
549
|
-
new CustomEvent("change", {
|
|
550
|
-
detail: { value: this.value },
|
|
551
|
-
bubbles: true,
|
|
552
|
-
composed: true
|
|
553
|
-
})
|
|
554
|
-
);
|
|
561
|
+
__privateGet(this, _dispatchInputEvent).call(this);
|
|
562
|
+
__privateGet(this, _dispatchChangeEvent).call(this);
|
|
555
563
|
});
|
|
556
564
|
};
|
|
565
|
+
_dispatchInputEvent = new WeakMap();
|
|
566
|
+
_dispatchChangeEvent = new WeakMap();
|
|
557
567
|
_registerAutoCloseListener = new WeakSet();
|
|
558
568
|
registerAutoCloseListener_fn = function() {
|
|
559
569
|
this.addEventListener("blur", __privateGet(this, _blurCloseListener));
|
|
@@ -4,7 +4,10 @@ import {
|
|
|
4
4
|
} from "./chunk.TWXTKG4B.js";
|
|
5
5
|
import {
|
|
6
6
|
TransitionalStyles
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.YNCPN53F.js";
|
|
8
|
+
import {
|
|
9
|
+
tokens
|
|
10
|
+
} from "./chunk.OQ5N7PQH.js";
|
|
8
11
|
import {
|
|
9
12
|
GdsElement
|
|
10
13
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -15,6 +18,7 @@ import {
|
|
|
15
18
|
import {
|
|
16
19
|
__decorateClass,
|
|
17
20
|
__privateAdd,
|
|
21
|
+
__privateGet,
|
|
18
22
|
__privateMethod
|
|
19
23
|
} from "./chunk.SEHSDSX2.js";
|
|
20
24
|
|
|
@@ -23,6 +27,7 @@ import { localized, msg } from "@lit/localize";
|
|
|
23
27
|
import { nothing } from "lit";
|
|
24
28
|
import { property, queryAsync } from "lit/decorators.js";
|
|
25
29
|
import { classMap } from "lit/directives/class-map.js";
|
|
30
|
+
import { when } from "lit/directives/when.js";
|
|
26
31
|
|
|
27
32
|
// libs/core/src/components/context-menu/context-menu.styles.ts
|
|
28
33
|
import { css } from "lit";
|
|
@@ -52,7 +57,7 @@ var style = css`
|
|
|
52
57
|
var context_menu_styles_default = style;
|
|
53
58
|
|
|
54
59
|
// libs/core/src/components/context-menu/context-menu.ts
|
|
55
|
-
var _handleItemClick, handleItemClick_fn;
|
|
60
|
+
var _renderPopover, _handleItemClick, handleItemClick_fn;
|
|
56
61
|
var GdsContextMenu = class extends withMarginProps(
|
|
57
62
|
withLayoutChildProps(GdsElement)
|
|
58
63
|
) {
|
|
@@ -64,6 +69,26 @@ var GdsContextMenu = class extends withMarginProps(
|
|
|
64
69
|
this.showLabel = false;
|
|
65
70
|
this.label = "";
|
|
66
71
|
this.placement = "bottom-start";
|
|
72
|
+
__privateAdd(this, _renderPopover, () => {
|
|
73
|
+
var _a;
|
|
74
|
+
return html`<gds-popover
|
|
75
|
+
id="menu"
|
|
76
|
+
autofocus
|
|
77
|
+
.open=${this.open}
|
|
78
|
+
.triggerRef=${this.elTriggerBtn}
|
|
79
|
+
.anchorRef=${this.elTriggerBtn}
|
|
80
|
+
.label=${this.label}
|
|
81
|
+
.placement=${this.placement}
|
|
82
|
+
@gds-ui-state=${(e) => this.open = e.detail.open}
|
|
83
|
+
>
|
|
84
|
+
<gds-menu
|
|
85
|
+
aria-label=${(_a = this.label) != null ? _a : this.buttonLabel}
|
|
86
|
+
@gds-menu-item-click=${__privateMethod(this, _handleItemClick, handleItemClick_fn)}
|
|
87
|
+
>
|
|
88
|
+
<slot></slot>
|
|
89
|
+
</gds-menu>
|
|
90
|
+
</gds-popover>`;
|
|
91
|
+
});
|
|
67
92
|
}
|
|
68
93
|
connectedCallback() {
|
|
69
94
|
super.connectedCallback();
|
|
@@ -77,7 +102,7 @@ var GdsContextMenu = class extends withMarginProps(
|
|
|
77
102
|
});
|
|
78
103
|
}
|
|
79
104
|
render() {
|
|
80
|
-
var _a, _b
|
|
105
|
+
var _a, _b;
|
|
81
106
|
return html`<button
|
|
82
107
|
id="trigger"
|
|
83
108
|
class="icon border-0 small ${classMap({ highlighted: this.open })}"
|
|
@@ -85,6 +110,7 @@ var GdsContextMenu = class extends withMarginProps(
|
|
|
85
110
|
aria-haspopup="menu"
|
|
86
111
|
aria-controls="menu"
|
|
87
112
|
aria-expanded=${this.open}
|
|
113
|
+
@click=${() => this.open = true}
|
|
88
114
|
>
|
|
89
115
|
<slot name="trigger">
|
|
90
116
|
${this.showLabel ? (_b = this.buttonLabel) != null ? _b : this.label : nothing}
|
|
@@ -96,30 +122,15 @@ var GdsContextMenu = class extends withMarginProps(
|
|
|
96
122
|
</svg>
|
|
97
123
|
</slot>
|
|
98
124
|
</button>
|
|
99
|
-
|
|
100
|
-
id="menu"
|
|
101
|
-
autofocus
|
|
102
|
-
.open=${this.open}
|
|
103
|
-
.triggerRef=${this.elTriggerBtn}
|
|
104
|
-
.anchorRef=${this.elTriggerBtn}
|
|
105
|
-
.label=${this.label}
|
|
106
|
-
.placement=${this.placement}
|
|
107
|
-
@gds-ui-state=${(e) => this.open = e.detail.open}
|
|
108
|
-
>
|
|
109
|
-
<gds-menu
|
|
110
|
-
aria-label=${(_c = this.label) != null ? _c : this.buttonLabel}
|
|
111
|
-
@gds-menu-item-click=${__privateMethod(this, _handleItemClick, handleItemClick_fn)}
|
|
112
|
-
>
|
|
113
|
-
<slot></slot>
|
|
114
|
-
</gds-menu>
|
|
115
|
-
</gds-popover>`;
|
|
125
|
+
${when(this.open, __privateGet(this, _renderPopover))}`;
|
|
116
126
|
}
|
|
117
127
|
};
|
|
128
|
+
_renderPopover = new WeakMap();
|
|
118
129
|
_handleItemClick = new WeakSet();
|
|
119
130
|
handleItemClick_fn = function() {
|
|
120
131
|
this.open = false;
|
|
121
132
|
};
|
|
122
|
-
GdsContextMenu.styles = [context_menu_styles_default];
|
|
133
|
+
GdsContextMenu.styles = [tokens, context_menu_styles_default];
|
|
123
134
|
GdsContextMenu.shadowRootOptions = {
|
|
124
135
|
mode: "open",
|
|
125
136
|
delegatesFocus: true
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsDiv
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.N33PIQO6.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.OQ5N7PQH.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement,
|
|
12
12
|
html
|