@sebgroup/green-core 1.35.0 → 1.37.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.QSMMFQ56.js → chunk.4HJFU3YD.js} +1 -1
- package/chunks/{chunk.KEQHPNB4.js → chunk.5EWITJDS.js} +4 -2
- package/chunks/{chunk.HIPTHCSS.js → chunk.62OIT6HX.js} +2 -2
- package/chunks/{chunk.QG4UHTGH.js → chunk.6DBPCGXS.js} +1 -1
- package/chunks/{chunk.REFPJGDN.js → chunk.A5V2F4AU.js} +2 -2
- package/chunks/{chunk.KNWMPJKB.js → chunk.BAZ2K3MF.js} +1 -1
- package/chunks/chunk.BPXTBSVX.js +60 -0
- package/chunks/{chunk.33MOGTNZ.js → chunk.EYNJ2JFT.js} +4 -4
- package/chunks/{chunk.PIBSXUAJ.js → chunk.H4P3EWBR.js} +4 -4
- package/chunks/{chunk.QGF3EOP3.js → chunk.JZ4GS2C7.js} +1 -1
- package/chunks/{chunk.GRJNB3YG.js → chunk.KM5DUBMX.js} +1 -1
- package/chunks/{chunk.UJOJ7BYZ.js → chunk.O2YOZNIY.js} +1 -1
- package/chunks/{chunk.EN4BB5CC.js → chunk.OZA4JG7D.js} +48 -35
- package/chunks/{chunk.N5B2YYTD.js → chunk.RFEAEQMF.js} +4 -4
- package/chunks/{chunk.O2KWKYRY.js → chunk.RLAVFYDO.js} +4 -4
- package/chunks/{chunk.3ARQKGCL.js → chunk.SSPUZ2VD.js} +5 -5
- package/chunks/{chunk.4DMRXSMY.js → chunk.TWVCL2KD.js} +1 -1
- package/chunks/{chunk.XQLXURG2.js → chunk.TXHTGHDD.js} +1 -1
- package/chunks/chunk.VOYMQ322.js +1 -1
- package/chunks/{chunk.2J5OPB5F.js → chunk.YGSSPWQI.js} +1 -1
- package/chunks/{chunk.BBCRU65B.js → chunk.Z4AMYCM6.js} +1 -1
- package/chunks/{chunk.EB5QSVQG.js → chunk.ZRAEE3ZD.js} +1 -1
- package/components/button/button.js +4 -4
- package/components/button/fab/fab.d.ts +31 -0
- package/components/button/fab/fab.js +21 -0
- package/components/button/fab/fab.styles.d.ts +2 -0
- package/components/button/fab/index.d.ts +1 -0
- package/components/button/fab/index.js +21 -0
- package/components/button/index.js +4 -4
- package/components/calendar/calendar.js +3 -3
- package/components/calendar/index.js +3 -3
- 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 +3 -3
- package/components/content/text/text.js +3 -3
- package/components/context-menu/context-menu.js +2 -2
- package/components/context-menu/index.js +2 -2
- package/components/datepicker/datepicker.js +13 -13
- package/components/datepicker/index.js +13 -13
- package/components/dropdown/dropdown.js +8 -8
- package/components/dropdown/index.js +8 -8
- package/components/filter-chips/filter-chip/filter-chip.js +4 -4
- package/components/filter-chips/filter-chip/index.js +4 -4
- package/components/filter-chips/filter-chips.js +5 -5
- package/components/filter-chips/index.js +5 -5
- 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/icon/icons/index.js +128 -128
- package/components/index.js +40 -40
- package/components/layout/card/card.js +4 -4
- package/components/layout/card/index.js +4 -4
- package/components/layout/container/container.js +2 -2
- package/components/layout/container/index.js +2 -2
- package/components/layout/flex/flex.js +4 -4
- package/components/layout/flex/index.js +4 -4
- 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/popover/index.js +3 -3
- 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 +40 -40
- 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
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
} from "./chunk.ZRTOIGOM.js";
|
|
10
10
|
import {
|
|
11
11
|
tokens
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.SSPUZ2VD.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -79,7 +79,6 @@ var button_style_default = `@layer tokens, a11y, core, ranks, sizes, variants, d
|
|
|
79
79
|
|
|
80
80
|
--_color-outline-alpha: 60%;
|
|
81
81
|
--_color-outline: var(--_color-border);
|
|
82
|
-
|
|
83
82
|
/* These state layer variables can be variant to the correct state layer token in
|
|
84
83
|
* the rank and variant specific styles. It will be blended with \`--_color-bg\`
|
|
85
84
|
* for the \`background-color\` rule. */
|
|
@@ -232,6 +231,9 @@ var button_style_default = `@layer tokens, a11y, core, ranks, sizes, variants, d
|
|
|
232
231
|
}
|
|
233
232
|
|
|
234
233
|
@layer sizes {
|
|
234
|
+
:host([size='small']) {
|
|
235
|
+
--_size: 2rem;
|
|
236
|
+
}
|
|
235
237
|
:host([size='small']) .button {
|
|
236
238
|
--_padding-inline: var(--gds-space-l);
|
|
237
239
|
--_padding-block: var(--gds-space-s);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsSegment
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.O2YOZNIY.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.SSPUZ2VD.js";
|
|
13
13
|
import {
|
|
14
14
|
watch
|
|
15
15
|
} from "./chunk.2WO4NHJ2.js";
|
|
@@ -3,13 +3,13 @@ import {
|
|
|
3
3
|
} from "./chunk.3ULLOORV.js";
|
|
4
4
|
import {
|
|
5
5
|
GdsContainer
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.JZ4GS2C7.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.SSPUZ2VD.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import {
|
|
2
|
+
styleExpressionProperty
|
|
3
|
+
} from "./chunk.ADPMTWTS.js";
|
|
4
|
+
import {
|
|
5
|
+
GdsButton
|
|
6
|
+
} from "./chunk.5EWITJDS.js";
|
|
7
|
+
import {
|
|
8
|
+
gdsCustomElement
|
|
9
|
+
} from "./chunk.VOYMQ322.js";
|
|
10
|
+
import {
|
|
11
|
+
__decorateClass
|
|
12
|
+
} from "./chunk.5VURDMKE.js";
|
|
13
|
+
|
|
14
|
+
// libs/core/src/components/button/fab/fab.styles.ts
|
|
15
|
+
import { css } from "lit";
|
|
16
|
+
var style = css`
|
|
17
|
+
:host {
|
|
18
|
+
position: fixed;
|
|
19
|
+
inset: auto 2rem 2rem auto;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.button {
|
|
23
|
+
/* TODO: Tokens! */
|
|
24
|
+
box-shadow:
|
|
25
|
+
0px 8px 12px 0px rgba(27, 27, 24, 0.15),
|
|
26
|
+
0px 0px 1px 0px rgba(13, 13, 12, 0.3);
|
|
27
|
+
height: calc(var(--_size) + 0.5rem);
|
|
28
|
+
}
|
|
29
|
+
`;
|
|
30
|
+
var fab_styles_default = style;
|
|
31
|
+
|
|
32
|
+
// libs/core/src/components/button/fab/fab.ts
|
|
33
|
+
var GdsFab = class extends GdsButton {
|
|
34
|
+
connectedCallback() {
|
|
35
|
+
super.connectedCallback();
|
|
36
|
+
this._dynamicStylesController.inject("FAB_styles", fab_styles_default);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
__decorateClass([
|
|
40
|
+
styleExpressionProperty({
|
|
41
|
+
valueTemplate: (v) => v
|
|
42
|
+
})
|
|
43
|
+
], GdsFab.prototype, "position", 2);
|
|
44
|
+
__decorateClass([
|
|
45
|
+
styleExpressionProperty({
|
|
46
|
+
valueTemplate: (v) => v
|
|
47
|
+
})
|
|
48
|
+
], GdsFab.prototype, "transform", 2);
|
|
49
|
+
__decorateClass([
|
|
50
|
+
styleExpressionProperty({
|
|
51
|
+
valueTemplate: (v) => v
|
|
52
|
+
})
|
|
53
|
+
], GdsFab.prototype, "inset", 2);
|
|
54
|
+
GdsFab = __decorateClass([
|
|
55
|
+
gdsCustomElement("gds-fab")
|
|
56
|
+
], GdsFab);
|
|
57
|
+
|
|
58
|
+
export {
|
|
59
|
+
GdsFab
|
|
60
|
+
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
GdsContainer
|
|
3
|
-
} from "./chunk.QGF3EOP3.js";
|
|
4
1
|
import {
|
|
5
2
|
flex_style_css_default
|
|
6
3
|
} from "./chunk.54252E4T.js";
|
|
4
|
+
import {
|
|
5
|
+
GdsContainer
|
|
6
|
+
} from "./chunk.JZ4GS2C7.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.SSPUZ2VD.js";
|
|
13
13
|
import {
|
|
14
14
|
gdsCustomElement,
|
|
15
15
|
html
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
styleExpressionProperty
|
|
3
|
-
} from "./chunk.ADPMTWTS.js";
|
|
4
1
|
import {
|
|
5
2
|
text_style_css_default
|
|
6
3
|
} from "./chunk.KK4QVD34.js";
|
|
4
|
+
import {
|
|
5
|
+
styleExpressionProperty
|
|
6
|
+
} from "./chunk.ADPMTWTS.js";
|
|
7
7
|
import {
|
|
8
8
|
tokens
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.SSPUZ2VD.js";
|
|
10
10
|
import {
|
|
11
11
|
GdsElement
|
|
12
12
|
} from "./chunk.ZQ4D5K7J.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
|
-
|
|
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);
|
|
@@ -3,19 +3,19 @@ import {
|
|
|
3
3
|
} from "./chunk.ZRTOIGOM.js";
|
|
4
4
|
import {
|
|
5
5
|
tokens
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.SSPUZ2VD.js";
|
|
7
7
|
import {
|
|
8
8
|
watch
|
|
9
9
|
} from "./chunk.2WO4NHJ2.js";
|
|
10
|
-
import {
|
|
11
|
-
renderMonthGridView
|
|
12
|
-
} from "./chunk.RB5IEYTY.js";
|
|
13
10
|
import {
|
|
14
11
|
GdsElement
|
|
15
12
|
} from "./chunk.ZQ4D5K7J.js";
|
|
16
13
|
import {
|
|
17
14
|
gdsCustomElement
|
|
18
15
|
} from "./chunk.VOYMQ322.js";
|
|
16
|
+
import {
|
|
17
|
+
renderMonthGridView
|
|
18
|
+
} from "./chunk.RB5IEYTY.js";
|
|
19
19
|
import {
|
|
20
20
|
__decorateClass,
|
|
21
21
|
__privateAdd,
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsFormControlElement
|
|
3
3
|
} from "./chunk.2BMJPIND.js";
|
|
4
|
-
import {
|
|
5
|
-
observeLightDOM
|
|
6
|
-
} from "./chunk.WM7HBMMV.js";
|
|
7
4
|
import {
|
|
8
5
|
constrainSlots
|
|
9
6
|
} from "./chunk.KBYQYDL3.js";
|
|
7
|
+
import {
|
|
8
|
+
observeLightDOM
|
|
9
|
+
} from "./chunk.WM7HBMMV.js";
|
|
10
10
|
import {
|
|
11
11
|
TransitionalStyles
|
|
12
12
|
} from "./chunk.ZRTOIGOM.js";
|
|
13
13
|
import {
|
|
14
14
|
tokens
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.SSPUZ2VD.js";
|
|
16
16
|
import {
|
|
17
17
|
watch
|
|
18
18
|
} from "./chunk.2WO4NHJ2.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,
|
|
7
|
+
* Generated on Mon, 02 Sep 2024 08:04:23 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,
|
|
168
|
+
* Generated on Mon, 02 Sep 2024 08:04:23 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,
|
|
289
|
+
* Generated on Mon, 02 Sep 2024 08:04:23 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,
|
|
316
|
+
* Generated on Mon, 02 Sep 2024 08:04:23 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,
|
|
371
|
+
* Generated on Mon, 02 Sep 2024 08:04:23 GMT
|
|
372
372
|
*/
|
|
373
373
|
|
|
374
374
|
:host {
|
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 = "-7800e3";
|
|
5
5
|
var elementLookupTable = /* @__PURE__ */ new Map();
|
|
6
6
|
var gdsCustomElement = (tagName) => {
|
|
7
7
|
if (globalThis.GDS_DISABLE_VERSIONED_ELEMENTS) {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import {
|
|
2
2
|
GdsButton
|
|
3
|
-
} from "../../chunks/chunk.
|
|
3
|
+
} from "../../chunks/chunk.5EWITJDS.js";
|
|
4
4
|
import "../../chunks/chunk.TX64TTBN.js";
|
|
5
|
-
import "../../chunks/chunk.
|
|
5
|
+
import "../../chunks/chunk.BAZ2K3MF.js";
|
|
6
6
|
import "../../chunks/chunk.2BMJPIND.js";
|
|
7
|
-
import "../../chunks/chunk.WM7HBMMV.js";
|
|
8
7
|
import "../../chunks/chunk.KBYQYDL3.js";
|
|
8
|
+
import "../../chunks/chunk.WM7HBMMV.js";
|
|
9
9
|
import "../../chunks/chunk.ZRTOIGOM.js";
|
|
10
|
-
import "../../chunks/chunk.
|
|
10
|
+
import "../../chunks/chunk.SSPUZ2VD.js";
|
|
11
11
|
import "../../chunks/chunk.2WO4NHJ2.js";
|
|
12
12
|
import "../../chunks/chunk.ZQ4D5K7J.js";
|
|
13
13
|
import "../../chunks/chunk.W7CV3QYI.js";
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { GdsButton } from '../button';
|
|
2
|
+
/**
|
|
3
|
+
* @element gds-fab
|
|
4
|
+
*
|
|
5
|
+
* The Floating Action Button is used for functions central to the user experience, such as
|
|
6
|
+
* support and help features that needs to be accessible at all times.
|
|
7
|
+
*
|
|
8
|
+
* The button is always floating visible in the users viewport, typically in the lower right
|
|
9
|
+
* corner. This button can be used with an icon only.
|
|
10
|
+
*
|
|
11
|
+
* @slot - Content of the FAB
|
|
12
|
+
*/
|
|
13
|
+
export declare class GdsFab extends GdsButton {
|
|
14
|
+
/**
|
|
15
|
+
* Supports all valid CSS position values.
|
|
16
|
+
*/
|
|
17
|
+
position?: string;
|
|
18
|
+
/**
|
|
19
|
+
* The transform of the FAB. Use this to tweak the position of the element on the screen.
|
|
20
|
+
*
|
|
21
|
+
* Accepts any valid CSS transform value.
|
|
22
|
+
*/
|
|
23
|
+
transform?: string;
|
|
24
|
+
/**
|
|
25
|
+
* The inset postion of the FAB.
|
|
26
|
+
*
|
|
27
|
+
* Accepts any valid CSS inset values.
|
|
28
|
+
*/
|
|
29
|
+
inset?: string;
|
|
30
|
+
connectedCallback(): void;
|
|
31
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import {
|
|
2
|
+
GdsFab
|
|
3
|
+
} from "../../../chunks/chunk.BPXTBSVX.js";
|
|
4
|
+
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
5
|
+
import "../../../chunks/chunk.5EWITJDS.js";
|
|
6
|
+
import "../../../chunks/chunk.TX64TTBN.js";
|
|
7
|
+
import "../../../chunks/chunk.BAZ2K3MF.js";
|
|
8
|
+
import "../../../chunks/chunk.2BMJPIND.js";
|
|
9
|
+
import "../../../chunks/chunk.KBYQYDL3.js";
|
|
10
|
+
import "../../../chunks/chunk.WM7HBMMV.js";
|
|
11
|
+
import "../../../chunks/chunk.ZRTOIGOM.js";
|
|
12
|
+
import "../../../chunks/chunk.SSPUZ2VD.js";
|
|
13
|
+
import "../../../chunks/chunk.2WO4NHJ2.js";
|
|
14
|
+
import "../../../chunks/chunk.ZQ4D5K7J.js";
|
|
15
|
+
import "../../../chunks/chunk.W7CV3QYI.js";
|
|
16
|
+
import "../../../chunks/chunk.YO24ZYAD.js";
|
|
17
|
+
import "../../../chunks/chunk.VOYMQ322.js";
|
|
18
|
+
import "../../../chunks/chunk.5VURDMKE.js";
|
|
19
|
+
export {
|
|
20
|
+
GdsFab
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './fab';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import {
|
|
2
|
+
GdsFab
|
|
3
|
+
} from "../../../chunks/chunk.BPXTBSVX.js";
|
|
4
|
+
import "../../../chunks/chunk.ADPMTWTS.js";
|
|
5
|
+
import "../../../chunks/chunk.5EWITJDS.js";
|
|
6
|
+
import "../../../chunks/chunk.TX64TTBN.js";
|
|
7
|
+
import "../../../chunks/chunk.BAZ2K3MF.js";
|
|
8
|
+
import "../../../chunks/chunk.2BMJPIND.js";
|
|
9
|
+
import "../../../chunks/chunk.KBYQYDL3.js";
|
|
10
|
+
import "../../../chunks/chunk.WM7HBMMV.js";
|
|
11
|
+
import "../../../chunks/chunk.ZRTOIGOM.js";
|
|
12
|
+
import "../../../chunks/chunk.SSPUZ2VD.js";
|
|
13
|
+
import "../../../chunks/chunk.2WO4NHJ2.js";
|
|
14
|
+
import "../../../chunks/chunk.ZQ4D5K7J.js";
|
|
15
|
+
import "../../../chunks/chunk.W7CV3QYI.js";
|
|
16
|
+
import "../../../chunks/chunk.YO24ZYAD.js";
|
|
17
|
+
import "../../../chunks/chunk.VOYMQ322.js";
|
|
18
|
+
import "../../../chunks/chunk.5VURDMKE.js";
|
|
19
|
+
export {
|
|
20
|
+
GdsFab
|
|
21
|
+
};
|