@sebgroup/green-core 1.35.0 → 1.36.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 (71) hide show
  1. package/chunks/{chunk.XQLXURG2.js → chunk.2KYEBKUR.js} +1 -1
  2. package/chunks/{chunk.KNWMPJKB.js → chunk.4OYWI4MX.js} +1 -1
  3. package/chunks/{chunk.33MOGTNZ.js → chunk.75I44NBV.js} +2 -2
  4. package/chunks/{chunk.2J5OPB5F.js → chunk.AOREZDHA.js} +1 -1
  5. package/chunks/{chunk.QSMMFQ56.js → chunk.DJUGNJLN.js} +1 -1
  6. package/chunks/{chunk.REFPJGDN.js → chunk.DZQBP6NM.js} +2 -2
  7. package/chunks/{chunk.4DMRXSMY.js → chunk.E6QDWYFK.js} +1 -1
  8. package/chunks/{chunk.BBCRU65B.js → chunk.EHDQ3XXU.js} +1 -1
  9. package/chunks/{chunk.PIBSXUAJ.js → chunk.EPBYSCTD.js} +1 -1
  10. package/chunks/{chunk.UJOJ7BYZ.js → chunk.HARAB5IK.js} +1 -1
  11. package/chunks/{chunk.EB5QSVQG.js → chunk.MD6GQ6JP.js} +1 -1
  12. package/chunks/{chunk.QGF3EOP3.js → chunk.NBRYPX7J.js} +1 -1
  13. package/chunks/{chunk.3ARQKGCL.js → chunk.OC725E4N.js} +5 -5
  14. package/chunks/{chunk.O2KWKYRY.js → chunk.OYEDJGPH.js} +1 -1
  15. package/chunks/{chunk.EN4BB5CC.js → chunk.OZA4JG7D.js} +48 -35
  16. package/chunks/{chunk.GRJNB3YG.js → chunk.PMHDCMQO.js} +1 -1
  17. package/chunks/chunk.VOYMQ322.js +1 -1
  18. package/chunks/{chunk.N5B2YYTD.js → chunk.VPPPEUJQ.js} +1 -1
  19. package/chunks/{chunk.KEQHPNB4.js → chunk.WSLRWRBE.js} +1 -1
  20. package/chunks/{chunk.QG4UHTGH.js → chunk.XAP36V6V.js} +1 -1
  21. package/chunks/{chunk.HIPTHCSS.js → chunk.YE3C4HUK.js} +2 -2
  22. package/components/button/button.js +3 -3
  23. package/components/button/index.js +3 -3
  24. package/components/calendar/calendar.js +2 -2
  25. package/components/calendar/index.js +2 -2
  26. package/components/coachmark/coachmark.d.ts +20 -14
  27. package/components/coachmark/coachmark.js +1 -1
  28. package/components/coachmark/index.js +1 -1
  29. package/components/content/divider/divider.js +2 -2
  30. package/components/content/divider/index.js +2 -2
  31. package/components/content/spacer/index.js +2 -2
  32. package/components/content/spacer/spacer.js +2 -2
  33. package/components/content/text/index.js +2 -2
  34. package/components/content/text/text.js +2 -2
  35. package/components/datepicker/datepicker.js +7 -7
  36. package/components/datepicker/index.js +7 -7
  37. package/components/dropdown/dropdown.js +5 -5
  38. package/components/dropdown/index.js +5 -5
  39. package/components/filter-chips/filter-chip/filter-chip.js +3 -3
  40. package/components/filter-chips/filter-chip/index.js +3 -3
  41. package/components/filter-chips/filter-chips.js +3 -3
  42. package/components/filter-chips/index.js +3 -3
  43. package/components/form/index.js +4 -4
  44. package/components/form/summary/index.js +4 -4
  45. package/components/form/summary/summary.js +4 -4
  46. package/components/index.js +20 -20
  47. package/components/layout/card/card.js +3 -3
  48. package/components/layout/card/index.js +3 -3
  49. package/components/layout/container/container.js +2 -2
  50. package/components/layout/container/index.js +2 -2
  51. package/components/layout/flex/flex.js +3 -3
  52. package/components/layout/flex/index.js +3 -3
  53. package/components/layout/grid/grid.js +2 -2
  54. package/components/layout/grid/index.js +2 -2
  55. package/components/media/img/img.js +2 -2
  56. package/components/media/img/index.js +2 -2
  57. package/components/media/video/index.js +2 -2
  58. package/components/media/video/video.js +2 -2
  59. package/components/menu-button/index.js +2 -2
  60. package/components/menu-button/menu-button.js +2 -2
  61. package/components/segmented-control/index.js +3 -3
  62. package/components/segmented-control/segment/index.js +2 -2
  63. package/components/segmented-control/segment/segment.js +2 -2
  64. package/components/segmented-control/segmented-control.js +3 -3
  65. package/index.js +20 -20
  66. package/package.json +1 -1
  67. package/primitives/listbox/index.js +2 -2
  68. package/primitives/listbox/listbox.js +2 -2
  69. package/primitives/listbox/option.js +2 -2
  70. package/primitives/ripple/index.js +2 -2
  71. package/primitives/ripple/ripple.js +2 -2
