@sebgroup/green-core 1.29.0 → 1.30.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.
Files changed (106) hide show
  1. package/chunks/{chunk.Z7P3MRGJ.js → chunk.4XLVTKU5.js} +2 -2
  2. package/chunks/{chunk.QBLUH7CZ.js → chunk.57LSASOY.js} +1 -1
  3. package/chunks/{chunk.QTDNRL3E.js → chunk.5DR24KUY.js} +2 -2
  4. package/chunks/{chunk.SDFFJLF6.js → chunk.7D4CRLVS.js} +5 -1
  5. package/chunks/{chunk.VXUIMANR.js → chunk.7VDSEUTR.js} +2 -2
  6. package/chunks/{chunk.JYO56WBM.js → chunk.7Y5WL74C.js} +1 -1
  7. package/chunks/{chunk.YF36QJ43.js → chunk.C3SO7KTM.js} +1 -1
  8. package/chunks/{chunk.D3WBNQ6W.js → chunk.COEIL5XR.js} +2 -2
  9. package/chunks/{chunk.HY55HZJ3.js → chunk.DCXVWTKS.js} +1 -1
  10. package/chunks/{chunk.IQF7YQPK.js → chunk.FC6X4F4U.js} +1 -1
  11. package/chunks/{chunk.DEY7ZZPX.js → chunk.FDDMV56N.js} +1 -1
  12. package/chunks/{chunk.PSMLOT5I.js → chunk.FJUIK5PN.js} +5 -5
  13. package/chunks/{chunk.EFUC6OEE.js → chunk.FQQ43BBK.js} +1 -1
  14. package/chunks/{chunk.RXDAUFGX.js → chunk.H46PLH6E.js} +1 -1
  15. package/chunks/{chunk.PKMEEA6W.js → chunk.IP4SNLCX.js} +1 -1
  16. package/chunks/chunk.IZ4S7TBG.js +47 -0
  17. package/chunks/{chunk.XBO3DKA7.js → chunk.JL6J6MCJ.js} +1 -1
  18. package/chunks/{chunk.NDIL5AOM.js → chunk.LJLIYGQD.js} +1 -1
  19. package/chunks/{chunk.LLW7DNRV.js → chunk.LPQA7BDV.js} +1 -1
  20. package/chunks/{chunk.FAUL5KQ2.js → chunk.LRCIIA5E.js} +1 -1
  21. package/chunks/{chunk.6GRY2ES6.js → chunk.LRRFNCU5.js} +1 -1
  22. package/chunks/{chunk.3MPZA2V2.js → chunk.LYAC2QCH.js} +1 -1
  23. package/chunks/{chunk.BW2VABQH.js → chunk.O2NYP6CU.js} +1 -1
  24. package/chunks/{chunk.3KQQKV3Q.js → chunk.PVMVDWNH.js} +1 -1
  25. package/chunks/{chunk.AFIPGLES.js → chunk.SUCYW2BN.js} +3 -3
  26. package/chunks/{chunk.G5LXK5DO.js → chunk.UZLOEUQK.js} +1 -1
  27. package/chunks/{chunk.MMFPBS7S.js → chunk.VGYE44DX.js} +46 -18
  28. package/chunks/chunk.VOYMQ322.js +1 -1
  29. package/chunks/{chunk.5NCFPXSC.js → chunk.WGTPNU3P.js} +1 -1
  30. package/chunks/{chunk.MJLULRR3.js → chunk.WIA7QHCX.js} +1 -1
  31. package/chunks/{chunk.LHSPBZCJ.js → chunk.WZUFNAAA.js} +1 -1
  32. package/components/button/button.js +4 -4
  33. package/components/button/button.trans.styles.js +1 -1
  34. package/components/button/index.js +4 -4
  35. package/components/calendar/calendar.js +2 -2
  36. package/components/calendar/calendar.trans.styles.js +1 -1
  37. package/components/calendar/index.js +2 -2
  38. package/components/content/divider/divider.js +2 -2
  39. package/components/content/divider/index.js +2 -2
  40. package/components/content/spacer/index.js +2 -2
  41. package/components/content/spacer/spacer.js +2 -2
  42. package/components/content/text/index.js +2 -2
  43. package/components/content/text/text.js +2 -2
  44. package/components/context-menu/context-menu.js +7 -6
  45. package/components/context-menu/context-menu.trans.styles.js +1 -1
  46. package/components/context-menu/index.js +8 -7
  47. package/components/datepicker/datepicker.js +13 -12
  48. package/components/datepicker/datepicker.trans.styles.js +1 -1
  49. package/components/datepicker/index.js +13 -12
  50. package/components/dropdown/dropdown.js +7 -6
  51. package/components/dropdown/dropdown.trans.styles.js +1 -1
  52. package/components/dropdown/index.js +8 -7
  53. package/components/filter-chips/filter-chip/filter-chip.js +5 -5
  54. package/components/filter-chips/filter-chip/filter-chip.trans.styles.js +1 -1
  55. package/components/filter-chips/filter-chip/index.js +5 -5
  56. package/components/filter-chips/filter-chips.js +5 -5
  57. package/components/filter-chips/filter-chips.trans.styles.js +1 -1
  58. package/components/filter-chips/index.js +5 -5
  59. package/components/grouped-list/grouped-list.js +2 -2
  60. package/components/grouped-list/grouped-list.trans.styles.js +1 -1
  61. package/components/grouped-list/index.js +2 -2
  62. package/components/index.js +33 -32
  63. package/components/layout/card/card.js +3 -3
  64. package/components/layout/card/index.js +3 -3
  65. package/components/layout/container/container.d.ts +1 -1
  66. package/components/layout/container/container.js +2 -2
  67. package/components/layout/container/index.js +2 -2
  68. package/components/layout/flex/flex.js +3 -3
  69. package/components/layout/flex/index.js +3 -3
  70. package/components/layout/grid/grid.js +2 -2
  71. package/components/layout/grid/index.js +2 -2
  72. package/components/media/img/img.js +2 -2
  73. package/components/media/img/index.js +2 -2
  74. package/components/media/video/index.js +2 -2
  75. package/components/media/video/video.js +2 -2
  76. package/components/menu-button/index.js +2 -2
  77. package/components/menu-button/menu-button.js +2 -2
  78. package/components/popover/backdrop.d.ts +10 -0
  79. package/components/popover/backdrop.js +11 -0
  80. package/components/popover/index.d.ts +1 -0
  81. package/components/popover/index.js +7 -3
  82. package/components/popover/popover.d.ts +33 -1
  83. package/components/popover/popover.js +2 -2
  84. package/components/popover/popover.trans.styles.js +1 -1
  85. package/components/segmented-control/index.js +4 -4
  86. package/components/segmented-control/segment/index.js +3 -3
  87. package/components/segmented-control/segment/segment.js +3 -3
  88. package/components/segmented-control/segment/segment.trans.styles.js +1 -1
  89. package/components/segmented-control/segmented-control.js +4 -4
  90. package/components/segmented-control/segmented-control.trans.styles.js +1 -1
  91. package/components/theme/index.js +2 -2
  92. package/components/theme/theme.js +2 -2
  93. package/components/theme/theme.trans.styles.js +1 -1
  94. package/index.js +33 -32
  95. package/package.json +1 -1
  96. package/primitives/listbox/index.js +3 -3
  97. package/primitives/listbox/listbox.js +3 -3
  98. package/primitives/listbox/option.js +2 -2
  99. package/primitives/menu/index.js +3 -3
  100. package/primitives/menu/menu-heading.js +2 -2
  101. package/primitives/menu/menu-item.js +2 -2
  102. package/primitives/menu/menu.js +3 -3
  103. package/primitives/ripple/index.js +2 -2
  104. package/primitives/ripple/ripple.js +2 -2
  105. package/transitional-styles.js +1 -1
  106. /package/chunks/{chunk.4HJGQCBX.js → chunk.ZJVOZRT5.js} +0 -0
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.G5LXK5DO.js";
3
+ } from "./chunk.UZLOEUQK.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.PSMLOT5I.js";
6
+ } from "./chunk.FJUIK5PN.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ADPMTWTS.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.PSMLOT5I.js";
6
+ } from "./chunk.FJUIK5PN.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  GdsContainer
3
- } from "./chunk.SDFFJLF6.js";
3
+ } from "./chunk.7D4CRLVS.js";
4
4
  import {
5
5
  card_style_css_default
6
6
  } from "./chunk.3ULLOORV.js";
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.PSMLOT5I.js";
12
+ } from "./chunk.FJUIK5PN.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.PSMLOT5I.js";
9
+ } from "./chunk.FJUIK5PN.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -20,6 +20,10 @@ import {
20
20
 
