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.
Files changed (197) hide show
  1. package/chunks/chunk.2PCBEMQZ.js +163 -226
  2. package/chunks/chunk.36O46B5H.js +15 -15
  3. package/chunks/chunk.4TUIT776.js +78 -96
  4. package/chunks/chunk.5JY5FUCG.js +965 -1245
  5. package/chunks/chunk.5P45LHIX.js +668 -96
  6. package/chunks/chunk.6CTB5ZDJ.js +107 -100
  7. package/chunks/chunk.B4BZKR24.js +29 -39
  8. package/chunks/chunk.D5YQDJ7X.js +122 -166
  9. package/chunks/chunk.EA437WHD.js +5 -5
  10. package/chunks/chunk.GI7VDIWX.js +14 -15
  11. package/chunks/chunk.GMYPQTFK.js +18 -20
  12. package/chunks/chunk.HVTXQL7M.js +191 -215
  13. package/chunks/chunk.IKV4VH3T.js +18 -16
  14. package/chunks/chunk.IVVHNXMC.js +26 -27
  15. package/chunks/chunk.JHOXTQXA.js +65 -74
  16. package/chunks/chunk.JXOKFADN.js +63 -90
  17. package/chunks/chunk.K7JGTRV7.js +24 -23
  18. package/chunks/chunk.KPLQLAWP.js +132 -147
  19. package/chunks/chunk.LD4M4QGE.js +61 -74
  20. package/chunks/chunk.MSKEYBDI.js +53 -71
  21. package/chunks/chunk.NYIIDP5N.js +39 -45
  22. package/chunks/chunk.RWUUFNUL.js +91 -114
  23. package/chunks/chunk.SAPQLUO4.js +249 -228
  24. package/chunks/chunk.SI4ACBFK.js +139 -5
  25. package/chunks/chunk.TP2GB2HO.js +361 -460
  26. package/chunks/chunk.UDWRA64J.js +185 -223
  27. package/chunks/chunk.URTPIBTY.js +119 -151
  28. package/chunks/chunk.VESXC477.js +63 -66
  29. package/chunks/chunk.XA43ZQPC.js +198 -313
  30. package/chunks/chunk.XQ2OKYYA.js +25 -26
  31. package/chunks/chunk.XZNBUGX7.js +6 -6
  32. package/chunks/chunk.YHLNUJ7P.js +93 -116
  33. package/chunks/chunk.ZH2AND3P.js +340 -399
  34. package/chunks/chunk.ZL53POKZ.js +61 -156
  35. package/chunks/chunk.js +20 -0
  36. package/chunks/class-map.js +49 -45
  37. package/chunks/decorate.js +105 -0
  38. package/chunks/directive-helpers.js +5 -7
  39. package/chunks/if-defined.js +5 -5
  40. package/chunks/lit.js +525 -0
  41. package/chunks/live.js +24 -24
  42. package/chunks/nve-alert.component.js +163 -0
  43. package/chunks/nve-carousel-item.component.js +36 -0
  44. package/chunks/nve-carousel.component.js +41 -0
  45. package/chunks/nve-checkbox-group.component.js +114 -0
  46. package/chunks/nve-checkbox.component.js +28 -0
  47. package/chunks/nve-dialog.component.js +39 -0
  48. package/chunks/nve-divider.component.js +23 -0
  49. package/chunks/nve-drawer.component.js +40 -0
  50. package/chunks/nve-dropdown.component.js +83 -0
  51. package/chunks/nve-input.component.js +80 -0
  52. package/chunks/nve-label.component.js +89 -0
  53. package/chunks/nve-menu-item.component.js +35 -0
  54. package/chunks/nve-menu.component.js +17 -0
  55. package/chunks/nve-option.component.js +27 -0
  56. package/chunks/nve-popup.component.js +15 -0
  57. package/chunks/nve-radio-button.component.js +20 -0
  58. package/chunks/nve-radio-group.component.js +78 -0
  59. package/chunks/nve-radio.component.js +18 -0
  60. package/chunks/nve-select.component.js +58 -0
  61. package/chunks/nve-skeleton.component.js +20 -0
  62. package/chunks/nve-spinner.component.js +23 -0
  63. package/chunks/nve-tooltip.component.js +20 -0
  64. package/chunks/nve-warning-level.component.js +57 -0
  65. package/chunks/ref.js +75 -84
  66. package/chunks/shoelace.js +10006 -0
  67. package/chunks/static-html.js +27 -0
  68. package/chunks/unsafe-html.js +24 -20
  69. package/chunks/updateInvalidProperty.js +7 -7
  70. package/chunks/watch.js +20 -20
  71. package/components/nve-accordion/nve-accordion.component.js +24 -30
  72. package/components/nve-accordion-item/nve-accordion-item.component.js +30 -64
  73. package/components/nve-accordion-item/nve-accordion-item.styles.js +5 -5
  74. package/components/nve-alert/nve-alert.component.js +2 -227
  75. package/components/nve-alert/nve-alert.styles.js +45 -27
  76. package/components/nve-badge/nve-badge.component.js +41 -45
  77. package/components/nve-badge/nve-badge.styles.js +33 -31
  78. package/components/nve-button/nve-button.component.d.ts +110 -10
  79. package/components/nve-button/nve-button.component.js +146 -39
  80. package/components/nve-button/nve-button.styles.js +214 -157
  81. package/components/nve-carousel/nve-carousel.component.js +2 -47
  82. package/components/nve-carousel/nve-carousel.styles.js +6 -6
  83. package/components/nve-carousel-item/nve-carousel-item.component.js +2 -40
  84. package/components/nve-carousel-item/nve-carousel-item.styles.js +5 -5
  85. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.component.js +44 -54
  86. package/components/nve-carousel-thumbnail/nve-carousel-thumbnail.styles.js +5 -5
  87. package/components/nve-checkbox/nve-checkbox.component.js +2 -34
  88. package/components/nve-checkbox/nve-checkbox.styles.js +7 -7
  89. package/components/nve-checkbox-group/nve-checkbox-group.component.js +2 -152
  90. package/components/nve-checkbox-group/nve-checkbox-group.styles.js +5 -5
  91. package/components/nve-combobox/nve-combobox.component.js +222 -440
  92. package/components/nve-combobox/nve-combobox.styles.js +6 -6
  93. package/components/nve-darkmode-switch/nve-darkmode-switch.component.js +32 -38
  94. package/components/nve-dialog/nve-dialog-styles.js +6 -6
  95. package/components/nve-dialog/nve-dialog.component.js +2 -54
  96. package/components/nve-divider/nve-divider.component.js +2 -30
  97. package/components/nve-drawer/nve-drawer.component.js +2 -44
  98. package/components/nve-drawer/nve-drawer.styles.js +6 -6
  99. package/components/nve-dropdown/nve-dropdown.component.js +2 -79
  100. package/components/nve-dropdown/nve-dropdown.styles.js +5 -5
  101. package/components/nve-heading/nve-heading.component.d.ts +29 -0
  102. package/components/nve-heading/nve-heading.component.js +45 -0
  103. package/components/nve-heading/nve-heading.styles.d.ts +2 -0
  104. package/components/nve-heading/nve-heading.styles.js +41 -0
  105. package/components/nve-icon/nve-icon.component.js +145 -164
  106. package/components/nve-icon/nve-icon.styles.js +11 -6
  107. package/components/nve-icon/offline-icons.js +16 -13
  108. package/components/nve-input/nve-input.component.js +2 -100
  109. package/components/nve-input/nve-input.styles.js +5 -5
  110. package/components/nve-label/nve-label.component.js +2 -115
  111. package/components/nve-label/nve-label.styles.js +5 -5
  112. package/components/nve-link-card/nve-link-card.component.d.ts +5 -2
  113. package/components/nve-link-card/nve-link-card.component.js +44 -80
  114. package/components/nve-link-card/nve-link-card.styles.js +71 -66
  115. package/components/nve-menu/nve-menu.component.js +2 -22
  116. package/components/nve-menu/nve-menu.styles.js +5 -5
  117. package/components/nve-menu-item/nve-menu-item.component.js +2 -43
  118. package/components/nve-menu-item/nve-menu-item.styles.js +7 -7
  119. package/components/nve-message-card/nve-message-card.component.js +61 -91
  120. package/components/nve-message-card/nve-message-card.styles.js +24 -27
  121. package/components/nve-navigation-card/nve-navigation-card.component.d.ts +52 -0
  122. package/components/nve-navigation-card/nve-navigation-card.component.js +60 -0
  123. package/components/nve-navigation-card/nve-navigation-card.styles.d.ts +2 -0
  124. package/components/nve-navigation-card/nve-navigation-card.styles.js +112 -0
  125. package/components/nve-option/nve-option.component.js +2 -41
  126. package/components/nve-option/nve-option.styles.js +5 -5
  127. package/components/nve-paragraph/nve-paragraph.component.d.ts +26 -0
  128. package/components/nve-paragraph/nve-paragraph.component.js +26 -0
  129. package/components/nve-paragraph/nve-paragraph.styles.d.ts +2 -0
  130. package/components/nve-paragraph/nve-paragraph.styles.js +105 -0
  131. package/components/nve-popup/nve-popup.component.js +2 -22
  132. package/components/nve-radio/nve-radio.component.js +2 -23
  133. package/components/nve-radio/nve-radio.styles.js +5 -5
  134. package/components/nve-radio-button/nve-radio-button.component.js +2 -25
  135. package/components/nve-radio-button/nve-radio-button.styles.js +5 -5
  136. package/components/nve-radio-group/nve-radio-group.component.js +2 -119
  137. package/components/nve-radio-group/nve-radio-group.styles.js +5 -5
  138. package/components/nve-relative-time/nve-relative-time.component.js +21 -56
  139. package/components/nve-relative-time/nve-relative-time.styles.js +5 -5
  140. package/components/nve-select/nve-select.component.js +2 -80
  141. package/components/nve-select/nve-select.styles.js +5 -5
  142. package/components/nve-skeleton/nve-skeleton.component.js +2 -27
  143. package/components/nve-skeleton/nve-skeleton.styles.js +5 -5
  144. package/components/nve-spinner/nve-spinner.component.js +2 -31
  145. package/components/nve-stepper/nve-step/nve-step.component.js +113 -173
  146. package/components/nve-stepper/nve-step/nve-step.styles.js +12 -12
  147. package/components/nve-stepper/nve-stepper-mobile.component.js +37 -49
  148. package/components/nve-stepper/nve-stepper-mobile.styles.js +7 -7
  149. package/components/nve-stepper/nve-stepper.component.js +94 -139
  150. package/components/nve-stepper/nve-stepper.styles.js +5 -5
  151. package/components/nve-switch/nve-switch.component.js +75 -107
  152. package/components/nve-switch/nve-switch.styles.js +7 -7
  153. package/components/nve-tab/nve-tab.component.js +30 -42
  154. package/components/nve-tab/nve-tab.styles.js +7 -7
  155. package/components/nve-tab-group/nve-tab-group.component.js +180 -260
  156. package/components/nve-tab-group/nve-tab-group.styles.js +5 -5
  157. package/components/nve-tab-panel/nve-tab-panel.component.js +21 -31
  158. package/components/nve-tab-panel/nve-tab-panel.styles.js +5 -5
  159. package/components/nve-tag/nve-tag.component.d.ts +3 -3
  160. package/components/nve-tag/nve-tag.component.js +71 -72
  161. package/components/nve-tag/nve-tag.styles.js +23 -22
  162. package/components/nve-textarea/nve-textarea.component.d.ts +3 -1
  163. package/components/nve-textarea/nve-textarea.component.js +112 -173
  164. package/components/nve-textarea/nve-textarea.styles.js +10 -5
  165. package/components/nve-tooltip/nve-tooltip.component.js +2 -30
  166. package/components/nve-tooltip/nve-tooltip.styles.js +5 -5
  167. package/components/nve-warning-level/nve-warning-level.component.js +2 -78
  168. package/components/nve-warning-level/nve-warning-level.styles.js +7 -7
  169. package/css/global.css +13 -55
  170. package/css/nve.css +1048 -393
  171. package/css/nve_dark.css +406 -305
  172. package/css/rme.css +1050 -395
  173. package/css/rme_dark.css +408 -307
  174. package/css/shoelace-styles.css +539 -0
  175. package/css/varsom.css +1046 -391
  176. package/css/varsom_dark.css +404 -303
  177. package/custom-elements.json +2905 -12389
  178. package/fonts/LICENSE.txt +37 -0
  179. package/fonts/SourceSans3-VariableFont_wght.woff2 +0 -0
  180. package/interfaces/NveComponent.interface.js +0 -1
  181. package/nve-designsystem.d.ts +5 -0
  182. package/nve-designsystem.js +46 -86
  183. package/package.json +26 -8
  184. package/registerIcons/systemLibraryCustomization.js +23 -91
  185. package/vite-env.d.js +0 -1
  186. package/chunks/chunk.3RPBFEDE.js +0 -162
  187. package/chunks/chunk.JCXLDPQF.js +0 -225
  188. package/chunks/chunk.JQBT7BOV.js +0 -8446
  189. package/chunks/chunk.MAQXLKQ7.js +0 -598
  190. package/chunks/lit-element.js +0 -508
  191. package/chunks/property.js +0 -37
  192. package/chunks/query.js +0 -13
  193. package/chunks/state.js +0 -7
  194. package/chunks/static.js +0 -26
  195. package/nve-designsystem.css +0 -1
  196. package/vscode.css-custom-data.json +0 -621
  197. package/vscode.html-custom-data.json +0 -2354