@@ -10,7 +10,7 @@ import {
10
10
  } from "./chunk.ZRTOIGOM.js";
11
11
  import {
12
12
  tokens
13
- } from "./chunk.3ARQKGCL.js";
13
+ } from "./chunk.OC725E4N.js";
14
14
  import {
15
15
  watch
16
16
  } from "./chunk.2WO4NHJ2.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  tokens
3
- } from "./chunk.3ARQKGCL.js";
3
+ } from "./chunk.OC725E4N.js";
4
4
  import {
5
5
  gdsCustomElement
6
6
  } from "./chunk.VOYMQ322.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  GdsContainer
3
- } from "./chunk.QGF3EOP3.js";
3
+ } from "./chunk.NBRYPX7J.js";
4
4
  import {
5
5
  flex_style_css_default
6
6
  } from "./chunk.54252E4T.js";
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.OC725E4N.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.KBYQYDL3.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.OC725E4N.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.OC725E4N.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,13 +3,13 @@ import {
3
3
  } from "./chunk.3ULLOORV.js";
4
4
  import {
5
5
  GdsContainer
6
- } from "./chunk.QGF3EOP3.js";
6
+ } from "./chunk.NBRYPX7J.js";
7
7
  import {
8
8
  styleExpressionProperty
9
9
  } from "./chunk.ADPMTWTS.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.OC725E4N.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.3ARQKGCL.js";
9
+ } from "./chunk.OC725E4N.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.OC725E4N.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.KK4QVD34.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.OC725E4N.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ZRTOIGOM.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.OC725E4N.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -7,7 +7,7 @@ import {
7
7
  } from "./chunk.ZRTOIGOM.js";
8
8
  import {
9
9
  tokens
10
- } from "./chunk.3ARQKGCL.js";
10
+ } from "./chunk.OC725E4N.js";
11
11
  import {
12
12
  watch
13
13
  } from "./chunk.2WO4NHJ2.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.OC725E4N.js";
10
10
  import {
11
11
  GdsElement
12
12
  } 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 Mon, 26 Aug 2024 10:43:04 GMT
7
+ * Generated on Tue, 27 Aug 2024 14:31:48 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 Mon, 26 Aug 2024 10:43:04 GMT
168
+ * Generated on Tue, 27 Aug 2024 14:31:48 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 Mon, 26 Aug 2024 10:43:04 GMT
289
+ * Generated on Tue, 27 Aug 2024 14:31:48 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 Mon, 26 Aug 2024 10:43:04 GMT
316
+ * Generated on Tue, 27 Aug 2024 14:31:48 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 Mon, 26 Aug 2024 10:43:04 GMT
371
+ * Generated on Tue, 27 Aug 2024 14:31:48 GMT
372
372
  */
373
373
 
374
374
  :host {
@@ -12,7 +12,7 @@ import {
12
12
  } from "./chunk.ZRTOIGOM.js";
13
13
  import {
14
14
  tokens
15
- } from "./chunk.3ARQKGCL.js";
15
+ } from "./chunk.OC725E4N.js";
16
16
  import {
17
17
  watch
18
18
  } from "./chunk.2WO4NHJ2.js";
@@ -30,7 +30,7 @@ import { ref, createRef } from "lit/directives/ref.js";
30
30
  // libs/core/src/components/coachmark/coachmark.styles.ts
31
31
  import { css } from "lit";
32
32
  var style = css`
33
- .gds-coachmark {
33
+ #body {
34
34
  visibility: hidden;
35
35
  position: absolute;
36
36
  z-index: 1060;
@@ -44,7 +44,7 @@ var style = css`
44
44
  transition: opacity 0.3s;