21
21
  // libs/core/src/components/layout/container/container.ts
22
22
  var GdsContainer = class extends GdsElement {
23
+ constructor() {
24
+ super(...arguments);
25
+ this.display = "block";
26
+ }
23
27
  render() {
24
28
  return html`<slot></slot>`;
25
29
  }
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk.54252E4T.js";
4
4
  import {
5
5
  GdsContainer
6
- } from "./chunk.SDFFJLF6.js";
6
+ } from "./chunk.7D4CRLVS.js";
7
7
  import {
8
8
  styleExpressionProperty
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.PSMLOT5I.js";
12
+ } from "./chunk.FJUIK5PN.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk.2X23R32H.js";
5
5
  import {
6
6
  TransitionalStyles
7
- } from "./chunk.G5LXK5DO.js";
7
+ } from "./chunk.UZLOEUQK.js";
8
8
  import {
9
9
  GdsElement
10
10
  } from "./chunk.ZQ4D5K7J.js";
@@ -7,7 +7,7 @@ import {
7
7
  } from "./chunk.MZSK66DN.js";
8
8
  import {
9
9
  TransitionalStyles
10
- } from "./chunk.G5LXK5DO.js";
10
+ } from "./chunk.UZLOEUQK.js";
11
11
  import {
12
12
  watch
13
13
  } from "./chunk.2WO4NHJ2.js";
