@sebgroup/green-core 1.68.5 → 1.69.1
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.YDPMAYLA.js → chunk.342ILSLL.js} +2 -2
- package/chunks/{chunk.IJTVVDT5.js → chunk.3BWKKS5E.js} +1 -1
- package/chunks/{chunk.3ER354IV.js → chunk.3KS6FGJJ.js} +2 -2
- package/chunks/{chunk.JO7TMUNS.js → chunk.4N3AVWYC.js} +1 -1
- package/chunks/{chunk.Y2NHXTDW.js → chunk.5ZU43LMC.js} +2 -2
- package/chunks/{chunk.TOBY35JG.js → chunk.7DWU4KWT.js} +1 -1
- package/chunks/{chunk.DNBHE2HW.js → chunk.7WHES4I7.js} +1 -1
- package/chunks/{chunk.R7PMRDER.js → chunk.BA2QS7C2.js} +1 -1
- package/chunks/{chunk.XHLTNW7U.js → chunk.BFVWAUDD.js} +2 -2
- package/chunks/{chunk.L27GXXCR.js → chunk.CD722D7G.js} +1 -1
- package/chunks/{chunk.OXFUYPNR.js → chunk.DFA342AA.js} +1 -1
- package/chunks/{chunk.DYN6322L.js → chunk.DWECWU2J.js} +2 -2
- package/chunks/{chunk.R7SHJPQX.js → chunk.DZ2SQDGQ.js} +1 -1
- package/chunks/{chunk.SSMQSB4N.js → chunk.E3NZCUN3.js} +1 -1
- package/chunks/{chunk.2UGVYZW6.js → chunk.FDNU4B26.js} +2 -2
- package/chunks/{chunk.W7XFAJ4E.js → chunk.FSQFFDSV.js} +2 -2
- package/chunks/{chunk.M42OSKF3.js → chunk.GCFUFPFG.js} +1 -1
- package/chunks/{chunk.KYGKWH6H.js → chunk.HENPVDLB.js} +19 -3
- package/chunks/{chunk.HXC56ASG.js → chunk.HEZ24OUO.js} +1 -1
- package/chunks/{chunk.G5A6TLEB.js → chunk.HGBWIZW3.js} +1 -1
- package/chunks/{chunk.NGISBDVX.js → chunk.HWAZN4IB.js} +6 -6
- package/chunks/{chunk.KRR2MHH6.js → chunk.HZ2VSQVA.js} +1 -1
- package/chunks/{chunk.F2SQQT5J.js → chunk.I7FSS7R6.js} +2 -2
- package/chunks/{chunk.M6XWWL3K.js → chunk.I7YHINXZ.js} +16 -20
- package/chunks/{chunk.KC6Z3HNY.js → chunk.IHQVZL5Y.js} +2 -2
- package/chunks/{chunk.TRS2VCUR.js → chunk.IN7YLQ34.js} +2 -2
- package/chunks/chunk.ITT4IIHM.js +378 -0
- package/chunks/{chunk.J5LBLNY4.js → chunk.JLFHKSE4.js} +2 -2
- package/chunks/{chunk.KFICL24P.js → chunk.JUW5TI7J.js} +1 -1
- package/chunks/chunk.JZC2XGSP.js +240 -0
- package/chunks/{chunk.L76SIVXL.js → chunk.KTYWXS6J.js} +2 -2
- package/chunks/{chunk.CTQODNHP.js → chunk.KUZOZOPX.js} +13 -9
- package/chunks/chunk.LKMPQ6RB.js +113 -0
- package/chunks/chunk.LTVUUK5B.js +0 -0
- package/chunks/{chunk.AYJAUUCZ.js → chunk.LYR6UAF3.js} +1 -1
- package/chunks/{chunk.XB7K3C5P.js → chunk.MXDLNQDV.js} +2 -2
- package/chunks/chunk.PBKM6LEO.js +0 -0
- package/chunks/{chunk.L5PE6QYR.js → chunk.PRH4DHQO.js} +1 -1
- package/chunks/{chunk.RF56IWRC.js → chunk.QF2IZULS.js} +1 -1
- package/chunks/chunk.QK3R23GV.js +1 -1
- package/chunks/{chunk.4RYCDDEL.js → chunk.QLV27YOP.js} +1 -1
- package/chunks/{chunk.Y5YZV6CC.js → chunk.R3FVBSGQ.js} +1 -1
- package/chunks/{chunk.FFOHUW46.js → chunk.SAL4UI7W.js} +1 -1
- package/chunks/{chunk.3JPQEXQG.js → chunk.WOKRG5TE.js} +1 -1
- package/chunks/{chunk.ZNRXC2JN.js → chunk.WRLZ2VM4.js} +2 -2
- package/chunks/{chunk.UPA7PT7F.js → chunk.XQCEITCK.js} +2 -2
- package/chunks/{chunk.ZRKILGXZ.js → chunk.YSAE26FD.js} +1 -1
- package/chunks/{chunk.7Y2HXZTW.js → chunk.YW67S5RN.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.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 +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.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 +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/form-control.d.ts +4 -1
- 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/img/img.js +2 -2
- package/components/img/index.js +2 -2
- package/components/index.d.ts +1 -0
- package/components/index.js +55 -44
- 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.d.ts +4 -0
- package/components/popover/popover.js +3 -3
- package/components/popover/popover.trans.styles.js +2 -2
- package/components/radio/index.d.ts +2 -0
- package/components/radio/index.js +46 -0
- package/components/radio/radio-group/radio-group.d.ts +55 -0
- package/components/radio/radio-group/radio-group.js +39 -0
- package/components/radio/radio-group/radio-group.styles.d.ts +1 -0
- package/components/radio/radio.d.ts +44 -0
- package/components/radio/radio.js +17 -0
- package/components/radio/radio.styles.d.ts +1 -0
- package/components/radio/radio.trans.styles.d.ts +2 -0
- package/components/radio/radio.trans.styles.js +26 -0
- 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/spinner/gds-spinner.js +2 -2
- package/components/spinner/index.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 +55 -44
- 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 +5 -5
- package/primitives/listbox/listbox.js +5 -5
- package/primitives/listbox/option.js +4 -4
- package/primitives/menu/index.js +5 -5
- package/primitives/menu/menu-heading.js +3 -3
- package/primitives/menu/menu-item.js +4 -4
- package/primitives/menu/menu.js +5 -5
- package/primitives/ripple/index.js +2 -2
- package/primitives/ripple/ripple.js +2 -2
- package/primitives/selection-controls/index.d.ts +1 -0
- package/primitives/selection-controls/index.js +15 -0
- package/primitives/selection-controls/selection-field-label.d.ts +36 -0
- package/primitives/selection-controls/selection-field-label.js +14 -0
- package/primitives/selection-controls/selection-field-label.styles.d.ts +1 -0
- package/transitional-styles.js +2 -2
- package/components/radio/radio-group.d.ts +0 -13
- package/components/radio/radio-group.js +0 -69
- /package/chunks/{chunk.2PVXNNB5.js → chunk.4S2VQKXS.js} +0 -0
|
@@ -3,10 +3,10 @@ import {
|
|
|
3
3
|
} from "./chunk.TWXTKG4B.js";
|
|
4
4
|
import {
|
|
5
5
|
TransitionalStyles
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.5ZU43LMC.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.HWAZN4IB.js";
|
|
10
10
|
import {
|
|
11
11
|
GdsElement
|
|
12
12
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -4,10 +4,10 @@ import {
|
|
|
4
4
|
} from "./chunk.TWXTKG4B.js";
|
|
5
5
|
import {
|
|
6
6
|
TransitionalStyles
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.5ZU43LMC.js";
|
|
8
8
|
import {
|
|
9
9
|
tokens
|
|
10
|
-
} from "./chunk.
|
|
10
|
+
} from "./chunk.HWAZN4IB.js";
|
|
11
11
|
import {
|
|
12
12
|
GdsElement
|
|
13
13
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
tokens
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.HWAZN4IB.js";
|
|
4
4
|
import {
|
|
5
5
|
VER_SUFFIX
|
|
6
6
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -147,7 +147,7 @@ var option_trans_styles_default = `/**
|
|
|
147
147
|
outline-color: #000;
|
|
148
148
|
outline-offset: -0.25rem;
|
|
149
149
|
}
|
|
150
|
-
:host([
|
|
150
|
+
:host([inert]) {
|
|
151
151
|
display: none;
|
|
152
152
|
}
|
|
153
153
|
:host([highlighted]) div {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsFlex
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.MXDLNQDV.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.HWAZN4IB.js";
|
|
10
10
|
import {
|
|
11
11
|
gdsCustomElement
|
|
12
12
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsDiv
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.BA2QS7C2.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.HWAZN4IB.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -8,13 +8,13 @@ import {
|
|
|
8
8
|
} from "./chunk.TWXTKG4B.js";
|
|
9
9
|
import {
|
|
10
10
|
TransitionalStyles
|
|
11
|
-
} from "./chunk.
|
|
11
|
+
} from "./chunk.5ZU43LMC.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.HWAZN4IB.js";
|
|
18
18
|
import {
|
|
19
19
|
GdsElement
|
|
20
20
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -11,10 +11,10 @@ import {
|
|
|
11
11
|
} from "./chunk.TWXTKG4B.js";
|
|
12
12
|
import {
|
|
13
13
|
TransitionalStyles
|
|
14
|
-
} from "./chunk.
|
|
14
|
+
} from "./chunk.5ZU43LMC.js";
|
|
15
15
|
import {
|
|
16
16
|
tokens
|
|
17
|
-
} from "./chunk.
|
|
17
|
+
} from "./chunk.HWAZN4IB.js";
|
|
18
18
|
import {
|
|
19
19
|
gdsCustomElement,
|
|
20
20
|
html
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import {
|
|
2
|
+
GdsPopover
|
|
3
|
+
} from "./chunk.KUZOZOPX.js";
|
|
1
4
|
import {
|
|
2
5
|
GdsFormControlElement
|
|
3
6
|
} from "./chunk.VA6TUMR2.js";
|
|
@@ -9,7 +12,7 @@ import {
|
|
|
9
12
|
} from "./chunk.TYGMNHNO.js";
|
|
10
13
|
import {
|
|
11
14
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.HWAZN4IB.js";
|
|
13
16
|
import {
|
|
14
17
|
gdsCustomElement,
|
|
15
18
|
html
|
|
@@ -28,6 +31,7 @@ import { property, query, queryAsync } from "lit/decorators.js";
|
|
|
28
31
|
import { ifDefined } from "lit/directives/if-defined.js";
|
|
29
32
|
import { unsafeHTML } from "lit/directives/unsafe-html.js";
|
|
30
33
|
import { when } from "lit/directives/when.js";
|
|
34
|
+
import { flip, offset } from "@floating-ui/dom";
|
|
31
35
|
|
|
32
36
|
// libs/core/src/components/dropdown/dropdown.styles.ts
|
|
33
37
|
import { css } from "lit";
|
|
@@ -210,6 +214,16 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
210
214
|
`;
|
|
211
215
|
});
|
|
212
216
|
__privateAdd(this, _calcMaxHeight, (trigger) => {
|
|
217
|
+
if (this.combobox) {
|
|
218
|
+
const triggerRect = trigger.getBoundingClientRect();
|
|
219
|
+
const windowHeight = window.innerHeight;
|
|
220
|
+
const bottomSpace = windowHeight - triggerRect.bottom;
|
|
221
|
+
const topSpace = triggerRect.top;
|
|
222
|
+
let height2 = Math.min(topSpace, this.maxHeight);
|
|
223
|
+
if (bottomSpace > topSpace)
|
|
224
|
+
height2 = Math.min(bottomSpace, this.maxHeight);
|
|
225
|
+
return `${height2 - 16}px`;
|
|
226
|
+
}
|
|
213
227
|
const height = Math.min(window.innerHeight, this.maxHeight);
|
|
214
228
|
return `${height - 16}px`;
|
|
215
229
|
});
|
|
@@ -381,6 +395,7 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
381
395
|
this.updateComplete.then(() => {
|
|
382
396
|
this._handleLightDOMChange();
|
|
383
397
|
this._handleValueChange();
|
|
398
|
+
this._handleOpenChange();
|
|
384
399
|
});
|
|
385
400
|
}
|
|
386
401
|
render() {
|
|
@@ -414,6 +429,7 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
414
429
|
.calcMaxHeight=${__privateGet(this, _calcMaxHeight)}
|
|
415
430
|
.disableMobileStyles=${this.disableMobileStyles || this.combobox}
|
|
416
431
|
.nonmodal=${this.combobox}
|
|
432
|
+
.floatingUIMiddleware=${this.combobox ? [offset(8), flip()] : GdsPopover.DefaultMiddleware}
|
|
417
433
|
@gds-ui-state=${__privateGet(this, _handlePopoverStateChange)}
|
|
418
434
|
>
|
|
419
435
|
<gds-field-base
|
|
@@ -507,7 +523,7 @@ var GdsDropdown = class extends GdsFormControlElement {
|
|
|
507
523
|
}
|
|
508
524
|
});
|
|
509
525
|
}
|
|
510
|
-
|
|
526
|
+
_handleOpenChange() {
|
|
511
527
|
var _a;
|
|
512
528
|
const open = this.open;
|
|
513
529
|
(_a = __privateGet(this, _optionElements)) == null ? void 0 : _a.forEach((o) => o.hidden = !open);
|
|
@@ -631,7 +647,7 @@ __decorateClass([
|
|
|
631
647
|
], GdsDropdown.prototype, "_handleValueChange", 1);
|
|
632
648
|
__decorateClass([
|
|
633
649
|
watch("open")
|
|
634
|
-
], GdsDropdown.prototype, "
|
|
650
|
+
], GdsDropdown.prototype, "_handleOpenChange", 1);
|
|
635
651
|
GdsDropdown = __decorateClass([
|
|
636
652
|
gdsCustomElement("gds-dropdown"),
|
|
637
653
|
localized()
|
|
@@ -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, 17 Mar 2025 12:13:52 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, 17 Mar 2025 12:13:52 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, 17 Mar 2025 12:13:52 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, 17 Mar 2025 12:13:52 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, 17 Mar 2025 12:13:52 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, 17 Mar 2025 12:13:52 GMT
|
|
301
301
|
*/
|
|
302
302
|
|
|
303
303
|
:host {
|
|
@@ -12,13 +12,13 @@ import {
|
|
|
12
12
|
} from "./chunk.TWXTKG4B.js";
|
|
13
13
|
import {
|
|
14
14
|
TransitionalStyles
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.5ZU43LMC.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.HWAZN4IB.js";
|
|
22
22
|
import {
|
|
23
23
|
gdsCustomElement,
|
|
24
24
|
html
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Focusable,
|
|
3
3
|
option_styles_default
|
|
4
|
-
} from "./chunk.
|
|
4
|
+
} from "./chunk.YSAE26FD.js";
|
|
5
5
|
import {
|
|
6
6
|
TransitionalStyles
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.5ZU43LMC.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.HWAZN4IB.js";
|
|
14
14
|
import {
|
|
15
15
|
GdsElement
|
|
16
16
|
} from "./chunk.TMEWQZER.js";
|
|
@@ -50,32 +50,28 @@ var GdsOption = class extends Focusable(GdsElement) {
|
|
|
50
50
|
return __privateGet(this, _hidden);
|
|
51
51
|
}
|
|
52
52
|
set hidden(value) {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
this.setAttribute("aria-hidden", value.toString());
|
|
53
|
+
const strValue = value.toString();
|
|
54
|
+
__privateSet(this, _hidden, strValue === "true");
|
|
55
|
+
__privateGet(this, _hidden) ? this.setAttribute("inert", "") : this.removeAttribute("inert");
|
|
57
56
|
}
|
|
58
57
|
connectedCallback() {
|
|
59
58
|
super.connectedCallback();
|
|
60
59
|
this.setAttribute("role", "option");
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
);
|
|
60
|
+
this.updateComplete.then(() => {
|
|
61
|
+
if (this.isPlaceholder) {
|
|
62
|
+
this.hidden = true;
|
|
63
|
+
}
|
|
64
|
+
TransitionalStyles.instance.apply(this, "gds-option");
|
|
65
|
+
});
|
|
68
66
|
}
|
|
69
67
|
get parentElement() {
|
|
70
68
|
return super.parentElement;
|
|
71
69
|
}
|
|
72
70
|
_handlePlaceholderStatusChange() {
|
|
73
71
|
if (this.isPlaceholder) {
|
|
74
|
-
|
|
75
|
-
this.setAttribute("aria-hidden", "true");
|
|
72
|
+
this.hidden = true;
|
|
76
73
|
} else {
|
|
77
|
-
|
|
78
|
-
this.setAttribute("aria-hidden", "false");
|
|
74
|
+
this.hidden = false;
|
|
79
75
|
}
|
|
80
76
|
}
|
|
81
77
|
render() {
|
|
@@ -119,7 +115,7 @@ __decorateClass([
|
|
|
119
115
|
], GdsOption.prototype, "value", 2);
|
|
120
116
|
__decorateClass([
|
|
121
117
|
property({
|
|
122
|
-
|
|
118
|
+
type: Boolean,
|
|
123
119
|
reflect: true
|
|
124
120
|
})
|
|
125
121
|
], GdsOption.prototype, "hidden", 1);
|
|
@@ -133,7 +129,7 @@ __decorateClass([
|
|
|
133
129
|
property({ type: Boolean, reflect: true })
|
|
134
130
|
], GdsOption.prototype, "isPlaceholder", 2);
|
|
135
131
|
__decorateClass([
|
|
136
|
-
watch("
|
|
132
|
+
watch("isPlaceholder")
|
|
137
133
|
], GdsOption.prototype, "_handlePlaceholderStatusChange", 1);
|
|
138
134
|
GdsOption = __decorateClass([
|
|
139
135
|
gdsCustomElement("gds-option")
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk.2JGBCOIQ.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsDiv
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.BA2QS7C2.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.HWAZN4IB.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement
|
|
15
15
|
} from "./chunk.QK3R23GV.js";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Focusable,
|
|
3
3
|
option_styles_default
|
|
4
|
-
} from "./chunk.
|
|
4
|
+
} from "./chunk.YSAE26FD.js";
|
|
5
5
|
import {
|
|
6
6
|
TransitionalStyles
|
|
7
|
-
} from "./chunk.
|
|
7
|
+
} from "./chunk.5ZU43LMC.js";
|
|
8
8
|
import {
|
|
9
9
|
GdsElement
|
|
10
10
|
} from "./chunk.TMEWQZER.js";
|