45
45
  }
46
46
 
47
- #gds-arrow {
47
+ #arrow {
48
48
  box-sizing: border-box;
49
49
  z-index: -1;
50
50
  position: absolute;
@@ -82,7 +82,7 @@ var coachmark_styles_default = style;
82
82
 
83
83
  // libs/core/src/components/coachmark/coachmark.ts
84
84
  import { when } from "lit/directives/when.js";
85
- var _cardRef, _arrowRef, _targetedElement, _autoUpdateCleanupFn, _closeCoachMark, closeCoachMark_fn, _findTarget, findTarget_fn, _checkBoundingRect, checkBoundingRect_fn, _checkOverlap, checkOverlap_fn, _isElementOutsideView, isElementOutsideView_fn, _computeTooltipPosition, computeTooltipPosition_fn, _shouldTooltipBeVisible, shouldTooltipBeVisible_fn, _updateCoachmarks, updateCoachmarks_fn;
85
+ var _cardRef, _arrowRef, _autoUpdateCleanupFn, _closeCoachMark, closeCoachMark_fn, _findTarget, findTarget_fn, _checkBoundingRect, checkBoundingRect_fn, _checkOverlap, checkOverlap_fn, _isElementOutsideView, isElementOutsideView_fn, _computeTooltipPosition, computeTooltipPosition_fn, _shouldTooltipBeVisible, shouldTooltipBeVisible_fn, _updateCoachmarks, updateCoachmarks_fn;
86
86
  var GdsCoachmark = class extends GdsElement {
87
87
  constructor() {
88
88
  super(...arguments);
@@ -94,15 +94,20 @@ var GdsCoachmark = class extends GdsElement {
94
94
  __privateAdd(this, _computeTooltipPosition);
95
95
  __privateAdd(this, _shouldTooltipBeVisible);
96
96
  __privateAdd(this, _updateCoachmarks);
97
- __privateAdd(this, _cardRef, createRef());
98
- __privateAdd(this, _arrowRef, createRef());
99
- __privateAdd(this, _targetedElement, void 0);
100
- __privateAdd(this, _autoUpdateCleanupFn, void 0);
101
- this._isVisible = false;
102
- this._preventClose = false;
103
97
  this.placement = "bottom";
104
98
  this.overlappedBy = [];
105
99
  this.target = [];
100
+ this.label = "Coachmark";
101
+ this.computeVisibility = (_self, _target, computedVisibility) => computedVisibility;
102
+ /**
103
+ * The resolved targeted element (readonly)
104
+ */
105
+ this.targetElement = void 0;
106
+ this._isVisible = false;
107
+ this._preventClose = false;
108
+ __privateAdd(this, _cardRef, createRef());
109
+ __privateAdd(this, _arrowRef, createRef());
110
+ __privateAdd(this, _autoUpdateCleanupFn, void 0);
106
111
  }
107
112
  connectedCallback() {
108
113
  super.connectedCallback();
@@ -129,7 +134,7 @@ var GdsCoachmark = class extends GdsElement {
129
134
  }
130
135
  firstUpdated() {
131
136
  if (this.target.length > 0) {
132
- __privateSet(this, _targetedElement, __privateMethod(this, _findTarget, findTarget_fn).call(this, this.target));
137
+ this.targetElement = __privateMethod(this, _findTarget, findTarget_fn).call(this, this.target);
133
138
  __privateMethod(this, _updateCoachmarks, updateCoachmarks_fn).call(this);
134
139
  }
135
140
  }
@@ -142,12 +147,12 @@ var GdsCoachmark = class extends GdsElement {
142
147
  () => html`
143
148
  <div
144
149
  role="dialog"
145
- class="gds-coachmark"
146
- aria-label="Coachmark"
150
+ id="body"
151
+ aria-label=${this.label}
147
152
  ${ref(__privateGet(this, _cardRef))}
148
153
  >
149
154
  <slot></slot>
150
- <div id="gds-arrow" ${ref(__privateGet(this, _arrowRef))}></div>
155
+ <div id="arrow" ${ref(__privateGet(this, _arrowRef))}></div>
151
156
  </div>
152
157
  `,
153
158
  () => html``
@@ -156,7 +161,6 @@ var GdsCoachmark = class extends GdsElement {
156
161
  };
157
162
  _cardRef = new WeakMap();
158
163
  _arrowRef = new WeakMap();
159
- _targetedElement = new WeakMap();
160
164
  _autoUpdateCleanupFn = new WeakMap();
161
165
  _closeCoachMark = new WeakSet();
162
166
  closeCoachMark_fn = function() {
@@ -166,7 +170,13 @@ closeCoachMark_fn = function() {
166
170
  this._isVisible = false;
167
171
  (_a = __privateGet(this, _cardRef).value) == null ? void 0 : _a.remove();
168
172
  (_b = __privateGet(this, _autoUpdateCleanupFn)) == null ? void 0 : _b.call(this);
169
- window.dispatchEvent(new CustomEvent("tooltipClosed"));
173
+ this.dispatchEvent(
174
+ new CustomEvent("gds-ui-state", {
175
+ detail: { open: this._isVisible, reason: "closed" },
176
+ bubbles: false,
177
+ composed: false
178
+ })
179
+ );
170
180
  };
171
181
  _findTarget = new WeakSet();
172
182
  findTarget_fn = function(selectors) {
@@ -204,7 +214,7 @@ checkOverlap_fn = function(selectors) {
204
214
  const el = document.querySelector(selector);
205
215
  if (!el || getComputedStyle(el).visibility === "hidden")
206
216
  continue;
207
- if (__privateMethod(this, _checkBoundingRect, checkBoundingRect_fn).call(this, __privateGet(this, _targetedElement), el)) {
217
+ if (__privateMethod(this, _checkBoundingRect, checkBoundingRect_fn).call(this, this.targetElement, el)) {
208
218
  return true;
209
219
  }
210
220
  }
@@ -230,7 +240,7 @@ computeTooltipPosition_fn = async function(targetedEl, componentEl, arrowEl) {
230
240
  name: "detectOverflow",
231
241
  async fn(positionState) {
232
242
  const overflow = await detectOverflow(positionState, {
233
- boundary: document.querySelector("main"),
243
+ boundary: document.body,
234
244
  rootBoundary: "document",
235
245
  altBoundary: true,
236
246
  padding: {
@@ -255,16 +265,20 @@ computeTooltipPosition_fn = async function(targetedEl, componentEl, arrowEl) {
255
265
  };
256
266
  _shouldTooltipBeVisible = new WeakSet();
257
267
  shouldTooltipBeVisible_fn = function() {
258
- if (!__privateGet(this, _targetedElement))
268
+ if (!this.targetElement)
259
269
  return false;
260
- const isOutOfBound = __privateMethod(this, _isElementOutsideView, isElementOutsideView_fn).call(this, __privateGet(this, _targetedElement));
261
- const isVisible = __privateGet(this, _targetedElement).checkVisibility();
270
+ const isOutOfBound = __privateMethod(this, _isElementOutsideView, isElementOutsideView_fn).call(this, this.targetElement);
271
+ const targetIsVisible = this.targetElement.checkVisibility();
262
272
  const isOverlapping = this.overlappedBy.length === 0 ? false : __privateMethod(this, _checkOverlap, checkOverlap_fn).call(this, this.overlappedBy);
263
- return !isOverlapping && !isOutOfBound && isVisible && window.innerWidth > 580;
273
+ return this.computeVisibility(
274
+ this,
275
+ this.targetElement,
276
+ !isOverlapping && !isOutOfBound && targetIsVisible
277
+ );
264
278
  };
265
279
  _updateCoachmarks = new WeakSet();
266
280
  updateCoachmarks_fn = async function() {
267
- const targetEl = __privateGet(this, _targetedElement);
281
+ const targetEl = this.targetElement;
268
282
  const componentEl = __privateGet(this, _cardRef).value;
269
283
  const arrowEl = __privateGet(this, _arrowRef).value;
270
284
  if (!targetEl || !componentEl || !arrowEl)
@@ -305,19 +319,6 @@ updateCoachmarks_fn = async function() {
305
319
  }
306
320
  };
307
321
  GdsCoachmark.styles = coachmark_styles_default;
308
- /**
309
- * @internal
310
- */
311
- GdsCoachmark.shadowRootOptions = {
312
- mode: "open",
313
- delegatesFocus: true
314
- };
315
- __decorateClass([
316
- state()
317
- ], GdsCoachmark.prototype, "_isVisible", 2);
318
- __decorateClass([
319
- state()
320
- ], GdsCoachmark.prototype, "_preventClose", 2);
321
322
  __decorateClass([
322
323
  property()
323
324
  ], GdsCoachmark.prototype, "placement", 2);
@@ -327,6 +328,18 @@ __decorateClass([
327
328
  __decorateClass([
328
329
  property({ attribute: false })
329
330
  ], GdsCoachmark.prototype, "target", 2);
331
+ __decorateClass([
332
+ property()
333
+ ], GdsCoachmark.prototype, "label", 2);
334
+ __decorateClass([
335
+ property({ attribute: false })
336
+ ], GdsCoachmark.prototype, "computeVisibility", 2);
337
+ __decorateClass([
338
+ state()
339
+ ], GdsCoachmark.prototype, "_isVisible", 2);
340
+ __decorateClass([
341
+ state()
342
+ ], GdsCoachmark.prototype, "_preventClose", 2);
330
343
  GdsCoachmark = __decorateClass([
331
344
  gdsCustomElement("gds-coachmark")
332
345
  ], GdsCoachmark);
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.ADPMTWTS.js";
7
7
  import {
8
8
  tokens
9
- } from "./chunk.3ARQKGCL.js";
9
+ } from "./chunk.OC725E4N.js";
10
10
  import {
11
11
  GdsElement
12
12
  } from "./chunk.ZQ4D5K7J.js";
@@ -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 = "-719376";
4
+ var VER_SUFFIX = "-ffb317";
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.ZRTOIGOM.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.OC725E4N.js";
7
7
  import {
8
8
  watch
9
9
  } from "./chunk.2WO4NHJ2.js";
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.ZRTOIGOM.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.OC725E4N.js";
13
13
  import {
14
14
  gdsCustomElement,
15
15
  html
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.ADPMTWTS.js";
4
4
  import {
5
5
  tokens
6
- } from "./chunk.3ARQKGCL.js";
6
+ } from "./chunk.OC725E4N.js";
7
7
  import {
8
8
  GdsElement
9
9
  } from "./chunk.ZQ4D5K7J.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  GdsSegment
3
- } from "./chunk.UJOJ7BYZ.js";
3
+ } from "./chunk.HARAB5IK.js";
4
4
  import {
5
5
  resizeObserver
6
6
  } from "./chunk.VHN4JEZC.js";
@@ -9,7 +9,7 @@ import {
9
9
  } from "./chunk.ZRTOIGOM.js";
10
10
  import {
11
11
  tokens
12
- } from "./chunk.3ARQKGCL.js";
12
+ } from "./chunk.OC725E4N.js";
13
13
  import {
14
14
  watch
15
15
  } from "./chunk.2WO4NHJ2.js";
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  GdsButton
3
- } from "../../chunks/chunk.KEQHPNB4.js";
3
+ } from "../../chunks/chunk.WSLRWRBE.js";
4
4
  import "../../chunks/chunk.TX64TTBN.js";
5
- import "../../chunks/chunk.KNWMPJKB.js";
5
+ import "../../chunks/chunk.4OYWI4MX.js";
6
6
  import "../../chunks/chunk.2BMJPIND.js";
7
7
  import "../../chunks/chunk.WM7HBMMV.js";
8
8
  import "../../chunks/chunk.KBYQYDL3.js";
9
9
  import "../../chunks/chunk.ZRTOIGOM.js";
10
- import "../../chunks/chunk.3ARQKGCL.js";
10
+ import "../../chunks/chunk.OC725E4N.js";
11
11
  import "../../chunks/chunk.2WO4NHJ2.js";
12
12
  import "../../chunks/chunk.ZQ4D5K7J.js";
13
13
  import "../../chunks/chunk.W7CV3QYI.js";
@@ -1,14 +1,14 @@
1
1
  import "../../chunks/chunk.JGTSJ4J6.js";
2
2
  import {
3
3
  GdsButton
4
- } from "../../chunks/chunk.KEQHPNB4.js";
4
+ } from "../../chunks/chunk.WSLRWRBE.js";
5
5
  import "../../chunks/chunk.TX64TTBN.js";
6
- import "../../chunks/chunk.KNWMPJKB.js";
6
+ import "../../chunks/chunk.4OYWI4MX.js";
7
7
  import "../../chunks/chunk.2BMJPIND.js";
8
8
  import "../../chunks/chunk.WM7HBMMV.js";
9
9
  import "../../chunks/chunk.KBYQYDL3.js";
10
10
  import "../../chunks/chunk.ZRTOIGOM.js";
11
- import "../../chunks/chunk.3ARQKGCL.js";
11
+ import "../../chunks/chunk.OC725E4N.js";
12
12
  import "../../chunks/chunk.2WO4NHJ2.js";
13
13
  import "../../chunks/chunk.ZQ4D5K7J.js";
14
14
  import "../../chunks/chunk.W7CV3QYI.js";
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  GdsCalendar
3
- } from "../../chunks/chunk.N5B2YYTD.js";
3
+ } from "../../chunks/chunk.VPPPEUJQ.js";
4
4
  import "../../chunks/chunk.ZRTOIGOM.js";
5
- import "../../chunks/chunk.3ARQKGCL.js";
5
+ import "../../chunks/chunk.OC725E4N.js";
6
6
  import "../../chunks/chunk.2WO4NHJ2.js";
7
7
  import "../../chunks/chunk.RB5IEYTY.js";
8
8
  import "../../chunks/chunk.ZQ4D5K7J.js";
@@ -1,9 +1,9 @@
1
1
  import "../../chunks/chunk.DJ2OXJZN.js";
2
2
  import {
3
3
  GdsCalendar
4
- } from "../../chunks/chunk.N5B2YYTD.js";
4
+ } from "../../chunks/chunk.VPPPEUJQ.js";
5
5
  import "../../chunks/chunk.ZRTOIGOM.js";
6
- import "../../chunks/chunk.3ARQKGCL.js";
6
+ import "../../chunks/chunk.OC725E4N.js";
7
7
  import "../../chunks/chunk.2WO4NHJ2.js";
8
8
  import "../../chunks/chunk.RB5IEYTY.js";
9
9
  import "../../chunks/chunk.ZQ4D5K7J.js";
@@ -6,25 +6,15 @@ import { GdsElement } from '../../gds-element';
6
6
  * depending on the preferred placement,
7
7
  * the coachmark is hidden/disabled when the element is overlapped or out of viewport.
8
8
  *
9
- * @slot body - placeholder for the content of the tooltip.
9
+ * @slot - placeholder for the content of the tooltip.
10
10
  *
11
- * @event tooltipClosed - dispatched when the tooltip is closed
11
+ * @event gds-ui-state - dispatched when the tooltip is closed
12
+ *
13
+ * @status beta
12
14
  */
13
15
  export declare class GdsCoachmark extends GdsElement {
14
16
  #private;
15
17
  static styles: import("lit").CSSResult;
16
- /**
17
- * @internal
18
- */
19
- static shadowRootOptions: ShadowRootInit;
20
- /**
21
- *Tracks the visibility of the tooltip (readonly)
22
- */
23
- _isVisible: boolean;
24
- /**
25
- *Used to prevent closing the tooltip if it's not visible (readonly)
26
- */
27
- _preventClose: boolean;
28
18
  /**
29
19
  * The placement of the popover relative to the trigger.
30
20
  * Accepts any of the placements supported by Floating UI.
@@ -38,6 +28,22 @@ export declare class GdsCoachmark extends GdsElement {
38
28
  * List of selectors pointing to the targeted element. Ex. for a target inside a ShadowDOM: ["some-component", "shadowRoot", "target-element"].
39
29
  */
40
30
  target: string[];
31
+ /**
32
+ * The accessible label of the coachmark.
33
+ */
34
+ label: string;
35
+ /**
36
+ * A callback that can be used to set the visibility of the coachmark based on your criteria.
37
+ *
38
+ * The default computed visibility, based on visibility and overlap of the target element, is supplied as the third argument.
39
+ */
40
+ computeVisibility: (self: GdsCoachmark, target: HTMLElement, computedVisibility: boolean) => boolean;
41
+ /**
42
+ * The resolved targeted element (readonly)
43
+ */
44
+ targetElement: HTMLElement | undefined;
45
+ _isVisible: boolean;
46
+ _preventClose: boolean;
41
47
  connectedCallback(): void;
42
48
  disconnectedCallback(): void;
43
49
  firstUpdated(): void;
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  GdsCoachmark
3
- } from "../../chunks/chunk.EN4BB5CC.js";
3
+ } from "../../chunks/chunk.OZA4JG7D.js";
4
4
  import "../../chunks/chunk.ZQ4D5K7J.js";
5
5
  import "../../chunks/chunk.W7CV3QYI.js";
6
6
  import "../../chunks/chunk.YO24ZYAD.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  GdsCoachmark
3
- } from "../../chunks/chunk.EN4BB5CC.js";
3
+ } from "../../chunks/chunk.OZA4JG7D.js";
4
4
  import "../../chunks/chunk.ZQ4D5K7J.js";
5
5
  import "../../chunks/chunk.W7CV3QYI.js";
6
6
  import "../../chunks/chunk.YO24ZYAD.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  GdsDivider
3
- } from "../../../chunks/chunk.4DMRXSMY.js";
3
+ } from "../../../chunks/chunk.E6QDWYFK.js";
4
4
  import "../../../chunks/chunk.VS5JKIZQ.js";