@@ -6,10 +6,10 @@ import {
6
6
  } from "./chunk.KBYQYDL3.js";
7
7
  import {
8
8
  TransitionalStyles
9
- } from "./chunk.G5LXK5DO.js";
9
+ } from "./chunk.UZLOEUQK.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.PSMLOT5I.js";
12
+ } from "./chunk.FJUIK5PN.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk.2ND5EWHE.js";
5
5
  import {
6
6
  TransitionalStyles
7
- } from "./chunk.G5LXK5DO.js";
7
+ } from "./chunk.UZLOEUQK.js";
8
8
  import {
9
9
  GdsElement
10
10
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.PSMLOT5I.js";
3
+ } from "./chunk.FJUIK5PN.js";
4
4
  import {
5
5
  gdsCustomElement
6
6
  } from "./chunk.VOYMQ322.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.KBYQYDL3.js";
4
4
  import {
5
5
  TransitionalStyles
6
- } from "./chunk.G5LXK5DO.js";
6
+ } from "./chunk.UZLOEUQK.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -4,7 +4,7 @@ import { unsafeCSS } from "lit";
4
4
  // dist/libs/tokens/internal/pallet.css?inline
5
5
  var pallet_default = `/**
6
6
  * Do not edit directly
7
- * Generated on Fri, 05 Jul 2024 12:31:35 GMT
7
+ * Generated on Tue, 09 Jul 2024 10:30:20 GMT
8
8
  */
9
9
 
10
10
  :host {
@@ -165,7 +165,7 @@ var pallet_default = `/**
165
165
  // dist/libs/tokens/internal/theme/light.css?inline
166
166
  var light_default = `/**
167
167
  * Do not edit directly
168
- * Generated on Fri, 05 Jul 2024 12:31:35 GMT
168
+ * Generated on Tue, 09 Jul 2024 10:30:20 GMT
169
169
  */
170
170
 
