nve-designsystem 3.1.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 +6 -6
- 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.KPLQLAWP.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { i as
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { n as
|
|
13
|
-
|
|
14
|
-
var S =
|
|
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 { t as s } from "./chunk.NYIIDP5N.js";
|
|
5
|
+
import { t as c } from "./chunk.GMYPQTFK.js";
|
|
6
|
+
import { t as l } from "./class-map.js";
|
|
7
|
+
import { t as u } from "./if-defined.js";
|
|
8
|
+
import { t as d } from "./chunk.6CTB5ZDJ.js";
|
|
9
|
+
import { n as f, t as p } from "./chunk.K7JGTRV7.js";
|
|
10
|
+
import { n as m, o as h, t as g } from "./chunk.B4BZKR24.js";
|
|
11
|
+
import { i as _, r as v, t as y } from "./chunk.RWUUFNUL.js";
|
|
12
|
+
import { n as b, t as x } from "./chunk.LD4M4QGE.js";
|
|
13
|
+
//#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.G5RKA5HF.js
|
|
14
|
+
var S = t`
|
|
15
15
|
:host {
|
|
16
16
|
--width: 31rem;
|
|
17
17
|
--header-spacing: var(--sl-spacing-large);
|
|
@@ -128,83 +128,73 @@ var S = _`
|
|
|
128
128
|
border: solid 1px var(--sl-color-neutral-0);
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
|
-
`,
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
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
|
-
if (!this.open)
|
|
192
|
-
return this.open = !0, f(this, "sl-after-show");
|
|
193
|
-
}
|
|
194
|
-
/** Hides the dialog */
|
|
195
|
-
async hide() {
|
|
196
|
-
if (this.open)
|
|
197
|
-
return this.open = !1, f(this, "sl-after-hide");
|
|
198
|
-
}
|
|
199
|
-
render() {
|
|
200
|
-
return g`
|
|
131
|
+
`, C = class extends o {
|
|
132
|
+
constructor() {
|
|
133
|
+
super(...arguments), this.hasSlotController = new s(this, "footer"), this.localize = new d(this), this.modal = new b(this), this.open = !1, this.label = "", this.noHeader = !1, this.handleDocumentKeyDown = (e) => {
|
|
134
|
+
e.key === "Escape" && this.modal.isActive() && this.open && (e.stopPropagation(), this.requestClose("keyboard"));
|
|
135
|
+
};
|
|
136
|
+
}
|
|
137
|
+
firstUpdated() {
|
|
138
|
+
this.dialog.hidden = !this.open, this.open && (this.addOpenListeners(), this.modal.activate(), y(this));
|
|
139
|
+
}
|
|
140
|
+
disconnectedCallback() {
|
|
141
|
+
super.disconnectedCallback(), this.modal.deactivate(), v(this), this.removeOpenListeners();
|
|
142
|
+
}
|
|
143
|
+
requestClose(e) {
|
|
144
|
+
if (this.emit("sl-request-close", {
|
|
145
|
+
cancelable: !0,
|
|
146
|
+
detail: { source: e }
|
|
147
|
+
}).defaultPrevented) {
|
|
148
|
+
let e = p(this, "dialog.denyClose", { dir: this.localize.dir() });
|
|
149
|
+
m(this.panel, e.keyframes, e.options);
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
this.hide();
|
|
153
|
+
}
|
|
154
|
+
addOpenListeners() {
|
|
155
|
+
var e;
|
|
156
|
+
"CloseWatcher" in window ? ((e = this.closeWatcher) == null || e.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => this.requestClose("keyboard")) : document.addEventListener("keydown", this.handleDocumentKeyDown);
|
|
157
|
+
}
|
|
158
|
+
removeOpenListeners() {
|
|
159
|
+
var e;
|
|
160
|
+
(e = this.closeWatcher) == null || e.destroy(), document.removeEventListener("keydown", this.handleDocumentKeyDown);
|
|
161
|
+
}
|
|
162
|
+
async handleOpenChange() {
|
|
163
|
+
if (this.open) {
|
|
164
|
+
this.emit("sl-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.modal.activate(), y(this);
|
|
165
|
+
let e = this.querySelector("[autofocus]");
|
|
166
|
+
e && e.removeAttribute("autofocus"), await Promise.all([h(this.dialog), h(this.overlay)]), this.dialog.hidden = !1, requestAnimationFrame(() => {
|
|
167
|
+
this.emit("sl-initial-focus", { cancelable: !0 }).defaultPrevented || (e ? e.focus({ preventScroll: !0 }) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
|
|
168
|
+
});
|
|
169
|
+
let t = p(this, "dialog.show", { dir: this.localize.dir() }), n = p(this, "dialog.overlay.show", { dir: this.localize.dir() });
|
|
170
|
+
await Promise.all([m(this.panel, t.keyframes, t.options), m(this.overlay, n.keyframes, n.options)]), this.emit("sl-after-show");
|
|
171
|
+
} else {
|
|
172
|
+
x(this), this.emit("sl-hide"), this.removeOpenListeners(), this.modal.deactivate(), await Promise.all([h(this.dialog), h(this.overlay)]);
|
|
173
|
+
let e = p(this, "dialog.hide", { dir: this.localize.dir() }), t = p(this, "dialog.overlay.hide", { dir: this.localize.dir() });
|
|
174
|
+
await Promise.all([m(this.overlay, t.keyframes, t.options).then(() => {
|
|
175
|
+
this.overlay.hidden = !0;
|
|
176
|
+
}), m(this.panel, e.keyframes, e.options).then(() => {
|
|
177
|
+
this.panel.hidden = !0;
|
|
178
|
+
})]), this.dialog.hidden = !0, this.overlay.hidden = !1, this.panel.hidden = !1, v(this);
|
|
179
|
+
let n = this.originalTrigger;
|
|
180
|
+
typeof n?.focus == "function" && setTimeout(() => n.focus()), this.emit("sl-after-hide");
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
async show() {
|
|
184
|
+
if (!this.open) return this.open = !0, g(this, "sl-after-show");
|
|
185
|
+
}
|
|
186
|
+
async hide() {
|
|
187
|
+
if (this.open) return this.open = !1, g(this, "sl-after-hide");
|
|
188
|
+
}
|
|
189
|
+
render() {
|
|
190
|
+
return e`
|
|
201
191
|
<div
|
|
202
192
|
part="base"
|
|
203
|
-
class=${
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
193
|
+
class=${l({
|
|
194
|
+
dialog: !0,
|
|
195
|
+
"dialog--open": this.open,
|
|
196
|
+
"dialog--has-footer": this.hasSlotController.test("footer")
|
|
197
|
+
})}
|
|
208
198
|
>
|
|
209
199
|
<div part="overlay" class="dialog__overlay" @click=${() => this.requestClose("overlay")} tabindex="-1"></div>
|
|
210
200
|
|
|
@@ -218,10 +208,10 @@ var S = _`
|
|
|
218
208
|
aria-labelledby=${u(this.noHeader ? void 0 : "title")}
|
|
219
209
|
tabindex="-1"
|
|
220
210
|
>
|
|
221
|
-
${this.noHeader ? "" :
|
|
211
|
+
${this.noHeader ? "" : e`
|
|
222
212
|
<header part="header" class="dialog__header">
|
|
223
213
|
<h2 part="title" class="dialog__title" id="title">
|
|
224
|
-
<slot name="label"> ${this.label.length > 0 ? this.label : "
|
|
214
|
+
<slot name="label"> ${this.label.length > 0 ? this.label : ""} </slot>
|
|
225
215
|
</h2>
|
|
226
216
|
<div part="header-actions" class="dialog__header-actions">
|
|
227
217
|
<slot name="header-actions"></slot>
|
|
@@ -246,61 +236,56 @@ var S = _`
|
|
|
246
236
|
</div>
|
|
247
237
|
</div>
|
|
248
238
|
`;
|
|
249
|
-
|
|
239
|
+
}
|
|
250
240
|
};
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
a([
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
})
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
241
|
+
C.styles = [i, S], C.dependencies = { "sl-icon-button": _ }, a([r(".dialog")], C.prototype, "dialog", 2), a([r(".dialog__panel")], C.prototype, "panel", 2), a([r(".dialog__overlay")], C.prototype, "overlay", 2), a([n({
|
|
242
|
+
type: Boolean,
|
|
243
|
+
reflect: !0
|
|
244
|
+
})], C.prototype, "open", 2), a([n({ reflect: !0 })], C.prototype, "label", 2), a([n({
|
|
245
|
+
attribute: "no-header",
|
|
246
|
+
type: Boolean,
|
|
247
|
+
reflect: !0
|
|
248
|
+
})], C.prototype, "noHeader", 2), a([c("open", { waitUntilFirstUpdate: !0 })], C.prototype, "handleOpenChange", 1), f("dialog.show", {
|
|
249
|
+
keyframes: [{
|
|
250
|
+
opacity: 0,
|
|
251
|
+
scale: .8
|
|
252
|
+
}, {
|
|
253
|
+
opacity: 1,
|
|
254
|
+
scale: 1
|
|
255
|
+
}],
|
|
256
|
+
options: {
|
|
257
|
+
duration: 250,
|
|
258
|
+
easing: "ease"
|
|
259
|
+
}
|
|
260
|
+
}), f("dialog.hide", {
|
|
261
|
+
keyframes: [{
|
|
262
|
+
opacity: 1,
|
|
263
|
+
scale: 1
|
|
264
|
+
}, {
|
|
265
|
+
opacity: 0,
|
|
266
|
+
scale: .8
|
|
267
|
+
}],
|
|
268
|
+
options: {
|
|
269
|
+
duration: 250,
|
|
270
|
+
easing: "ease"
|
|
271
|
+
}
|
|
272
|
+
}), f("dialog.denyClose", {
|
|
273
|
+
keyframes: [
|
|
274
|
+
{ scale: 1 },
|
|
275
|
+
{ scale: 1.02 },
|
|
276
|
+
{ scale: 1 }
|
|
277
|
+
],
|
|
278
|
+
options: { duration: 250 }
|
|
279
|
+
}), f("dialog.overlay.show", {
|
|
280
|
+
keyframes: [{ opacity: 0 }, { opacity: 1 }],
|
|
281
|
+
options: { duration: 250 }
|
|
282
|
+
}), f("dialog.overlay.hide", {
|
|
283
|
+
keyframes: [{ opacity: 1 }, { opacity: 0 }],
|
|
284
|
+
options: { duration: 250 }
|
|
289
285
|
});
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
options: { duration: 250 }
|
|
297
|
-
});
|
|
298
|
-
r("dialog.overlay.hide", {
|
|
299
|
-
keyframes: [{ opacity: 1 }, { opacity: 0 }],
|
|
300
|
-
options: { duration: 250 }
|
|
301
|
-
});
|
|
302
|
-
var K = t;
|
|
303
|
-
t.define("sl-dialog");
|
|
304
|
-
export {
|
|
305
|
-
K as d
|
|
306
|
-
};
|
|
286
|
+
//#endregion
|
|
287
|
+
//#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.KPLQLAWP.js
|
|
288
|
+
var w = C;
|
|
289
|
+
C.define("sl-dialog");
|
|
290
|
+
//#endregion
|
|
291
|
+
export { w as t };
|
package/chunks/chunk.LD4M4QGE.js
CHANGED
|
@@ -1,75 +1,62 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
typeof i?.focus == "function" && (this.currentFocus = i, i.focus({ preventScroll: !1 }));
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
possiblyHasTabbableChildren(e) {
|
|
65
|
-
return this.elementsWithTabbableControls.includes(e.tagName.toLowerCase()) || e.hasAttribute("controls");
|
|
66
|
-
}
|
|
67
|
-
}, f = (e) => {
|
|
68
|
-
var t;
|
|
69
|
-
const { activeElement: s } = document;
|
|
70
|
-
s && e.contains(s) && ((t = document.activeElement) == null || t.blur());
|
|
71
|
-
};
|
|
72
|
-
export {
|
|
73
|
-
v as M,
|
|
74
|
-
f as b
|
|
1
|
+
import { i as e, n as t, t as n } from "./chunk.VESXC477.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.EMN3H5QW.js
|
|
3
|
+
var r = [], i = class {
|
|
4
|
+
constructor(r) {
|
|
5
|
+
this.tabDirection = "forward", this.handleFocusIn = () => {
|
|
6
|
+
this.isActive() && this.checkFocus();
|
|
7
|
+
}, this.handleKeyDown = (r) => {
|
|
8
|
+
var i;
|
|
9
|
+
if (r.key !== "Tab" || this.isExternalActivated || !this.isActive()) return;
|
|
10
|
+
let a = t();
|
|
11
|
+
if (this.previousFocus = a, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus)) return;
|
|
12
|
+
r.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
|
|
13
|
+
let o = e(this.element), s = o.findIndex((e) => e === a);
|
|
14
|
+
this.previousFocus = this.currentFocus;
|
|
15
|
+
let c = this.tabDirection === "forward" ? 1 : -1;
|
|
16
|
+
for (;;) {
|
|
17
|
+
s + c >= o.length ? s = 0 : s + c < 0 ? s = o.length - 1 : s += c, this.previousFocus = this.currentFocus;
|
|
18
|
+
let e = o[s];
|
|
19
|
+
if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || e && this.possiblyHasTabbableChildren(e)) return;
|
|
20
|
+
r.preventDefault(), this.currentFocus = e, (i = this.currentFocus) == null || i.focus({ preventScroll: !1 });
|
|
21
|
+
let t = [...n()];
|
|
22
|
+
if (t.includes(this.currentFocus) || !t.includes(this.previousFocus)) break;
|
|
23
|
+
}
|
|
24
|
+
setTimeout(() => this.checkFocus());
|
|
25
|
+
}, this.handleKeyUp = () => {
|
|
26
|
+
this.tabDirection = "forward";
|
|
27
|
+
}, this.element = r, this.elementsWithTabbableControls = ["iframe"];
|
|
28
|
+
}
|
|
29
|
+
activate() {
|
|
30
|
+
r.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
|
|
31
|
+
}
|
|
32
|
+
deactivate() {
|
|
33
|
+
r = r.filter((e) => e !== this.element), this.currentFocus = null, document.removeEventListener("focusin", this.handleFocusIn), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp);
|
|
34
|
+
}
|
|
35
|
+
isActive() {
|
|
36
|
+
return r[r.length - 1] === this.element;
|
|
37
|
+
}
|
|
38
|
+
activateExternal() {
|
|
39
|
+
this.isExternalActivated = !0;
|
|
40
|
+
}
|
|
41
|
+
deactivateExternal() {
|
|
42
|
+
this.isExternalActivated = !1;
|
|
43
|
+
}
|
|
44
|
+
checkFocus() {
|
|
45
|
+
if (this.isActive() && !this.isExternalActivated) {
|
|
46
|
+
let t = e(this.element);
|
|
47
|
+
if (!this.element.matches(":focus-within")) {
|
|
48
|
+
let e = t[0], n = t[t.length - 1], r = this.tabDirection === "forward" ? e : n;
|
|
49
|
+
typeof r?.focus == "function" && (this.currentFocus = r, r.focus({ preventScroll: !1 }));
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
possiblyHasTabbableChildren(e) {
|
|
54
|
+
return this.elementsWithTabbableControls.includes(e.tagName.toLowerCase()) || e.hasAttribute("controls");
|
|
55
|
+
}
|
|
56
|
+
}, a = (e) => {
|
|
57
|
+
var t;
|
|
58
|
+
let { activeElement: n } = document;
|
|
59
|
+
n && e.contains(n) && ((t = document.activeElement) == null || t.blur());
|
|
75
60
|
};
|
|
61
|
+
//#endregion
|
|
62
|
+
export { i as n, a as t };
|
package/chunks/chunk.MSKEYBDI.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
|
|
8
|
-
var
|
|
1
|
+
import { a as e, u as t } from "./lit.js";
|
|
2
|
+
import { a as n, o as r } from "./decorate.js";
|
|
3
|
+
import { n as i, r as a, t as o } from "./chunk.4TUIT776.js";
|
|
4
|
+
import { t as s } from "./chunk.YHLNUJ7P.js";
|
|
5
|
+
import { t as c } from "./chunk.GMYPQTFK.js";
|
|
6
|
+
import { t as l } from "./class-map.js";
|
|
7
|
+
//#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.FKMWLPHV.js
|
|
8
|
+
var u = t`
|
|
9
9
|
:host {
|
|
10
10
|
display: block;
|
|
11
11
|
}
|
|
@@ -117,76 +117,58 @@ var h = a`
|
|
|
117
117
|
user-select: none;
|
|
118
118
|
-webkit-user-select: none;
|
|
119
119
|
}
|
|
120
|
-
`,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
120
|
+
`, d = class extends o {
|
|
121
|
+
constructor() {
|
|
122
|
+
super(), this.checked = !1, this.hasFocus = !1, this.size = "medium", this.disabled = !1, this.handleBlur = () => {
|
|
123
|
+
this.hasFocus = !1, this.emit("sl-blur");
|
|
124
|
+
}, this.handleClick = () => {
|
|
125
|
+
this.disabled || (this.checked = !0);
|
|
126
|
+
}, this.handleFocus = () => {
|
|
127
|
+
this.hasFocus = !0, this.emit("sl-focus");
|
|
128
|
+
}, this.addEventListener("blur", this.handleBlur), this.addEventListener("click", this.handleClick), this.addEventListener("focus", this.handleFocus);
|
|
129
|
+
}
|
|
130
|
+
connectedCallback() {
|
|
131
|
+
super.connectedCallback(), this.setInitialAttributes();
|
|
132
|
+
}
|
|
133
|
+
setInitialAttributes() {
|
|
134
|
+
this.setAttribute("role", "radio"), this.setAttribute("tabindex", "-1"), this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
|
|
135
|
+
}
|
|
136
|
+
handleCheckedChange() {
|
|
137
|
+
this.setAttribute("aria-checked", this.checked ? "true" : "false"), this.setAttribute("tabindex", this.checked ? "0" : "-1");
|
|
138
|
+
}
|
|
139
|
+
handleDisabledChange() {
|
|
140
|
+
this.setAttribute("aria-disabled", this.disabled ? "true" : "false");
|
|
141
|
+
}
|
|
142
|
+
render() {
|
|
143
|
+
return e`
|
|
144
144
|
<span
|
|
145
145
|
part="base"
|
|
146
|
-
class=${
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
146
|
+
class=${l({
|
|
147
|
+
radio: !0,
|
|
148
|
+
"radio--checked": this.checked,
|
|
149
|
+
"radio--disabled": this.disabled,
|
|
150
|
+
"radio--focused": this.hasFocus,
|
|
151
|
+
"radio--small": this.size === "small",
|
|
152
|
+
"radio--medium": this.size === "medium",
|
|
153
|
+
"radio--large": this.size === "large"
|
|
154
|
+
})}
|
|
155
155
|
>
|
|
156
156
|
<span part="${`control${this.checked ? " control--checked" : ""}`}" class="radio__control">
|
|
157
|
-
${this.checked ?
|
|
157
|
+
${this.checked ? e` <sl-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></sl-icon> ` : ""}
|
|
158
158
|
</span>
|
|
159
159
|
|
|
160
160
|
<slot part="label" class="radio__label"></slot>
|
|
161
161
|
</span>
|
|
162
162
|
`;
|
|
163
|
-
|
|
164
|
-
};
|
|
165
|
-
e.styles = [d, h];
|
|
166
|
-
e.dependencies = { "sl-icon": l };
|
|
167
|
-
i([
|
|
168
|
-
s()
|
|
169
|
-
], e.prototype, "checked", 2);
|
|
170
|
-
i([
|
|
171
|
-
s()
|
|
172
|
-
], e.prototype, "hasFocus", 2);
|
|
173
|
-
i([
|
|
174
|
-
o()
|
|
175
|
-
], e.prototype, "value", 2);
|
|
176
|
-
i([
|
|
177
|
-
o({ reflect: !0 })
|
|
178
|
-
], e.prototype, "size", 2);
|
|
179
|
-
i([
|
|
180
|
-
o({ type: Boolean, reflect: !0 })
|
|
181
|
-
], e.prototype, "disabled", 2);
|
|
182
|
-
i([
|
|
183
|
-
r("checked")
|
|
184
|
-
], e.prototype, "handleCheckedChange", 1);
|
|
185
|
-
i([
|
|
186
|
-
r("disabled", { waitUntilFirstUpdate: !0 })
|
|
187
|
-
], e.prototype, "handleDisabledChange", 1);
|
|
188
|
-
var k = e;
|
|
189
|
-
e.define("sl-radio");
|
|
190
|
-
export {
|
|
191
|
-
k as r
|
|
163
|
+
}
|
|
192
164
|
};
|
|
165
|
+
d.styles = [i, u], d.dependencies = { "sl-icon": s }, a([n()], d.prototype, "checked", 2), a([n()], d.prototype, "hasFocus", 2), a([r()], d.prototype, "value", 2), a([r({ reflect: !0 })], d.prototype, "size", 2), a([r({
|
|
166
|
+
type: Boolean,
|
|
167
|
+
reflect: !0
|
|
168
|
+
})], d.prototype, "disabled", 2), a([c("checked")], d.prototype, "handleCheckedChange", 1), a([c("disabled", { waitUntilFirstUpdate: !0 })], d.prototype, "handleDisabledChange", 1);
|
|
169
|
+
//#endregion
|
|
170
|
+
//#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.MSKEYBDI.js
|
|
171
|
+
var f = d;
|
|
172
|
+
d.define("sl-radio");
|
|
173
|
+
//#endregion
|
|
174
|
+
export { f as t };
|