5
5
  import "../../../chunks/chunk.ADPMTWTS.js";
6
- import "../../../chunks/chunk.3ARQKGCL.js";
6
+ import "../../../chunks/chunk.OC725E4N.js";
7
7
  import "../../../chunks/chunk.2WO4NHJ2.js";
8
8
  import "../../../chunks/chunk.ZQ4D5K7J.js";
9
9
  import "../../../chunks/chunk.W7CV3QYI.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  GdsDivider
3
- } from "../../../chunks/chunk.4DMRXSMY.js";
3
+ } from "../../../chunks/chunk.E6QDWYFK.js";
4
4
  import "../../../chunks/chunk.VS5JKIZQ.js";
5
5
  import "../../../chunks/chunk.ADPMTWTS.js";
6
- import "../../../chunks/chunk.3ARQKGCL.js";
6
+ import "../../../chunks/chunk.OC725E4N.js";
7
7
  import "../../../chunks/chunk.2WO4NHJ2.js";
8
8
  import "../../../chunks/chunk.ZQ4D5K7J.js";
9
9
  import "../../../chunks/chunk.W7CV3QYI.js";
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  GdsSpacer
3
- } from "../../../chunks/chunk.QG4UHTGH.js";
3
+ } from "../../../chunks/chunk.XAP36V6V.js";
4
4
  import "../../../chunks/chunk.ADPMTWTS.js";