@@ -1,17 +1,17 @@
1
- import { M as m, b as y } from "./chunk.LD4M4QGE.js";
2
- import { S as v, l as c, u as p } from "./chunk.RWUUFNUL.js";
3
- import { i as _, x as g } from "./lit-element.js";
4
- import { s as r, g as s } from "./chunk.K7JGTRV7.js";
5
- import { a as l, s as n, w as f } from "./chunk.B4BZKR24.js";
6
- import { H as b } from "./chunk.NYIIDP5N.js";
7
- import { L as w } from "./chunk.6CTB5ZDJ.js";
8
- import { w as x } from "./chunk.GMYPQTFK.js";
9
- import { c as k, d as a, S as C } from "./chunk.4TUIT776.js";
10
- import { e as z } from "./class-map.js";
11
- import { o as u } from "./if-defined.js";
12
- import { n as d } from "./property.js";
13
- import { e as h } from "./query.js";
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
- `, t = class extends C {
132
- constructor() {
133
- super(...arguments), this.hasSlotController = new b(this, "footer"), this.localize = new w(this), this.modal = new m(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(), c(this));
139
- }
140
- disconnectedCallback() {
141
- super.disconnectedCallback(), this.modal.deactivate(), p(this), this.removeOpenListeners();
142
- }
143
- requestClose(e) {
144
- if (this.emit("sl-request-close", {
145
- cancelable: !0,
146
- detail: { source: e }
147
- }).defaultPrevented) {
148
- const o = s(this, "dialog.denyClose", { dir: this.localize.dir() });
149
- l(this.panel, o.keyframes, o.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(), c(this);
165
- const e = this.querySelector("[autofocus]");
166
- e && e.removeAttribute("autofocus"), await Promise.all([n(this.dialog), n(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
- const i = s(this, "dialog.show", { dir: this.localize.dir() }), o = s(this, "dialog.overlay.show", { dir: this.localize.dir() });
170
- await Promise.all([
171
- l(this.panel, i.keyframes, i.options),
172
- l(this.overlay, o.keyframes, o.options)
173
- ]), this.emit("sl-after-show");
174
- } else {
175
- y(this), this.emit("sl-hide"), this.removeOpenListeners(), this.modal.deactivate(), await Promise.all([n(this.dialog), n(this.overlay)]);
176
- const e = s(this, "dialog.hide", { dir: this.localize.dir() }), i = s(this, "dialog.overlay.hide", { dir: this.localize.dir() });
177
- await Promise.all([
178
- l(this.overlay, i.keyframes, i.options).then(() => {
179
- this.overlay.hidden = !0;
180
- }),
181
- l(this.panel, e.keyframes, e.options).then(() => {
182
- this.panel.hidden = !0;
183
- })
184
- ]), this.dialog.hidden = !0, this.overlay.hidden = !1, this.panel.hidden = !1, p(this);
185
- const o = this.originalTrigger;
186
- typeof o?.focus == "function" && setTimeout(() => o.focus()), this.emit("sl-after-hide");
187
- }
188
- }
189
- /** Shows the dialog. */
190
- async show() {
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=${z({
204
- dialog: !0,
205
- "dialog--open": this.open,
206
- "dialog--has-footer": this.hasSlotController.test("footer")
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 ? "" : g`
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 : "\uFEFF"} </slot>
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
- t.styles = [k, S];
252
- t.dependencies = {
253
- "sl-icon-button": v
254
- };
255
- a([
256
- h(".dialog")
257
- ], t.prototype, "dialog", 2);
258
- a([
259
- h(".dialog__panel")
260
- ], t.prototype, "panel", 2);
261
- a([
262
- h(".dialog__overlay")
263
- ], t.prototype, "overlay", 2);
264
- a([
265
- d({ type: Boolean, reflect: !0 })
266
- ], t.prototype, "open", 2);
267
- a([
268
- d({ reflect: !0 })
269
- ], t.prototype, "label", 2);
270
- a([
271
- d({ attribute: "no-header", type: Boolean, reflect: !0 })
272
- ], t.prototype, "noHeader", 2);
273
- a([
274
- x("open", { waitUntilFirstUpdate: !0 })
275
- ], t.prototype, "handleOpenChange", 1);
276
- r("dialog.show", {
277
- keyframes: [
278
- { opacity: 0, scale: 0.8 },
279
- { opacity: 1, scale: 1 }
280
- ],
281
- options: { duration: 250, easing: "ease" }
282
- });
283
- r("dialog.hide", {
284
- keyframes: [
285
- { opacity: 1, scale: 1 },
286
- { opacity: 0, scale: 0.8 }
287
- ],
288
- options: { duration: 250, easing: "ease" }
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
- r("dialog.denyClose", {
291
- keyframes: [{ scale: 1 }, { scale: 1.02 }, { scale: 1 }],
292
- options: { duration: 250 }
293
- });
294
- r("dialog.overlay.show", {
295
- keyframes: [{ opacity: 0 }, { opacity: 1 }],
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 };
@@ -1,75 +1,62 @@
1
- import { g as h, a as u, b as d } from "./chunk.VESXC477.js";
2
- var a = [], v = class {
3
- constructor(e) {
4
- this.tabDirection = "forward", this.handleFocusIn = () => {
5
- this.isActive() && this.checkFocus();
6
- }, this.handleKeyDown = (t) => {
7
- var s;
8
- if (t.key !== "Tab" || this.isExternalActivated || !this.isActive()) return;
9
- const i = h();
10
- if (this.previousFocus = i, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
11
- return;
12
- t.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
13
- const o = u(this.element);
14
- let n = o.findIndex((r) => r === i);
15
- this.previousFocus = this.currentFocus;
16
- const c = this.tabDirection === "forward" ? 1 : -1;
17
- for (; ; ) {
18
- n + c >= o.length ? n = 0 : n + c < 0 ? n = o.length - 1 : n += c, this.previousFocus = this.currentFocus;
19
- const r = (
20
- /** @type {HTMLElement} */
21
- o[n]
22
- );
23
- if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || r && this.possiblyHasTabbableChildren(r))
24
- return;
25
- t.preventDefault(), this.currentFocus = r, (s = this.currentFocus) == null || s.focus({ preventScroll: !1 });
26
- const l = [...d()];
27
- if (l.includes(this.currentFocus) || !l.includes(this.previousFocus))
28
- break;
29
- }
30
- setTimeout(() => this.checkFocus());
31
- }, this.handleKeyUp = () => {
32
- this.tabDirection = "forward";
33
- }, this.element = e, this.elementsWithTabbableControls = ["iframe"];
34
- }
35
- /** Activates focus trapping. */
36
- activate() {
37
- a.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
38
- }
39
- /** Deactivates focus trapping. */
40
- deactivate() {
41
- a = a.filter((e) => e !== this.element), this.currentFocus = null, document.removeEventListener("focusin", this.handleFocusIn), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp);
42
- }
43
- /** Determines if this modal element is currently active or not. */
44
- isActive() {
45
- return a[a.length - 1] === this.element;
46
- }
47
- /** Activates external modal behavior and temporarily disables focus trapping. */
48
- activateExternal() {
49
- this.isExternalActivated = !0;
50
- }
51
- /** Deactivates external modal behavior and re-enables focus trapping. */
52
- deactivateExternal() {
53
- this.isExternalActivated = !1;
54
- }
55
- checkFocus() {
56
- if (this.isActive() && !this.isExternalActivated) {
57
- const e = u(this.element);
58
- if (!this.element.matches(":focus-within")) {
59
- const t = e[0], s = e[e.length - 1], i = this.tabDirection === "forward" ? t : s;
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 };
@@ -1,11 +1,11 @@
1
- import { i as a, x as t } from "./lit-element.js";
2
- import { S as l } from "./chunk.YHLNUJ7P.js";
3
- import { w as r } from "./chunk.GMYPQTFK.js";
4
- import { c as d, d as i, S as n } from "./chunk.4TUIT776.js";
5
- import { e as c } from "./class-map.js";
6
- import { n as o } from "./property.js";
7
- import { r as s } from "./state.js";
8
- var h = a`
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
- `, e = class extends n {
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 t`
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=${c({
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
- })}
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 ? t` <sl-icon part="checked-icon" class="radio__checked-icon" library="system" name="radio"></sl-icon> ` : ""}
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 };