nve-designsystem 3.2.0 → 3.3.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.2PCBEMQZ.js +163 -226
- package/chunks/chunk.36O46B5H.js +15 -15
- package/chunks/chunk.4TUIT776.js +78 -96
- package/chunks/chunk.5JY5FUCG.js +965 -1245
- package/chunks/chunk.5P45LHIX.js +668 -96
- package/chunks/chunk.6CTB5ZDJ.js +107 -100
- package/chunks/chunk.B4BZKR24.js +29 -39
- package/chunks/chunk.D5YQDJ7X.js +122 -166
- package/chunks/chunk.EA437WHD.js +5 -5
- package/chunks/chunk.GI7VDIWX.js +14 -15
- package/chunks/chunk.GMYPQTFK.js +18 -20
- package/chunks/chunk.HVTXQL7M.js +191 -215
- package/chunks/chunk.IKV4VH3T.js +18 -16
- package/chunks/chunk.IVVHNXMC.js +26 -27
- package/chunks/chunk.JHOXTQXA.js +65 -74
- package/chunks/chunk.JXOKFADN.js +63 -90
- package/chunks/chunk.K7JGTRV7.js +24 -23
- package/chunks/chunk.KPLQLAWP.js +132 -147
- package/chunks/chunk.LD4M4QGE.js +61 -74
- package/chunks/chunk.MSKEYBDI.js +53 -71
- package/chunks/chunk.NYIIDP5N.js +39 -45
- package/chunks/chunk.RWUUFNUL.js +91 -114
- package/chunks/chunk.SAPQLUO4.js +249 -228
- package/chunks/chunk.SI4ACBFK.js +139 -5
- package/chunks/chunk.TP2GB2HO.js +361 -460
- package/chunks/chunk.UDWRA64J.js +185 -223
- package/chunks/chunk.URTPIBTY.js +119 -151
- package/chunks/chunk.VESXC477.js +63 -66
- package/chunks/chunk.XA43ZQPC.js +198 -313
- package/chunks/chunk.XQ2OKYYA.js +25 -26
- package/chunks/chunk.XZNBUGX7.js +6 -6
- package/chunks/chunk.YHLNUJ7P.js +93 -116
- package/chunks/chunk.ZH2AND3P.js +340 -399
- package/chunks/chunk.ZL53POKZ.js +61 -156
- package/chunks/chunk.js +20 -0
- package/chunks/class-map.js +49 -45
- package/chunks/decorate.js +105 -0
- package/chunks/directive-helpers.js +5 -7
- package/chunks/if-defined.js +5 -5
- package/chunks/lit.js +525 -0
- package/chunks/live.js +24 -24
- package/chunks/nve-alert.component.js +163 -0
- package/chunks/nve-carousel-item.component.js +36 -0
- package/chunks/nve-carousel.component.js +41 -0
- package/chunks/nve-checkbox-group.component.js +114 -0
- package/chunks/nve-checkbox.component.js +28 -0
- package/chunks/nve-dialog.component.js +39 -0
- package/chunks/nve-divider.component.js +23 -0
- package/chunks/nve-drawer.component.js +40 -0
- package/chunks/nve-dropdown.component.js +83 -0
- package/chunks/nve-input.component.js +80 -0
- package/chunks/nve-label.component.js +89 -0
- package/chunks/nve-menu-item.component.js +35 -0
- package/chunks/nve-menu.component.js +17 -0
- package/chunks/nve-option.component.js +27 -0
- package/chunks/nve-popup.component.js +15 -0
- package/chunks/nve-radio-button.component.js +20 -0
- package/chunks/nve-radio-group.component.js +78 -0
- package/chunks/nve-radio.component.js +18 -0
- package/chunks/nve-select.component.js +58 -0
- package/chunks/nve-skeleton.component.js +20 -0
- package/chunks/nve-spinner.component.js +23 -0
- package/chunks/nve-tooltip.component.js +20 -0
- package/chunks/nve-warning-level.component.js +57 -0
- package/chunks/ref.js +75 -84
- package/chunks/shoelace.js +10006 -0
- package/chunks/static-html.js +27 -0
- package/chunks/unsafe-html.js +24 -20
- package/chunks/updateInvalidProperty.js +7 -7
- package/chunks/watch.js +20 -20
- package/components/nve-accordion/nve-accordion.component.js +24 -30
- package/components/nve-accordion-item/nve-accordion-item.component.js +30 -64
- package/components/nve-accordion-item/nve-accordion-item.styles.js +5 -5
- package/components/nve-alert/nve-alert.component.js +2 -227
- package/components/nve-alert/nve-alert.styles.js +45 -27
- package/components/nve-badge/nve-badge.component.js +41 -45
- package/components/nve-badge/nve-badge.styles.js +33 -31
- package/components/nve-button/nve-button.component.d.ts +110 -10
- package/components/nve-button/nve-button.component.js +146 -39
- package/components/nve-button/nve-button.styles.js +214 -157
- package/components/nve-carousel/nve-carousel.component.js +2 -47
- package/components/nve-carousel/nve-carousel.styles.js +6 -6
- package/components/nve-carousel-item/nve-carousel-item.component.js +2 -40
- package/components/nve-carousel-item/nve-carousel-item.styles.js +5 -5
- package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js +44 -54
- package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.styles.js +5 -5
- package/components/nve-checkbox/nve-checkbox.component.js +2 -34
- package/components/nve-checkbox/nve-checkbox.styles.js +7 -7
- package/components/nve-checkbox-group/nve-checkbox-group.component.js +2 -152
- package/components/nve-checkbox-group/nve-checkbox-group.styles.js +5 -5
- package/components/nve-combobox/nve-combobox.component.js +222 -440
- package/components/nve-combobox/nve-combobox.styles.js +6 -6
- package/components/nve-darkmode-switch/nve-darkmode-switch.component.js +32 -38
- package/components/nve-dialog/nve-dialog-styles.js +6 -6
- package/components/nve-dialog/nve-dialog.component.js +2 -54
- package/components/nve-divider/nve-divider.component.js +2 -30
- package/components/nve-drawer/nve-drawer.component.js +2 -44
- package/components/nve-drawer/nve-drawer.styles.js +6 -6
- package/components/nve-dropdown/nve-dropdown.component.js +2 -79
- package/components/nve-dropdown/nve-dropdown.styles.js +5 -5
- package/components/nve-heading/nve-heading.component.d.ts +29 -0
- package/components/nve-heading/nve-heading.component.js +45 -0
- package/components/nve-heading/nve-heading.styles.d.ts +2 -0
- package/components/nve-heading/nve-heading.styles.js +41 -0
- package/components/nve-icon/nve-icon.component.js +145 -164
- package/components/nve-icon/nve-icon.styles.js +11 -6
- package/components/nve-icon/offline-icons.js +16 -13
- package/components/nve-input/nve-input.component.js +2 -100
- package/components/nve-input/nve-input.styles.js +5 -5
- package/components/nve-label/nve-label.component.js +2 -115
- package/components/nve-label/nve-label.styles.js +5 -5
- package/components/nve-link-card/nve-link-card.component.d.ts +5 -2
- package/components/nve-link-card/nve-link-card.component.js +44 -80
- package/components/nve-link-card/nve-link-card.styles.js +71 -66
- package/components/nve-menu/nve-menu.component.js +2 -22
- package/components/nve-menu/nve-menu.styles.js +5 -5
- package/components/nve-menu-item/nve-menu-item.component.js +2 -43
- package/components/nve-menu-item/nve-menu-item.styles.js +7 -7
- package/components/nve-message-card/nve-message-card.component.js +61 -91
- package/components/nve-message-card/nve-message-card.styles.js +24 -27
- package/components/nve-navigation-card/nve-navigation-card.component.d.ts +52 -0
- package/components/nve-navigation-card/nve-navigation-card.component.js +60 -0
- package/components/nve-navigation-card/nve-navigation-card.styles.d.ts +2 -0
- package/components/nve-navigation-card/nve-navigation-card.styles.js +112 -0
- package/components/nve-option/nve-option.component.js +2 -41
- package/components/nve-option/nve-option.styles.js +5 -5
- package/components/nve-paragraph/nve-paragraph.component.d.ts +26 -0
- package/components/nve-paragraph/nve-paragraph.component.js +26 -0
- package/components/nve-paragraph/nve-paragraph.styles.d.ts +2 -0
- package/components/nve-paragraph/nve-paragraph.styles.js +105 -0
- package/components/nve-popup/nve-popup.component.js +2 -22
- package/components/nve-radio/nve-radio.component.js +2 -23
- package/components/nve-radio/nve-radio.styles.js +5 -5
- package/components/nve-radio-button/nve-radio-button.component.js +2 -25
- package/components/nve-radio-button/nve-radio-button.styles.js +5 -5
- package/components/nve-radio-group/nve-radio-group.component.js +2 -119
- package/components/nve-radio-group/nve-radio-group.styles.js +5 -5
- package/components/nve-relative-time/nve-relative-time.component.js +21 -56
- package/components/nve-relative-time/nve-relative-time.styles.js +5 -5
- package/components/nve-select/nve-select.component.js +2 -80
- package/components/nve-select/nve-select.styles.js +5 -5
- package/components/nve-skeleton/nve-skeleton.component.js +2 -27
- package/components/nve-skeleton/nve-skeleton.styles.js +5 -5
- package/components/nve-spinner/nve-spinner.component.js +2 -31
- package/components/nve-stepper/nve-step/nve-step.component.js +113 -173
- package/components/nve-stepper/nve-step/nve-step.styles.js +12 -12
- package/components/nve-stepper/nve-stepper-mobile.component.js +37 -49
- package/components/nve-stepper/nve-stepper-mobile.styles.js +7 -7
- package/components/nve-stepper/nve-stepper.component.js +94 -139
- package/components/nve-stepper/nve-stepper.styles.js +5 -5
- package/components/nve-switch/nve-switch.component.js +75 -107
- package/components/nve-switch/nve-switch.styles.js +7 -7
- package/components/nve-tab/nve-tab.component.js +30 -42
- package/components/nve-tab/nve-tab.styles.js +7 -7
- package/components/nve-tab-group/nve-tab-group.component.js +180 -260
- package/components/nve-tab-group/nve-tab-group.styles.js +5 -5
- package/components/nve-tab-panel/nve-tab-panel.component.js +21 -31
- package/components/nve-tab-panel/nve-tab-panel.styles.js +5 -5
- package/components/nve-tag/nve-tag.component.d.ts +3 -3
- package/components/nve-tag/nve-tag.component.js +71 -72
- package/components/nve-tag/nve-tag.styles.js +23 -22
- package/components/nve-textarea/nve-textarea.component.d.ts +3 -1
- package/components/nve-textarea/nve-textarea.component.js +112 -173
- package/components/nve-textarea/nve-textarea.styles.js +10 -5
- package/components/nve-tooltip/nve-tooltip.component.js +2 -30
- package/components/nve-tooltip/nve-tooltip.styles.js +5 -5
- package/components/nve-warning-level/nve-warning-level.component.js +2 -78
- package/components/nve-warning-level/nve-warning-level.styles.js +7 -7
- package/css/global.css +13 -55
- package/css/nve.css +1048 -393
- package/css/nve_dark.css +406 -305
- package/css/rme.css +1050 -395
- package/css/rme_dark.css +408 -307
- package/css/shoelace-styles.css +539 -0
- package/css/varsom.css +1046 -391
- package/css/varsom_dark.css +404 -303
- package/custom-elements.json +2905 -12389
- package/fonts/LICENSE.txt +37 -0
- package/fonts/SourceSans3-VariableFont_wght.woff2 +0 -0
- package/interfaces/NveComponent.interface.js +0 -1
- package/nve-designsystem.d.ts +5 -0
- package/nve-designsystem.js +46 -86
- package/package.json +26 -8
- package/registerIcons/systemLibraryCustomization.js +23 -91
- package/vite-env.d.js +0 -1
- package/chunks/chunk.3RPBFEDE.js +0 -162
- package/chunks/chunk.JCXLDPQF.js +0 -225
- package/chunks/chunk.JQBT7BOV.js +0 -8446
- package/chunks/chunk.MAQXLKQ7.js +0 -598
- package/chunks/lit-element.js +0 -508
- package/chunks/property.js +0 -37
- package/chunks/query.js +0 -13
- package/chunks/state.js +0 -7
- package/chunks/static.js +0 -26
- package/nve-designsystem.css +0 -1
- package/vscode.css-custom-data.json +0 -621
- package/vscode.html-custom-data.json +0 -2354
package/chunks/chunk.GI7VDIWX.js
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
export {
|
|
15
|
-
C as d
|
|
1
|
+
import { l as e } from "./lit.js";
|
|
2
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GI7VDIWX.js
|
|
3
|
+
var t = (t = "value") => (n, r) => {
|
|
4
|
+
let i = n.constructor, a = i.prototype.attributeChangedCallback;
|
|
5
|
+
i.prototype.attributeChangedCallback = function(n, o, s) {
|
|
6
|
+
let c = i.getPropertyOptions(t);
|
|
7
|
+
if (n === (typeof c.attribute == "string" ? c.attribute : t)) {
|
|
8
|
+
let n = c.converter || e, i = (typeof n == "function" ? n : n?.fromAttribute ?? e.fromAttribute)(s, c.type);
|
|
9
|
+
this[t] !== i && (this[r] = i);
|
|
10
|
+
}
|
|
11
|
+
a.call(this, n, o, s);
|
|
12
|
+
};
|
|
16
13
|
};
|
|
14
|
+
//#endregion
|
|
15
|
+
export { t };
|
package/chunks/chunk.GMYPQTFK.js
CHANGED
|
@@ -1,21 +1,19 @@
|
|
|
1
|
-
import { a as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
1
|
+
import { a as e } from "./chunk.4TUIT776.js";
|
|
2
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.GMYPQTFK.js
|
|
3
|
+
function t(t, n) {
|
|
4
|
+
let r = e({ waitUntilFirstUpdate: !1 }, n);
|
|
5
|
+
return (e, n) => {
|
|
6
|
+
let { update: i } = e, a = Array.isArray(t) ? t : [t];
|
|
7
|
+
e.update = function(e) {
|
|
8
|
+
a.forEach((t) => {
|
|
9
|
+
let i = t;
|
|
10
|
+
if (e.has(i)) {
|
|
11
|
+
let t = e.get(i), a = this[i];
|
|
12
|
+
t !== a && (!r.waitUntilFirstUpdate || this.hasUpdated) && this[n](t, a);
|
|
13
|
+
}
|
|
14
|
+
}), i.call(this, e);
|
|
15
|
+
};
|
|
16
|
+
};
|
|
18
17
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
};
|
|
18
|
+
//#endregion
|
|
19
|
+
export { t };
|
package/chunks/chunk.HVTXQL7M.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { n as
|
|
12
|
-
|
|
13
|
-
var
|
|
1
|
+
import { a as e, u as t } from "./lit.js";
|
|
2
|
+
import { o as n, r } from "./decorate.js";
|
|
3
|
+
import { n as i, r as a, t as o } from "./chunk.4TUIT776.js";
|
|
4
|
+
import { n as s, t as c } from "./chunk.NYIIDP5N.js";
|
|
5
|
+
import { t as l } from "./chunk.YHLNUJ7P.js";
|
|
6
|
+
import { t as u } from "./chunk.GMYPQTFK.js";
|
|
7
|
+
import { t as d } from "./class-map.js";
|
|
8
|
+
import { t as f } from "./chunk.36O46B5H.js";
|
|
9
|
+
import { t as p } from "./chunk.6CTB5ZDJ.js";
|
|
10
|
+
import { t as m } from "./chunk.5JY5FUCG.js";
|
|
11
|
+
import { n as h, t as g } from "./ref.js";
|
|
12
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.KZJNDGFO.js
|
|
13
|
+
var _ = t`
|
|
14
14
|
:host {
|
|
15
15
|
--submenu-offset: -2px;
|
|
16
16
|
|
|
@@ -162,109 +162,103 @@ var R = b`
|
|
|
162
162
|
max-width: var(--auto-size-available-width) !important;
|
|
163
163
|
max-height: var(--auto-size-available-height) !important;
|
|
164
164
|
}
|
|
165
|
-
`,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
isExpanded() {
|
|
261
|
-
return this.popupRef.value ? this.popupRef.value.active : !1;
|
|
262
|
-
}
|
|
263
|
-
renderSubmenu() {
|
|
264
|
-
const t = getComputedStyle(this.host).direction === "rtl";
|
|
265
|
-
return this.isConnected ? m`
|
|
165
|
+
`, v = class {
|
|
166
|
+
constructor(e, t) {
|
|
167
|
+
this.popupRef = g(), this.enableSubmenuTimer = -1, this.isConnected = !1, this.isPopupConnected = !1, this.skidding = 0, this.submenuOpenDelay = 100, this.handleMouseMove = (e) => {
|
|
168
|
+
this.host.style.setProperty("--safe-triangle-cursor-x", `${e.clientX}px`), this.host.style.setProperty("--safe-triangle-cursor-y", `${e.clientY}px`);
|
|
169
|
+
}, this.handleMouseOver = () => {
|
|
170
|
+
this.hasSlotController.test("submenu") && this.enableSubmenu();
|
|
171
|
+
}, this.handleKeyDown = (e) => {
|
|
172
|
+
switch (e.key) {
|
|
173
|
+
case "Escape":
|
|
174
|
+
case "Tab":
|
|
175
|
+
this.disableSubmenu();
|
|
176
|
+
break;
|
|
177
|
+
case "ArrowLeft":
|
|
178
|
+
e.target !== this.host && (e.preventDefault(), e.stopPropagation(), this.host.focus(), this.disableSubmenu());
|
|
179
|
+
break;
|
|
180
|
+
case "ArrowRight":
|
|
181
|
+
case "Enter":
|
|
182
|
+
case " ":
|
|
183
|
+
this.handleSubmenuEntry(e);
|
|
184
|
+
break;
|
|
185
|
+
default: break;
|
|
186
|
+
}
|
|
187
|
+
}, this.handleClick = (e) => {
|
|
188
|
+
e.target === this.host ? (e.preventDefault(), e.stopPropagation()) : e.target instanceof Element && (e.target.tagName === "sl-menu-item" || e.target.role?.startsWith("menuitem")) && this.disableSubmenu();
|
|
189
|
+
}, this.handleFocusOut = (e) => {
|
|
190
|
+
e.relatedTarget && e.relatedTarget instanceof Element && this.host.contains(e.relatedTarget) || this.disableSubmenu();
|
|
191
|
+
}, this.handlePopupMouseover = (e) => {
|
|
192
|
+
e.stopPropagation();
|
|
193
|
+
}, this.handlePopupReposition = () => {
|
|
194
|
+
let e = this.host.renderRoot.querySelector("slot[name='submenu']")?.assignedElements({ flatten: !0 }).filter((e) => e.localName === "sl-menu")[0], t = getComputedStyle(this.host).direction === "rtl";
|
|
195
|
+
if (!e) return;
|
|
196
|
+
let { left: n, top: r, width: i, height: a } = e.getBoundingClientRect();
|
|
197
|
+
this.host.style.setProperty("--safe-triangle-submenu-start-x", `${t ? n + i : n}px`), this.host.style.setProperty("--safe-triangle-submenu-start-y", `${r}px`), this.host.style.setProperty("--safe-triangle-submenu-end-x", `${t ? n + i : n}px`), this.host.style.setProperty("--safe-triangle-submenu-end-y", `${r + a}px`);
|
|
198
|
+
}, (this.host = e).addController(this), this.hasSlotController = t;
|
|
199
|
+
}
|
|
200
|
+
hostConnected() {
|
|
201
|
+
this.hasSlotController.test("submenu") && !this.host.disabled && this.addListeners();
|
|
202
|
+
}
|
|
203
|
+
hostDisconnected() {
|
|
204
|
+
this.removeListeners();
|
|
205
|
+
}
|
|
206
|
+
hostUpdated() {
|
|
207
|
+
this.hasSlotController.test("submenu") && !this.host.disabled ? (this.addListeners(), this.updateSkidding()) : this.removeListeners();
|
|
208
|
+
}
|
|
209
|
+
addListeners() {
|
|
210
|
+
this.isConnected ||= (this.host.addEventListener("mousemove", this.handleMouseMove), this.host.addEventListener("mouseover", this.handleMouseOver), this.host.addEventListener("keydown", this.handleKeyDown), this.host.addEventListener("click", this.handleClick), this.host.addEventListener("focusout", this.handleFocusOut), !0), this.isPopupConnected || this.popupRef.value && (this.popupRef.value.addEventListener("mouseover", this.handlePopupMouseover), this.popupRef.value.addEventListener("sl-reposition", this.handlePopupReposition), this.isPopupConnected = !0);
|
|
211
|
+
}
|
|
212
|
+
removeListeners() {
|
|
213
|
+
this.isConnected &&= (this.host.removeEventListener("mousemove", this.handleMouseMove), this.host.removeEventListener("mouseover", this.handleMouseOver), this.host.removeEventListener("keydown", this.handleKeyDown), this.host.removeEventListener("click", this.handleClick), this.host.removeEventListener("focusout", this.handleFocusOut), !1), this.isPopupConnected && this.popupRef.value && (this.popupRef.value.removeEventListener("mouseover", this.handlePopupMouseover), this.popupRef.value.removeEventListener("sl-reposition", this.handlePopupReposition), this.isPopupConnected = !1);
|
|
214
|
+
}
|
|
215
|
+
handleSubmenuEntry(e) {
|
|
216
|
+
let t = this.host.renderRoot.querySelector("slot[name='submenu']");
|
|
217
|
+
if (!t) {
|
|
218
|
+
console.error("Cannot activate a submenu if no corresponding menuitem can be found.", this);
|
|
219
|
+
return;
|
|
220
|
+
}
|
|
221
|
+
let n = null;
|
|
222
|
+
for (let e of t.assignedElements()) if (n = e.querySelectorAll("sl-menu-item, [role^='menuitem']"), n.length !== 0) break;
|
|
223
|
+
if (!(!n || n.length === 0)) {
|
|
224
|
+
n[0].setAttribute("tabindex", "0");
|
|
225
|
+
for (let e = 1; e !== n.length; ++e) n[e].setAttribute("tabindex", "-1");
|
|
226
|
+
this.popupRef.value && (e.preventDefault(), e.stopPropagation(), this.popupRef.value.active ? n[0] instanceof HTMLElement && n[0].focus() : (this.enableSubmenu(!1), this.host.updateComplete.then(() => {
|
|
227
|
+
n[0] instanceof HTMLElement && n[0].focus();
|
|
228
|
+
}), this.host.requestUpdate()));
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
setSubmenuState(e) {
|
|
232
|
+
this.popupRef.value && this.popupRef.value.active !== e && (this.popupRef.value.active = e, this.host.requestUpdate());
|
|
233
|
+
}
|
|
234
|
+
enableSubmenu(e = !0) {
|
|
235
|
+
e ? (window.clearTimeout(this.enableSubmenuTimer), this.enableSubmenuTimer = window.setTimeout(() => {
|
|
236
|
+
this.setSubmenuState(!0);
|
|
237
|
+
}, this.submenuOpenDelay)) : this.setSubmenuState(!0);
|
|
238
|
+
}
|
|
239
|
+
disableSubmenu() {
|
|
240
|
+
window.clearTimeout(this.enableSubmenuTimer), this.setSubmenuState(!1);
|
|
241
|
+
}
|
|
242
|
+
updateSkidding() {
|
|
243
|
+
if (!this.host.parentElement?.computedStyleMap) return;
|
|
244
|
+
let e = this.host.parentElement.computedStyleMap(), t = [
|
|
245
|
+
"padding-top",
|
|
246
|
+
"border-top-width",
|
|
247
|
+
"margin-top"
|
|
248
|
+
].reduce((t, n) => {
|
|
249
|
+
let r = e.get(n) ?? new CSSUnitValue(0, "px");
|
|
250
|
+
return t - (r instanceof CSSUnitValue ? r : new CSSUnitValue(0, "px")).to("px").value;
|
|
251
|
+
}, 0);
|
|
252
|
+
this.skidding = t;
|
|
253
|
+
}
|
|
254
|
+
isExpanded() {
|
|
255
|
+
return this.popupRef.value ? this.popupRef.value.active : !1;
|
|
256
|
+
}
|
|
257
|
+
renderSubmenu() {
|
|
258
|
+
let t = getComputedStyle(this.host).direction === "rtl";
|
|
259
|
+
return this.isConnected ? e`
|
|
266
260
|
<sl-popup
|
|
267
|
-
${
|
|
261
|
+
${h(this.popupRef)}
|
|
268
262
|
placement=${t ? "left-start" : "right-start"}
|
|
269
263
|
anchor="anchor"
|
|
270
264
|
flip
|
|
@@ -276,67 +270,70 @@ var R = b`
|
|
|
276
270
|
>
|
|
277
271
|
<slot name="submenu"></slot>
|
|
278
272
|
</sl-popup>
|
|
279
|
-
` :
|
|
280
|
-
|
|
281
|
-
},
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
273
|
+
` : e` <slot name="submenu" hidden></slot> `;
|
|
274
|
+
}
|
|
275
|
+
}, y = class extends o {
|
|
276
|
+
constructor() {
|
|
277
|
+
super(...arguments), this.localize = new p(this), this.type = "normal", this.checked = !1, this.value = "", this.loading = !1, this.disabled = !1, this.hasSlotController = new c(this, "submenu"), this.submenuController = new v(this, this.hasSlotController), this.handleHostClick = (e) => {
|
|
278
|
+
this.disabled && (e.preventDefault(), e.stopImmediatePropagation());
|
|
279
|
+
}, this.handleMouseOver = (e) => {
|
|
280
|
+
this.focus(), e.stopPropagation();
|
|
281
|
+
};
|
|
282
|
+
}
|
|
283
|
+
connectedCallback() {
|
|
284
|
+
super.connectedCallback(), this.addEventListener("click", this.handleHostClick), this.addEventListener("mouseover", this.handleMouseOver);
|
|
285
|
+
}
|
|
286
|
+
disconnectedCallback() {
|
|
287
|
+
super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick), this.removeEventListener("mouseover", this.handleMouseOver);
|
|
288
|
+
}
|
|
289
|
+
handleDefaultSlotChange() {
|
|
290
|
+
let e = this.getTextLabel();
|
|
291
|
+
if (this.cachedTextLabel === void 0) {
|
|
292
|
+
this.cachedTextLabel = e;
|
|
293
|
+
return;
|
|
294
|
+
}
|
|
295
|
+
e !== this.cachedTextLabel && (this.cachedTextLabel = e, this.emit("slotchange", {
|
|
296
|
+
bubbles: !0,
|
|
297
|
+
composed: !1,
|
|
298
|
+
cancelable: !1
|
|
299
|
+
}));
|
|
300
|
+
}
|
|
301
|
+
handleCheckedChange() {
|
|
302
|
+
if (this.checked && this.type !== "checkbox") {
|
|
303
|
+
this.checked = !1, console.error("The checked attribute can only be used on menu items with type=\"checkbox\"", this);
|
|
304
|
+
return;
|
|
305
|
+
}
|
|
306
|
+
this.type === "checkbox" ? this.setAttribute("aria-checked", this.checked ? "true" : "false") : this.removeAttribute("aria-checked");
|
|
307
|
+
}
|
|
308
|
+
handleDisabledChange() {
|
|
309
|
+
this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
|
|
310
|
+
}
|
|
311
|
+
handleTypeChange() {
|
|
312
|
+
this.type === "checkbox" ? (this.setAttribute("role", "menuitemcheckbox"), this.setAttribute("aria-checked", this.checked ? "true" : "false")) : (this.setAttribute("role", "menuitem"), this.removeAttribute("aria-checked"));
|
|
313
|
+
}
|
|
314
|
+
getTextLabel() {
|
|
315
|
+
return s(this.defaultSlot);
|
|
316
|
+
}
|
|
317
|
+
isSubmenu() {
|
|
318
|
+
return this.hasSlotController.test("submenu");
|
|
319
|
+
}
|
|
320
|
+
render() {
|
|
321
|
+
let t = this.localize.dir() === "rtl", n = this.submenuController.isExpanded();
|
|
322
|
+
return e`
|
|
326
323
|
<div
|
|
327
324
|
id="anchor"
|
|
328
325
|
part="base"
|
|
329
|
-
class=${
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
326
|
+
class=${d({
|
|
327
|
+
"menu-item": !0,
|
|
328
|
+
"menu-item--rtl": t,
|
|
329
|
+
"menu-item--checked": this.checked,
|
|
330
|
+
"menu-item--disabled": this.disabled,
|
|
331
|
+
"menu-item--loading": this.loading,
|
|
332
|
+
"menu-item--has-submenu": this.isSubmenu(),
|
|
333
|
+
"menu-item--submenu-expanded": n
|
|
334
|
+
})}
|
|
338
335
|
?aria-haspopup="${this.isSubmenu()}"
|
|
339
|
-
?aria-expanded="${!!
|
|
336
|
+
?aria-expanded="${!!n}"
|
|
340
337
|
>
|
|
341
338
|
<span part="checked-icon" class="menu-item__check">
|
|
342
339
|
<sl-icon name="check" library="system" aria-hidden="true"></sl-icon>
|
|
@@ -353,49 +350,28 @@ var R = b`
|
|
|
353
350
|
</span>
|
|
354
351
|
|
|
355
352
|
${this.submenuController.renderSubmenu()}
|
|
356
|
-
${this.loading ?
|
|
353
|
+
${this.loading ? e` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> ` : ""}
|
|
357
354
|
</div>
|
|
358
355
|
`;
|
|
359
|
-
|
|
360
|
-
};
|
|
361
|
-
s.styles = [w, R];
|
|
362
|
-
s.dependencies = {
|
|
363
|
-
"sl-icon": _,
|
|
364
|
-
"sl-popup": y,
|
|
365
|
-
"sl-spinner": x
|
|
366
|
-
};
|
|
367
|
-
n([
|
|
368
|
-
f("slot:not([name])")
|
|
369
|
-
], s.prototype, "defaultSlot", 2);
|
|
370
|
-
n([
|
|
371
|
-
f(".menu-item")
|
|
372
|
-
], s.prototype, "menuItem", 2);
|
|
373
|
-
n([
|
|
374
|
-
u()
|
|
375
|
-
], s.prototype, "type", 2);
|
|
376
|
-
n([
|
|
377
|
-
u({ type: Boolean, reflect: !0 })
|
|
378
|
-
], s.prototype, "checked", 2);
|
|
379
|
-
n([
|
|
380
|
-
u()
|
|
381
|
-
], s.prototype, "value", 2);
|
|
382
|
-
n([
|
|
383
|
-
u({ type: Boolean, reflect: !0 })
|
|
384
|
-
], s.prototype, "loading", 2);
|
|
385
|
-
n([
|
|
386
|
-
u({ type: Boolean, reflect: !0 })
|
|
387
|
-
], s.prototype, "disabled", 2);
|
|
388
|
-
n([
|
|
389
|
-
p("checked")
|
|
390
|
-
], s.prototype, "handleCheckedChange", 1);
|
|
391
|
-
n([
|
|
392
|
-
p("disabled")
|
|
393
|
-
], s.prototype, "handleDisabledChange", 1);
|
|
394
|
-
n([
|
|
395
|
-
p("type")
|
|
396
|
-
], s.prototype, "handleTypeChange", 1);
|
|
397
|
-
var B = s;
|
|
398
|
-
s.define("sl-menu-item");
|
|
399
|
-
export {
|
|
400
|
-
B as m
|
|
356
|
+
}
|
|
401
357
|
};
|
|
358
|
+
y.styles = [i, _], y.dependencies = {
|
|
359
|
+
"sl-icon": l,
|
|
360
|
+
"sl-popup": m,
|
|
361
|
+
"sl-spinner": f
|
|
362
|
+
}, a([r("slot:not([name])")], y.prototype, "defaultSlot", 2), a([r(".menu-item")], y.prototype, "menuItem", 2), a([n()], y.prototype, "type", 2), a([n({
|
|
363
|
+
type: Boolean,
|
|
364
|
+
reflect: !0
|
|
365
|
+
})], y.prototype, "checked", 2), a([n()], y.prototype, "value", 2), a([n({
|
|
366
|
+
type: Boolean,
|
|
367
|
+
reflect: !0
|
|
368
|
+
})], y.prototype, "loading", 2), a([n({
|
|
369
|
+
type: Boolean,
|
|
370
|
+
reflect: !0
|
|
371
|
+
})], y.prototype, "disabled", 2), a([u("checked")], y.prototype, "handleCheckedChange", 1), a([u("disabled")], y.prototype, "handleDisabledChange", 1), a([u("type")], y.prototype, "handleTypeChange", 1);
|
|
372
|
+
//#endregion
|
|
373
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.HVTXQL7M.js
|
|
374
|
+
var b = y;
|
|
375
|
+
y.define("sl-menu-item");
|
|
376
|
+
//#endregion
|
|
377
|
+
export { b as t };
|
package/chunks/chunk.IKV4VH3T.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { a as e, u as t } from "./lit.js";
|
|
2
|
+
import { n, t as r } from "./chunk.4TUIT776.js";
|
|
3
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NQ44LUGM.js
|
|
4
|
+
var i = t`
|
|
4
5
|
:host {
|
|
5
6
|
--aspect-ratio: inherit;
|
|
6
7
|
|
|
@@ -20,17 +21,18 @@ var o = e`
|
|
|
20
21
|
height: 100% !important;
|
|
21
22
|
object-fit: cover;
|
|
22
23
|
}
|
|
23
|
-
`,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
};
|
|
31
|
-
t.styles = [s, o];
|
|
32
|
-
var c = t;
|
|
33
|
-
t.define("sl-carousel-item");
|
|
34
|
-
export {
|
|
35
|
-
c
|
|
24
|
+
`, a = class extends r {
|
|
25
|
+
connectedCallback() {
|
|
26
|
+
super.connectedCallback();
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return e` <slot></slot> `;
|
|
30
|
+
}
|
|
36
31
|
};
|
|
32
|
+
a.styles = [n, i];
|
|
33
|
+
//#endregion
|
|
34
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IKV4VH3T.js
|
|
35
|
+
var o = a;
|
|
36
|
+
a.define("sl-carousel-item");
|
|
37
|
+
//#endregion
|
|
38
|
+
export { o as t };
|
package/chunks/chunk.IVVHNXMC.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
1
|
+
import { u as e } from "./lit.js";
|
|
2
|
+
import { o as t } from "./decorate.js";
|
|
3
|
+
import { n, r, t as i } from "./chunk.4TUIT776.js";
|
|
4
|
+
import { t as a } from "./chunk.GMYPQTFK.js";
|
|
5
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.SUSCR7CI.js
|
|
6
|
+
var o = e`
|
|
6
7
|
:host {
|
|
7
8
|
--color: var(--sl-panel-border-color);
|
|
8
9
|
--width: var(--sl-panel-border-width);
|
|
@@ -21,26 +22,24 @@ var s = t`
|
|
|
21
22
|
border-left: solid var(--width) var(--color);
|
|
22
23
|
margin: 0 var(--spacing);
|
|
23
24
|
}
|
|
24
|
-
`,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
};
|
|
35
|
-
e.styles = [i, s];
|
|
36
|
-
r([
|
|
37
|
-
l({ type: Boolean, reflect: !0 })
|
|
38
|
-
], e.prototype, "vertical", 2);
|
|
39
|
-
r([
|
|
40
|
-
a("vertical")
|
|
41
|
-
], e.prototype, "handleVerticalChange", 1);
|
|
42
|
-
var v = e;
|
|
43
|
-
e.define("sl-divider");
|
|
44
|
-
export {
|
|
45
|
-
v as d
|
|
25
|
+
`, s = class extends i {
|
|
26
|
+
constructor() {
|
|
27
|
+
super(...arguments), this.vertical = !1;
|
|
28
|
+
}
|
|
29
|
+
connectedCallback() {
|
|
30
|
+
super.connectedCallback(), this.setAttribute("role", "separator");
|
|
31
|
+
}
|
|
32
|
+
handleVerticalChange() {
|
|
33
|
+
this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
|
|
34
|
+
}
|
|
46
35
|
};
|
|
36
|
+
s.styles = [n, o], r([t({
|
|
37
|
+
type: Boolean,
|
|
38
|
+
reflect: !0
|
|
39
|
+
})], s.prototype, "vertical", 2), r([a("vertical")], s.prototype, "handleVerticalChange", 1);
|
|
40
|
+
//#endregion
|
|
41
|
+
//#region .pnpm/@shoelace-style+shoelace@2.20.1_@floating-ui+utils@0.2.11_@types+react@19.2.15/node_modules/@shoelace-style/shoelace/dist/chunks/chunk.IVVHNXMC.js
|
|
42
|
+
var c = s;
|
|
43
|
+
s.define("sl-divider");
|
|
44
|
+
//#endregion
|
|
45
|
+
export { c as t };
|