5
- import "../../../chunks/chunk.3ARQKGCL.js";
5
+ import "../../../chunks/chunk.OC725E4N.js";
6
6
  import "../../../chunks/chunk.2WO4NHJ2.js";
7
7
  import "../../../chunks/chunk.ZQ4D5K7J.js";
8
8
  import "../../../chunks/chunk.W7CV3QYI.js";
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  GdsSpacer
3
- } from "../../../chunks/chunk.QG4UHTGH.js";
3
+ } from "../../../chunks/chunk.XAP36V6V.js";
4
4
  import "../../../chunks/chunk.ADPMTWTS.js";
5
- import "../../../chunks/chunk.3ARQKGCL.js";
5
+ import "../../../chunks/chunk.OC725E4N.js";
6
6
  import "../../../chunks/chunk.2WO4NHJ2.js";
7
7
  import "../../../chunks/chunk.ZQ4D5K7J.js";
8
8
  import "../../../chunks/chunk.W7CV3QYI.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  GdsText
3
- } from "../../../chunks/chunk.PIBSXUAJ.js";
3
+ } from "../../../chunks/chunk.EPBYSCTD.js";
4
4
  import "../../../chunks/chunk.ADPMTWTS.js";
5
5
  import "../../../chunks/chunk.KK4QVD34.js";
6
- import "../../../chunks/chunk.3ARQKGCL.js";
6
+ import "../../../chunks/chunk.OC725E4N.js";
7
7
  import "../../../chunks/chunk.2WO4NHJ2.js";
8
8
  import "../../../chunks/chunk.ZQ4D5K7J.js";
9
9
  import "../../../chunks/chunk.W7CV3QYI.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  GdsText
3
- } from "../../../chunks/chunk.PIBSXUAJ.js";
3
+ } from "../../../chunks/chunk.EPBYSCTD.js";
4
4
  import "../../../chunks/chunk.ADPMTWTS.js";
5
5
  import "../../../chunks/chunk.KK4QVD34.js";
6
- import "../../../chunks/chunk.3ARQKGCL.js";
6
+ import "../../../chunks/chunk.OC725E4N.js";
7
7
  import "../../../chunks/chunk.2WO4NHJ2.js";
8
8
  import "../../../chunks/chunk.ZQ4D5K7J.js";
9
9
  import "../../../chunks/chunk.W7CV3QYI.js";