171
171
  :host {
@@ -286,7 +286,7 @@ var light_default = `/**
286
286
  // dist/libs/tokens/internal/size.css?inline
287
287
  var size_default = `/**
288
288
  * Do not edit directly
289
- * Generated on Fri, 05 Jul 2024 12:31:35 GMT
289
+ * Generated on Tue, 09 Jul 2024 10:30:20 GMT
290
290
  */
291
291
 
292
292
  :host {
@@ -313,7 +313,7 @@ var size_default = `/**
313
313
  // dist/libs/tokens/internal/text.css?inline
314
314
  var text_default = `/**
315
315
  * Do not edit directly
316
- * Generated on Fri, 05 Jul 2024 12:31:35 GMT
316
+ * Generated on Tue, 09 Jul 2024 10:30:20 GMT
317
317
  */
318
318
 
319
319
  :host {
@@ -368,7 +368,7 @@ var text_default = `/**
368
368
  // dist/libs/tokens/internal/motion.css?inline
369
369
  var motion_default = `/**
370
370
  * Do not edit directly
371
- * Generated on Fri, 05 Jul 2024 12:31:35 GMT
371
+ * Generated on Tue, 09 Jul 2024 10:30:20 GMT
372
372
  */
373
373
 
374
374
  :host {
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.KBYQYDL3.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.PSMLOT5I.js";
6
+ } from "./chunk.FJUIK5PN.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.KBYQYDL3.js";
4
4
  import {
5
5
  TransitionalStyles
6
- } from "./chunk.G5LXK5DO.js";
6
+ } from "./chunk.UZLOEUQK.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk.2ND5EWHE.js";
5
5
  import {
6
6
  TransitionalStyles
7
- } from "./chunk.G5LXK5DO.js";
7
+ } from "./chunk.UZLOEUQK.js";
8
8
  import {
9
9
  GdsElement
10
10
  } from "./chunk.ZQ4D5K7J.js";
@@ -0,0 +1,47 @@
1
+ import {
2
+ GdsElement
3
+ } from "./chunk.ZQ4D5K7J.js";
4
+ import {
5
+ gdsCustomElement,
6
+ html
7
+ } from "./chunk.VOYMQ322.js";
8
+ import {
9
+ __decorateClass
10
+ } from "./chunk.5VURDMKE.js";
11
+
12
+ // libs/core/src/components/popover/backdrop.ts
13
+ import { css } from "lit";
14
+ import { property } from "lit/decorators.js";
15
+ var GdsBackdrop = class extends GdsElement {
16
+ constructor() {
17
+ super(...arguments);
18
+ this.show = false;
19
+ }
20
+ render() {
21
+ return html``;
22
+ }
23
+ };
24
+ GdsBackdrop.styles = css`
25
+ :host {
26
+ display: none;
27
+ position: fixed;
28
+ inset: 0;
29
+ background-color: rgba(0, 0, 0, 0.25);
30
+ width: 100%;
31
+ height: 100%;
32
+ }
33
+
34
+ :host([show]) {
35
+ display: block;
36
+ }
37
+ `;
38
+ __decorateClass([
39
+ property({ type: Boolean, reflect: true })
40
+ ], GdsBackdrop.prototype, "show", 2);
41
+ GdsBackdrop = __decorateClass([
42
+ gdsCustomElement("gds-backdrop")
43
+ ], GdsBackdrop);
44
+
45
+ export {
46
+ GdsBackdrop
47
+ };
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.PSMLOT5I.js";
9
+ } from "./chunk.FJUIK5PN.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.G5LXK5DO.js";
3
+ } from "./chunk.UZLOEUQK.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.PSMLOT5I.js";
9
+ } from "./chunk.FJUIK5PN.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.G5LXK5DO.js";
3
+ } from "./chunk.UZLOEUQK.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.G5LXK5DO.js";
3
+ } from "./chunk.UZLOEUQK.js";
4
4
  import {
5
5
  GdsElement
6
6
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.PSMLOT5I.js";
9
+ } from "./chunk.FJUIK5PN.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  TransitionalStyles
3
- } from "./chunk.G5LXK5DO.js";
3
+ } from "./chunk.UZLOEUQK.js";
4
4
  import {
5
5
  renderMonthGridView
6
6
  } from "./chunk.RB5IEYTY.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.PSMLOT5I.js";
