@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.
- package/chunks/{chunk.XQLXURG2.js → chunk.2KYEBKUR.js} +1 -1
- package/chunks/{chunk.KNWMPJKB.js → chunk.4OYWI4MX.js} +1 -1
- package/chunks/{chunk.33MOGTNZ.js → chunk.75I44NBV.js} +2 -2
- package/chunks/{chunk.2J5OPB5F.js → chunk.AOREZDHA.js} +1 -1
- package/chunks/{chunk.QSMMFQ56.js → chunk.DJUGNJLN.js} +1 -1
- package/chunks/{chunk.REFPJGDN.js → chunk.DZQBP6NM.js} +2 -2
- package/chunks/{chunk.4DMRXSMY.js → chunk.E6QDWYFK.js} +1 -1
- package/chunks/{chunk.BBCRU65B.js → chunk.EHDQ3XXU.js} +1 -1
- package/chunks/{chunk.PIBSXUAJ.js → chunk.EPBYSCTD.js} +1 -1
- package/chunks/{chunk.UJOJ7BYZ.js → chunk.HARAB5IK.js} +1 -1
- package/chunks/{chunk.EB5QSVQG.js → chunk.MD6GQ6JP.js} +1 -1
- package/chunks/{chunk.QGF3EOP3.js → chunk.NBRYPX7J.js} +1 -1
- package/chunks/{chunk.3ARQKGCL.js → chunk.OC725E4N.js} +5 -5
- package/chunks/{chunk.O2KWKYRY.js → chunk.OYEDJGPH.js} +1 -1
- package/chunks/{chunk.EN4BB5CC.js → chunk.OZA4JG7D.js} +48 -35
- package/chunks/{chunk.GRJNB3YG.js → chunk.PMHDCMQO.js} +1 -1
- package/chunks/chunk.VOYMQ322.js +1 -1
- package/chunks/{chunk.N5B2YYTD.js → chunk.VPPPEUJQ.js} +1 -1
- package/chunks/{chunk.KEQHPNB4.js → chunk.WSLRWRBE.js} +1 -1
- package/chunks/{chunk.QG4UHTGH.js → chunk.XAP36V6V.js} +1 -1
- package/chunks/{chunk.HIPTHCSS.js → chunk.YE3C4HUK.js} +2 -2
- package/components/button/button.js +3 -3
- package/components/button/index.js +3 -3
- package/components/calendar/calendar.js +2 -2
- package/components/calendar/index.js +2 -2
- package/components/coachmark/coachmark.d.ts +20 -14
- package/components/coachmark/coachmark.js +1 -1
- package/components/coachmark/index.js +1 -1
- package/components/content/divider/divider.js +2 -2
- package/components/content/divider/index.js +2 -2
- package/components/content/spacer/index.js +2 -2
- package/components/content/spacer/spacer.js +2 -2
- package/components/content/text/index.js +2 -2
- package/components/content/text/text.js +2 -2
- package/components/datepicker/datepicker.js +7 -7
- package/components/datepicker/index.js +7 -7
- package/components/dropdown/dropdown.js +5 -5
- package/components/dropdown/index.js +5 -5
- package/components/filter-chips/filter-chip/filter-chip.js +3 -3
- package/components/filter-chips/filter-chip/index.js +3 -3
- package/components/filter-chips/filter-chips.js +3 -3
- package/components/filter-chips/index.js +3 -3
- package/components/form/index.js +4 -4
- package/components/form/summary/index.js +4 -4
- package/components/form/summary/summary.js +4 -4
- package/components/index.js +20 -20
- package/components/layout/card/card.js +3 -3
- package/components/layout/card/index.js +3 -3
- package/components/layout/container/container.js +2 -2
- package/components/layout/container/index.js +2 -2
- package/components/layout/flex/flex.js +3 -3
- package/components/layout/flex/index.js +3 -3
- package/components/layout/grid/grid.js +2 -2
- package/components/layout/grid/index.js +2 -2
- package/components/media/img/img.js +2 -2
- package/components/media/img/index.js +2 -2
- package/components/media/video/index.js +2 -2
- package/components/media/video/video.js +2 -2
- package/components/menu-button/index.js +2 -2
- package/components/menu-button/menu-button.js +2 -2
- package/components/segmented-control/index.js +3 -3
- package/components/segmented-control/segment/index.js +2 -2
- package/components/segmented-control/segment/segment.js +2 -2
- package/components/segmented-control/segmented-control.js +3 -3
- package/index.js +20 -20
- package/package.json +1 -1
- package/primitives/listbox/index.js +2 -2
- package/primitives/listbox/listbox.js +2 -2
- package/primitives/listbox/option.js +2 -2
- package/primitives/ripple/index.js +2 -2
- package/primitives/ripple/ripple.js +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsContainer
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
12
|
+
} from "./chunk.OC725E4N.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk.3ULLOORV.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsContainer
|
|
6
|
-
} from "./chunk.
|
|
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.
|
|
12
|
+
} from "./chunk.OC725E4N.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
371
|
+
* Generated on Tue, 27 Aug 2024 14:31:48 GMT
|
|
372
372
|
*/
|
|
373
373
|
|
|
374
374
|
:host {
|
|
@@ -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
|
-
|
|
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
|
-
#
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
146
|
-
aria-label
|
|
150
|
+
id="body"
|
|
151
|
+
aria-label=${this.label}
|
|
147
152
|
${ref(__privateGet(this, _cardRef))}
|
|
148
153
|
>
|
|
149
154
|
<slot></slot>
|
|
150
|
-
<div id="
|
|
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
|
-
|
|
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,
|
|
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.
|
|
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 (!
|
|
268
|
+
if (!this.targetElement)
|
|
259
269
|
return false;
|
|
260
|
-
const isOutOfBound = __privateMethod(this, _isElementOutsideView, isElementOutsideView_fn).call(this,
|
|
261
|
-
const
|
|
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
|
|
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 =
|
|
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);
|
package/chunks/chunk.VOYMQ322.js
CHANGED
|
@@ -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 = "-
|
|
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) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsSegment
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
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.
|
|
3
|
+
} from "../../chunks/chunk.WSLRWRBE.js";
|
|
4
4
|
import "../../chunks/chunk.TX64TTBN.js";
|
|
5
|
-
import "../../chunks/chunk.
|
|
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.
|
|
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.
|
|
4
|
+
} from "../../chunks/chunk.WSLRWRBE.js";
|
|
5
5
|
import "../../chunks/chunk.TX64TTBN.js";
|
|
6
|
-
import "../../chunks/chunk.
|
|
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.
|
|
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.
|
|
3
|
+
} from "../../chunks/chunk.VPPPEUJQ.js";
|
|
4
4
|
import "../../chunks/chunk.ZRTOIGOM.js";
|
|
5
|
-
import "../../chunks/chunk.
|
|
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.
|
|
4
|
+
} from "../../chunks/chunk.VPPPEUJQ.js";
|
|
5
5
|
import "../../chunks/chunk.ZRTOIGOM.js";
|
|
6
|
-
import "../../chunks/chunk.
|
|
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
|
|
9
|
+
* @slot - placeholder for the content of the tooltip.
|
|
10
10
|
*
|
|
11
|
-
* @event
|
|
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,9 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsDivider
|
|
3
|
-
} from "../../../chunks/chunk.
|
|
3
|
+
} from "../../../chunks/chunk.E6QDWYFK.js";
|
|
4
4
|
import "../../../chunks/chunk.VS5JKIZQ.js";
|
|
5
5
|
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
6
|
-
import "../../../chunks/chunk.
|
|
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.
|
|
3
|
+
} from "../../../chunks/chunk.E6QDWYFK.js";
|
|
4
4
|
import "../../../chunks/chunk.VS5JKIZQ.js";
|
|
5
5
|
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
6
|
-
import "../../../chunks/chunk.
|
|
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.
|
|
3
|
+
} from "../../../chunks/chunk.XAP36V6V.js";
|
|
4
4
|
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
5
|
-
import "../../../chunks/chunk.
|
|
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.
|
|
3
|
+
} from "../../../chunks/chunk.XAP36V6V.js";
|
|
4
4
|
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
5
|
-
import "../../../chunks/chunk.
|
|
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.
|
|
3
|
+
} from "../../../chunks/chunk.EPBYSCTD.js";
|
|
4
4
|
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
5
5
|
import "../../../chunks/chunk.KK4QVD34.js";
|
|
6
|
-
import "../../../chunks/chunk.
|
|
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.
|
|
3
|
+
} from "../../../chunks/chunk.EPBYSCTD.js";
|
|
4
4
|
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
5
5
|
import "../../../chunks/chunk.KK4QVD34.js";
|
|
6
|
-
import "../../../chunks/chunk.
|
|
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";
|