9
+ } from "./chunk.FJUIK5PN.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  GdsSegment
3
- } from "./chunk.Z7P3MRGJ.js";
3
+ } from "./chunk.4XLVTKU5.js";
4
4
  import {
5
5
  resizeObserver
6
6
  } from "./chunk.VHN4JEZC.js";
7
7
  import {
8
8
  TransitionalStyles
9
- } from "./chunk.G5LXK5DO.js";
9
+ } from "./chunk.UZLOEUQK.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.PSMLOT5I.js";
12
+ } from "./chunk.FJUIK5PN.js";
13
13
  import {
14
14
  GdsElement
15
15
  } from "./chunk.ZQ4D5K7J.js";
@@ -763,7 +763,7 @@ var popover_trans_styles_default = `/* stylelint-disable max-nesting-depth */
763
763
  }
764
764
  }
765
765
  @media (min-width: 36em) {
766
- dialog.use-modal-in-mobile::backdrop {
766
+ dialog.use-modal-in-mobile:not(.has-backdrop)::backdrop {
767
767
  opacity: 0;
768
768
  }
769
769
  }
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.WM7HBMMV.js";
4
4
  import {
5
5
  TransitionalStyles
6
- } from "./chunk.G5LXK5DO.js";
6
+ } from "./chunk.UZLOEUQK.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -68,7 +68,7 @@ var style = css`
68
68
  display: none;
69
69
  }
70
70
 
71
- dialog::backdrop {
71
+ dialog:not(.has-backdrop)::backdrop {
72
72
  background-color: transparent;
73
73
  display: block;
74
74
  position: fixed;
@@ -78,7 +78,7 @@ var style = css`
78
78
  var popover_styles_default = style;
79
79
 
80
80
  // libs/core/src/components/popover/popover.ts
81
- var _handleTriggerSlotChange, handleTriggerSlotChange_fn, _autoPositionCleanupFn, _isMobileViewport, _handleCancel, _dispatchUiStateEvent, _handleCloseButton, _registerTriggerEvents, registerTriggerEvents_fn, _unregisterTriggerEvents, unregisterTriggerEvents_fn, _setupTriggerAttributes, setupTriggerAttributes_fn, _registerAutoPositioning, registerAutoPositioning_fn, _handleTriggerKeyDown, _handleTriggerClick, _focusFirstSlottedChild, _handleClickOutside;
81
+ var _handleTriggerSlotChange, handleTriggerSlotChange_fn, _autoPositionCleanupFn, _isMobileViewport, _backdropEl, _handleCancel, _dispatchUiStateEvent, _handleCloseButton, _registerTriggerEvents, registerTriggerEvents_fn, _unregisterTriggerEvents, unregisterTriggerEvents_fn, _setupTriggerAttributes, setupTriggerAttributes_fn, _registerAutoPositioning, registerAutoPositioning_fn, _handleTriggerKeyDown, _handleTriggerClick, _focusFirstSlottedChild, _handleClickOutside;
82
82
  var GdsPopover = class extends GdsElement {
83
83
  constructor() {
84
84
  super(...arguments);
@@ -96,12 +96,15 @@ var GdsPopover = class extends GdsElement {
96
96
  this.calcMaxWidth = (_referenceEl) => `auto`;
97
97
  this.calcMinHeight = (_referenceEl) => `auto`;
98
98
  this.calcMaxHeight = (_referenceEl) => `500px`;
99
+ this.nonmodal = false;
100
+ this.floatingUIMiddleware = [offset(8), flip()];
99
101
  this._trigger = void 0;
100
102
  this._anchor = void 0;
101
103
  this._isVirtKbVisible = false;
102
104
  // A function that removes the Floating UI auto positioning. This gets called when we switch to mobile view layout.
103
105
  __privateAdd(this, _autoPositionCleanupFn, void 0);
104
106
  __privateAdd(this, _isMobileViewport, false);
107
+ __privateAdd(this, _backdropEl, void 0);
105
108
  __privateAdd(this, _handleCancel, () => {
106
109
  this.open = false;
107
110
  __privateGet(this, _dispatchUiStateEvent).call(this, "cancel");
@@ -161,7 +164,6 @@ var GdsPopover = class extends GdsElement {
161
164
  const rect = dialog.getBoundingClientRect();
162
165
  const isInDialog = rect.top <= e.clientY && e.clientY <= rect.top + rect.height && rect.left <= e.clientX && e.clientX <= rect.left + rect.width;
163
166
  if (!isInDialog) {
164
- e.stopPropagation();
165
167
  this.open = false;
166
168
  __privateGet(this, _dispatchUiStateEvent).call(this, "close");
167
169
  }
@@ -226,7 +228,8 @@ var GdsPopover = class extends GdsElement {
226
228
  <dialog
227
229
  class="${classMap({
228
230
  "v-kb-visible": this._isVirtKbVisible,
229
- "use-modal-in-mobile": !this.disableMobileStyles
231
+ "use-modal-in-mobile": !this.disableMobileStyles,
232
+ "has-backdrop": Boolean(this.backdrop && this.backdrop === "true")
230
233
  })}"
231
234
  aria-hidden="${String(!this.open)}"
232
235
  @close=${() => this.open && __privateGet(this, _handleCancel).call(this)}
@@ -252,22 +255,32 @@ var GdsPopover = class extends GdsElement {
252
255
  var _a, _b, _c, _d;
253
256
  (_a = this._trigger) == null ? void 0 : _a.setAttribute("aria-expanded", String(this.open));
254
257
  if (this.open) {
255
- (_b = this._elDialog) == null ? void 0 : _b.showModal();
258
+ !this.nonmodal ? (_b = this._elDialog) == null ? void 0 : _b.showModal() : (_c = this._elDialog) == null ? void 0 : _c.setAttribute("open", "true");
256
259
  __privateGet(this, _focusFirstSlottedChild).call(this);
260
+ requestAnimationFrame(() => {
261
+ if (__privateGet(this, _backdropEl))
262
+ __privateGet(this, _backdropEl).show = true;
263
+ });
257
264
  setTimeout(() => __privateGet(this, _focusFirstSlottedChild).call(this), 250);
258
265
  setTimeout(
259
- () => {
260
- var _a2;
261
- return (_a2 = this._elDialog) == null ? void 0 : _a2.addEventListener("click", __privateGet(this, _handleClickOutside));
262
- },
266
+ () => document.addEventListener("click", __privateGet(this, _handleClickOutside)),
263
267
  0
264
268
  );
265
269
  } else {
266
- (_c = this._elDialog) == null ? void 0 : _c.close();
267
- (_d = this._elDialog) == null ? void 0 : _d.removeEventListener("click", __privateGet(this, _handleClickOutside));
270
+ (_d = this._elDialog) == null ? void 0 : _d.close();
271
+ document.removeEventListener("click", __privateGet(this, _handleClickOutside));
272
+ if (__privateGet(this, _backdropEl))
273
+ __privateGet(this, _backdropEl).show = false;
268
274
  }
269
275
  });
270
276
  }
277
+ _handleBackdropChange() {
278
+ var _a;
279
+ const parentRoot = (_a = this.parentElement) == null ? void 0 : _a.getRootNode();
280
+ if (!this.backdrop || !parentRoot)
281
+ return;
282
+ __privateSet(this, _backdropEl, parentRoot.querySelector(this.backdrop));
283
+ }
271
284
  _handleMobileLayout(matches) {
272
285
  var _a, _b, _c, _d;
273
286
  __privateSet(this, _isMobileViewport, matches);
@@ -297,6 +310,7 @@ handleTriggerSlotChange_fn = function() {
297
310
  };
298
311
  _autoPositionCleanupFn = new WeakMap();
299
312
  _isMobileViewport = new WeakMap();
313
+ _backdropEl = new WeakMap();
300
314
  _handleCancel = new WeakMap();
301
315
  _dispatchUiStateEvent = new WeakMap();
302
316
  _handleCloseButton = new WeakMap();
@@ -343,18 +357,20 @@ registerAutoPositioning_fn = function() {
343
357
  __privateGet(this, _autoPositionCleanupFn).call(this);
344
358
  }
345
359
  __privateSet(this, _autoPositionCleanupFn, autoUpdate(referenceEl, floatingEl, () => {
360
+ Object.assign(floatingEl.style, {
361
+ minWidth: this.calcMinWidth(referenceEl),
362
+ maxWidth: this.calcMaxWidth(referenceEl),
363
+ minHeight: this.calcMinHeight(referenceEl),
364
+ maxHeight: this.calcMaxHeight(referenceEl)
365
+ });
346
366
  computePosition(referenceEl, floatingEl, {
347
367
  placement: this.placement,
348
- middleware: [offset(8), flip()],
368
+ middleware: this.floatingUIMiddleware,
349
369
  strategy: "fixed"
350
370
  }).then(
351
371
  ({ x, y }) => Object.assign(floatingEl.style, {
352
372
  left: `${x}px`,
353
- top: `${y}px`,
354
- minWidth: this.calcMinWidth(referenceEl),
355
- maxWidth: this.calcMaxWidth(referenceEl),
356
- minHeight: this.calcMinHeight(referenceEl),
357
- maxHeight: this.calcMaxHeight(referenceEl)
373
+ top: `${y}px`
358
374
  })
359
375
  );
360
376
  }));
@@ -397,6 +413,15 @@ __decorateClass([
397
413
  __decorateClass([
398
414
  property({ attribute: false })
399
415
  ], GdsPopover.prototype, "calcMaxHeight", 2);
416
+ __decorateClass([
417
+ property({ type: Boolean })
418
+ ], GdsPopover.prototype, "nonmodal", 2);
419
+ __decorateClass([
420
+ property()
421
+ ], GdsPopover.prototype, "backdrop", 2);
422
+ __decorateClass([
423
+ property({ attribute: false })
424
+ ], GdsPopover.prototype, "floatingUIMiddleware", 2);
400
425
  __decorateClass([
401
426
  state()
402
427
  ], GdsPopover.prototype, "_trigger", 2);
@@ -430,6 +455,9 @@ __decorateClass([
430
455
  __decorateClass([
431
456
  watch("open")
432
457
  ], GdsPopover.prototype, "_handleOpenChange", 1);
458
+ __decorateClass([
459
+ watch("backdrop")
460
+ ], GdsPopover.prototype, "_handleBackdropChange", 1);
433
461
  __decorateClass([
434
462
  watchMediaQuery("(max-width: 576px)")
435
463
  ], GdsPopover.prototype, "_handleMobileLayout", 1);
@@ -1,7 +1,7 @@
1
1
  // libs/core/src/utils/helpers/custom-element-scoping.ts
2
2
  import { html as litHtml } from "lit";
3
3
  import { customElement } from "lit/decorators.js";
4
- var VER_SUFFIX = "-363ba8";
4
+ var VER_SUFFIX = "-cb55d1";
5
5
  var elementLookupTable = /* @__PURE__ */ new Map();
6
6
  var gdsCustomElement = (tagName) => {
7
7
  if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ADPMTWTS.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.PSMLOT5I.js";
6
+ } from "./chunk.FJUIK5PN.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.KBYQYDL3.js";
10
10
  import {
11
11
  TransitionalStyles
12
- } from "./chunk.G5LXK5DO.js";
12
+ } from "./chunk.UZLOEUQK.js";
13
13
  import {
14
14
  watch
15
15
  } from "./chunk.2WO4NHJ2.js";
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk.2X23R32H.js";
5
5
  import {
6
6
  TransitionalStyles
7
- } from "./chunk.G5LXK5DO.js";
7
+ } from "./chunk.UZLOEUQK.js";
8
8
  import {
9
9
  GdsElement
10
10
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  GdsButton
3
- } from "../../chunks/chunk.D3WBNQ6W.js";
3
+ } from "../../chunks/chunk.COEIL5XR.js";
4
4
  import "../../chunks/chunk.TX64TTBN.js";
5
- import "../../chunks/chunk.IQF7YQPK.js";
5
+ import "../../chunks/chunk.FC6X4F4U.js";
6
6
  import "../../chunks/chunk.MZSK66DN.js";
7
7
  import "../../chunks/chunk.WM7HBMMV.js";
8
8
  import "../../chunks/chunk.KBYQYDL3.js";
9
- import "../../chunks/chunk.G5LXK5DO.js";
10
- import "../../chunks/chunk.PSMLOT5I.js";
9
+ import "../../chunks/chunk.UZLOEUQK.js";
10
+ import "../../chunks/chunk.FJUIK5PN.js";
11
11
  import "../../chunks/chunk.ZQ4D5K7J.js";
12
12
  import "../../chunks/chunk.W7CV3QYI.js";
13
13
  import "../../chunks/chunk.2WO4NHJ2.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  button_trans_styles_default,
3
3
  register
4
- } from "../../chunks/chunk.G5LXK5DO.js";
4
+ } from "../../chunks/chunk.UZLOEUQK.js";
5
5
  import "../../chunks/chunk.W7CV3QYI.js";
6
6
  import "../../chunks/chunk.VOYMQ322.js";
7
7
  import "../../chunks/chunk.5VURDMKE.js";
@@ -1,14 +1,14 @@
1
1
  import "../../chunks/chunk.JGTSJ4J6.js";
2
2
  import {
3
3
  GdsButton
4
- } from "../../chunks/chunk.D3WBNQ6W.js";
4
+ } from "../../chunks/chunk.COEIL5XR.js";
5
5
  import "../../chunks/chunk.TX64TTBN.js";
6
- import "../../chunks/chunk.IQF7YQPK.js";
6
+ import "../../chunks/chunk.FC6X4F4U.js";
7
7
  import "../../chunks/chunk.MZSK66DN.js";
8
8
  import "../../chunks/chunk.WM7HBMMV.js";
9
9
  import "../../chunks/chunk.KBYQYDL3.js";
10
- import "../../chunks/chunk.G5LXK5DO.js";
11
- import "../../chunks/chunk.PSMLOT5I.js";
10
+ import "../../chunks/chunk.UZLOEUQK.js";
11
+ import "../../chunks/chunk.FJUIK5PN.js";
12
12
  import "../../chunks/chunk.ZQ4D5K7J.js";
13
13
  import "../../chunks/chunk.W7CV3QYI.js";
14
14
  import "../../chunks/chunk.2WO4NHJ2.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  GdsCalendar
3
- } from "../../chunks/chunk.BW2VABQH.js";
4
- import "../../chunks/chunk.G5LXK5DO.js";
3
+ } from "../../chunks/chunk.O2NYP6CU.js";
4
+ import "../../chunks/chunk.UZLOEUQK.js";
5
5
  import "../../chunks/chunk.RB5IEYTY.js";
6
6
  import "../../chunks/chunk.ZQ4D5K7J.js";
7
7
  import "../../chunks/chunk.W7CV3QYI.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  calendar_trans_styles_default,
3
3
  register5 as register
4
- } from "../../chunks/chunk.G5LXK5DO.js";
4
+ } from "../../chunks/chunk.UZLOEUQK.js";
5
5
  import "../../chunks/chunk.W7CV3QYI.js";
6
6
  import "../../chunks/chunk.VOYMQ322.js";
7
7
  import "../../chunks/chunk.5VURDMKE.js";
@@ -1,8 +1,8 @@
1
1
  import "../../chunks/chunk.DJ2OXJZN.js";
2
2
  import {
3
3
  GdsCalendar
4
- } from "../../chunks/chunk.BW2VABQH.js";
5
- import "../../chunks/chunk.G5LXK5DO.js";
4
+ } from "../../chunks/chunk.O2NYP6CU.js";
5
+ import "../../chunks/chunk.UZLOEUQK.js";
6
6
  import "../../chunks/chunk.RB5IEYTY.js";
7
7
  import "../../chunks/chunk.ZQ4D5K7J.js";
8
8
  import "../../chunks/chunk.W7CV3QYI.js";