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,19 +1,17 @@
1
- import { i as c, x as s } from "./lit-element.js";
2
- import { d as m } from "./chunk.GI7VDIWX.js";
3
- import { f } from "./chunk.SI4ACBFK.js";
4
- import { F as b } from "./chunk.3RPBFEDE.js";
5
- import { H as g } from "./chunk.NYIIDP5N.js";
6
- import { L as v } from "./chunk.6CTB5ZDJ.js";
7
- import { S as _ } from "./chunk.YHLNUJ7P.js";
8
- import { w as u } from "./chunk.GMYPQTFK.js";
9
- import { c as y, d as e, S as w } from "./chunk.4TUIT776.js";
10
- import { e as h } from "./class-map.js";
11
- import { o } from "./if-defined.js";
12
- import { l as x } from "./live.js";
13
- import { n as l } from "./property.js";
14
- import { r as k } from "./state.js";
15
- import { e as C } from "./query.js";
16
- var $ = c`
1
+ import { a as e, u as t } from "./lit.js";
2
+ import { a as n, o as r, r as i } from "./decorate.js";
3
+ import { n as a, r as o, t as s } from "./chunk.4TUIT776.js";
4
+ import { n as c, t as l } from "./chunk.SI4ACBFK.js";
5
+ import { t as u } from "./chunk.GI7VDIWX.js";
6
+ import { t as d } from "./chunk.NYIIDP5N.js";
7
+ import { t as f } from "./chunk.YHLNUJ7P.js";
8
+ import { t as p } from "./chunk.GMYPQTFK.js";
9
+ import { t as m } from "./class-map.js";
10
+ import { t as h } from "./if-defined.js";
11
+ import { t as g } from "./live.js";
12
+ import { t as _ } from "./chunk.6CTB5ZDJ.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.GGT72J62.js
14
+ var v = t`
17
15
  :host {
18
16
  display: block;
19
17
  }
@@ -299,149 +297,123 @@ var $ = c`
299
297
  .input--no-spin-buttons input[type='number'] {
300
298
  -moz-appearance: textfield;
301
299
  }
302
- `, t = class extends w {
303
- constructor() {
304
- super(...arguments), this.formControlController = new b(this, {
305
- assumeInteractionOn: ["sl-blur", "sl-input"]
306
- }), this.hasSlotController = new g(this, "help-text", "label"), this.localize = new v(this), this.hasFocus = !1, this.title = "", this.__numberInput = Object.assign(document.createElement("input"), { type: "number" }), this.__dateInput = Object.assign(document.createElement("input"), { type: "date" }), this.type = "text", this.name = "", this.value = "", this.defaultValue = "", this.size = "medium", this.filled = !1, this.pill = !1, this.label = "", this.helpText = "", this.clearable = !1, this.disabled = !1, this.placeholder = "", this.readonly = !1, this.passwordToggle = !1, this.passwordVisible = !1, this.noSpinButtons = !1, this.form = "", this.required = !1, this.spellcheck = !0;
307
- }
308
- //
309
- // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties
310
- // can be set before the component is rendered.
311
- //
312
- /**
313
- * Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. This will use the native `<input type="{{type}}">` implementation and may result in an error.
314
- */
315
- get valueAsDate() {
316
- var i;
317
- return this.__dateInput.type = this.type, this.__dateInput.value = this.value, ((i = this.input) == null ? void 0 : i.valueAsDate) || this.__dateInput.valueAsDate;
318
- }
319
- set valueAsDate(i) {
320
- this.__dateInput.type = this.type, this.__dateInput.valueAsDate = i, this.value = this.__dateInput.value;
321
- }
322
- /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
323
- get valueAsNumber() {
324
- var i;
325
- return this.__numberInput.value = this.value, ((i = this.input) == null ? void 0 : i.valueAsNumber) || this.__numberInput.valueAsNumber;
326
- }
327
- set valueAsNumber(i) {
328
- this.__numberInput.valueAsNumber = i, this.value = this.__numberInput.value;
329
- }
330
- /** Gets the validity state object */
331
- get validity() {
332
- return this.input.validity;
333
- }
334
- /** Gets the validation message */
335
- get validationMessage() {
336
- return this.input.validationMessage;
337
- }
338
- firstUpdated() {
339
- this.formControlController.updateValidity();
340
- }
341
- handleBlur() {
342
- this.hasFocus = !1, this.emit("sl-blur");
343
- }
344
- handleChange() {
345
- this.value = this.input.value, this.emit("sl-change");
346
- }
347
- handleClearClick(i) {
348
- i.preventDefault(), this.value !== "" && (this.value = "", this.emit("sl-clear"), this.emit("sl-input"), this.emit("sl-change")), this.input.focus();
349
- }
350
- handleFocus() {
351
- this.hasFocus = !0, this.emit("sl-focus");
352
- }
353
- handleInput() {
354
- this.value = this.input.value, this.formControlController.updateValidity(), this.emit("sl-input");
355
- }
356
- handleInvalid(i) {
357
- this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(i);
358
- }
359
- handleKeyDown(i) {
360
- const r = i.metaKey || i.ctrlKey || i.shiftKey || i.altKey;
361
- i.key === "Enter" && !r && setTimeout(() => {
362
- !i.defaultPrevented && !i.isComposing && this.formControlController.submit();
363
- });
364
- }
365
- handlePasswordToggle() {
366
- this.passwordVisible = !this.passwordVisible;
367
- }
368
- handleDisabledChange() {
369
- this.formControlController.setValidity(this.disabled);
370
- }
371
- handleStepChange() {
372
- this.input.step = String(this.step), this.formControlController.updateValidity();
373
- }
374
- async handleValueChange() {
375
- await this.updateComplete, this.formControlController.updateValidity();
376
- }
377
- /** Sets focus on the input. */
378
- focus(i) {
379
- this.input.focus(i);
380
- }
381
- /** Removes focus from the input. */
382
- blur() {
383
- this.input.blur();
384
- }
385
- /** Selects all the text in the input. */
386
- select() {
387
- this.input.select();
388
- }
389
- /** Sets the start and end positions of the text selection (0-based). */
390
- setSelectionRange(i, r, n = "none") {
391
- this.input.setSelectionRange(i, r, n);
392
- }
393
- /** Replaces a range of text with a new string. */
394
- setRangeText(i, r, n, a = "preserve") {
395
- const d = r ?? this.input.selectionStart, p = n ?? this.input.selectionEnd;
396
- this.input.setRangeText(i, d, p, a), this.value !== this.input.value && (this.value = this.input.value);
397
- }
398
- /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */
399
- showPicker() {
400
- "showPicker" in HTMLInputElement.prototype && this.input.showPicker();
401
- }
402
- /** Increments the value of a numeric input type by the value of the step attribute. */
403
- stepUp() {
404
- this.input.stepUp(), this.value !== this.input.value && (this.value = this.input.value);
405
- }
406
- /** Decrements the value of a numeric input type by the value of the step attribute. */
407
- stepDown() {
408
- this.input.stepDown(), this.value !== this.input.value && (this.value = this.input.value);
409
- }
410
- /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
411
- checkValidity() {
412
- return this.input.checkValidity();
413
- }
414
- /** Gets the associated form, if one exists. */
415
- getForm() {
416
- return this.formControlController.getForm();
417
- }
418
- /** Checks for validity and shows the browser's validation message if the control is invalid. */
419
- reportValidity() {
420
- return this.input.reportValidity();
421
- }
422
- /** Sets a custom validation message. Pass an empty string to restore validity. */
423
- setCustomValidity(i) {
424
- this.input.setCustomValidity(i), this.formControlController.updateValidity();
425
- }
426
- render() {
427
- const i = this.hasSlotController.test("label"), r = this.hasSlotController.test("help-text"), n = this.label ? !0 : !!i, a = this.helpText ? !0 : !!r, p = this.clearable && !this.disabled && !this.readonly && (typeof this.value == "number" || this.value.length > 0);
428
- return s`
300
+ `, y = class extends s {
301
+ constructor() {
302
+ super(...arguments), this.formControlController = new c(this, { assumeInteractionOn: ["sl-blur", "sl-input"] }), this.hasSlotController = new d(this, "help-text", "label"), this.localize = new _(this), this.hasFocus = !1, this.title = "", this.__numberInput = Object.assign(document.createElement("input"), { type: "number" }), this.__dateInput = Object.assign(document.createElement("input"), { type: "date" }), this.type = "text", this.name = "", this.value = "", this.defaultValue = "", this.size = "medium", this.filled = !1, this.pill = !1, this.label = "", this.helpText = "", this.clearable = !1, this.disabled = !1, this.placeholder = "", this.readonly = !1, this.passwordToggle = !1, this.passwordVisible = !1, this.noSpinButtons = !1, this.form = "", this.required = !1, this.spellcheck = !0;
303
+ }
304
+ get valueAsDate() {
305
+ return this.__dateInput.type = this.type, this.__dateInput.value = this.value, this.input?.valueAsDate || this.__dateInput.valueAsDate;
306
+ }
307
+ set valueAsDate(e) {
308
+ this.__dateInput.type = this.type, this.__dateInput.valueAsDate = e, this.value = this.__dateInput.value;
309
+ }
310
+ get valueAsNumber() {
311
+ return this.__numberInput.value = this.value, this.input?.valueAsNumber || this.__numberInput.valueAsNumber;
312
+ }
313
+ set valueAsNumber(e) {
314
+ this.__numberInput.valueAsNumber = e, this.value = this.__numberInput.value;
315
+ }
316
+ get validity() {
317
+ return this.input.validity;
318
+ }
319
+ get validationMessage() {
320
+ return this.input.validationMessage;
321
+ }
322
+ firstUpdated() {
323
+ this.formControlController.updateValidity();
324
+ }
325
+ handleBlur() {
326
+ this.hasFocus = !1, this.emit("sl-blur");
327
+ }
328
+ handleChange() {
329
+ this.value = this.input.value, this.emit("sl-change");
330
+ }
331
+ handleClearClick(e) {
332
+ e.preventDefault(), this.value !== "" && (this.value = "", this.emit("sl-clear"), this.emit("sl-input"), this.emit("sl-change")), this.input.focus();
333
+ }
334
+ handleFocus() {
335
+ this.hasFocus = !0, this.emit("sl-focus");
336
+ }
337
+ handleInput() {
338
+ this.value = this.input.value, this.formControlController.updateValidity(), this.emit("sl-input");
339
+ }
340
+ handleInvalid(e) {
341
+ this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
342
+ }
343
+ handleKeyDown(e) {
344
+ let t = e.metaKey || e.ctrlKey || e.shiftKey || e.altKey;
345
+ e.key === "Enter" && !t && setTimeout(() => {
346
+ !e.defaultPrevented && !e.isComposing && this.formControlController.submit();
347
+ });
348
+ }
349
+ handlePasswordToggle() {
350
+ this.passwordVisible = !this.passwordVisible;
351
+ }
352
+ handleDisabledChange() {
353
+ this.formControlController.setValidity(this.disabled);
354
+ }
355
+ handleStepChange() {
356
+ this.input.step = String(this.step), this.formControlController.updateValidity();
357
+ }
358
+ async handleValueChange() {
359
+ await this.updateComplete, this.formControlController.updateValidity();
360
+ }
361
+ focus(e) {
362
+ this.input.focus(e);
363
+ }
364
+ blur() {
365
+ this.input.blur();
366
+ }
367
+ select() {
368
+ this.input.select();
369
+ }
370
+ setSelectionRange(e, t, n = "none") {
371
+ this.input.setSelectionRange(e, t, n);
372
+ }
373
+ setRangeText(e, t, n, r = "preserve") {
374
+ let i = t ?? this.input.selectionStart, a = n ?? this.input.selectionEnd;
375
+ this.input.setRangeText(e, i, a, r), this.value !== this.input.value && (this.value = this.input.value);
376
+ }
377
+ showPicker() {
378
+ "showPicker" in HTMLInputElement.prototype && this.input.showPicker();
379
+ }
380
+ stepUp() {
381
+ this.input.stepUp(), this.value !== this.input.value && (this.value = this.input.value);
382
+ }
383
+ stepDown() {
384
+ this.input.stepDown(), this.value !== this.input.value && (this.value = this.input.value);
385
+ }
386
+ checkValidity() {
387
+ return this.input.checkValidity();
388
+ }
389
+ getForm() {
390
+ return this.formControlController.getForm();
391
+ }
392
+ reportValidity() {
393
+ return this.input.reportValidity();
394
+ }
395
+ setCustomValidity(e) {
396
+ this.input.setCustomValidity(e), this.formControlController.updateValidity();
397
+ }
398
+ render() {
399
+ let t = this.hasSlotController.test("label"), n = this.hasSlotController.test("help-text"), r = this.label ? !0 : !!t, i = this.helpText ? !0 : !!n, a = this.clearable && !this.disabled && !this.readonly && (typeof this.value == "number" || this.value.length > 0);
400
+ return e`
429
401
  <div
430
402
  part="form-control"
431
- class=${h({
432
- "form-control": !0,
433
- "form-control--small": this.size === "small",
434
- "form-control--medium": this.size === "medium",
435
- "form-control--large": this.size === "large",
436
- "form-control--has-label": n,
437
- "form-control--has-help-text": a
438
- })}
403
+ class=${m({
404
+ "form-control": !0,
405
+ "form-control--small": this.size === "small",
406
+ "form-control--medium": this.size === "medium",
407
+ "form-control--large": this.size === "large",
408
+ "form-control--has-label": r,
409
+ "form-control--has-help-text": i
410
+ })}
439
411
  >
440
412
  <label
441
413
  part="form-control-label"
442
414
  class="form-control__label"
443
415
  for="input"
444
- aria-hidden=${n ? "false" : "true"}
416
+ aria-hidden=${r ? "false" : "true"}
445
417
  >
446
418
  <slot name="label">${this.label}</slot>
447
419
  </label>
@@ -449,21 +421,19 @@ var $ = c`
449
421
  <div part="form-control-input" class="form-control-input">
450
422
  <div
451
423
  part="base"
452
- class=${h({
453
- input: !0,
454
- // Sizes
455
- "input--small": this.size === "small",
456
- "input--medium": this.size === "medium",
457
- "input--large": this.size === "large",
458
- // States
459
- "input--pill": this.pill,
460
- "input--standard": !this.filled,
461
- "input--filled": this.filled,
462
- "input--disabled": this.disabled,
463
- "input--focused": this.hasFocus,
464
- "input--empty": !this.value,
465
- "input--no-spin-buttons": this.noSpinButtons
466
- })}
424
+ class=${m({
425
+ input: !0,
426
+ "input--small": this.size === "small",
427
+ "input--medium": this.size === "medium",
428
+ "input--large": this.size === "large",
429
+ "input--pill": this.pill,
430
+ "input--standard": !this.filled,
431
+ "input--filled": this.filled,
432
+ "input--disabled": this.disabled,
433
+ "input--focused": this.hasFocus,
434
+ "input--empty": !this.value,
435
+ "input--no-spin-buttons": this.noSpinButtons
436
+ })}
467
437
  >
468
438
  <span part="prefix" class="input__prefix">
469
439
  <slot name="prefix"></slot>
@@ -475,25 +445,25 @@ var $ = c`
475
445
  class="input__control"
476
446
  type=${this.type === "password" && this.passwordVisible ? "text" : this.type}
477
447
  title=${this.title}
478
- name=${o(this.name)}
448
+ name=${h(this.name)}
479
449
  ?disabled=${this.disabled}
480
450
  ?readonly=${this.readonly}
481
451
  ?required=${this.required}
482
- placeholder=${o(this.placeholder)}
483
- minlength=${o(this.minlength)}
484
- maxlength=${o(this.maxlength)}
485
- min=${o(this.min)}
486
- max=${o(this.max)}
487
- step=${o(this.step)}
488
- .value=${x(this.value)}
489
- autocapitalize=${o(this.autocapitalize)}
490
- autocomplete=${o(this.autocomplete)}
491
- autocorrect=${o(this.autocorrect)}
452
+ placeholder=${h(this.placeholder)}
453
+ minlength=${h(this.minlength)}
454
+ maxlength=${h(this.maxlength)}
455
+ min=${h(this.min)}
456
+ max=${h(this.max)}
457
+ step=${h(this.step)}
458
+ .value=${g(this.value)}
459
+ autocapitalize=${h(this.autocapitalize)}
460
+ autocomplete=${h(this.autocomplete)}
461
+ autocorrect=${h(this.autocorrect)}
492
462
  ?autofocus=${this.autofocus}
493
463
  spellcheck=${this.spellcheck}
494
- pattern=${o(this.pattern)}
495
- enterkeyhint=${o(this.enterkeyhint)}
496
- inputmode=${o(this.inputmode)}
464
+ pattern=${h(this.pattern)}
465
+ enterkeyhint=${h(this.enterkeyhint)}
466
+ inputmode=${h(this.inputmode)}
497
467
  aria-describedby="help-text"
498
468
  @change=${this.handleChange}
499
469
  @input=${this.handleInput}
@@ -503,7 +473,7 @@ var $ = c`
503
473
  @blur=${this.handleBlur}
504
474
  />
505
475
 
506
- ${p ? s`
476
+ ${a ? e`
507
477
  <button
508
478
  part="clear-button"
509
479
  class="input__clear"
@@ -517,7 +487,7 @@ var $ = c`
517
487
  </slot>
518
488
  </button>
519
489
  ` : ""}
520
- ${this.passwordToggle && !this.disabled ? s`
490
+ ${this.passwordToggle && !this.disabled ? e`
521
491
  <button
522
492
  part="password-toggle-button"
523
493
  class="input__password-toggle"
@@ -526,11 +496,11 @@ var $ = c`
526
496
  @click=${this.handlePasswordToggle}
527
497
  tabindex="-1"
528
498
  >
529
- ${this.passwordVisible ? s`
499
+ ${this.passwordVisible ? e`
530
500
  <slot name="show-password-icon">
531
501
  <sl-icon name="eye-slash" library="system"></sl-icon>
532
502
  </slot>
533
- ` : s`
503
+ ` : e`
534
504
  <slot name="hide-password-icon">
535
505
  <sl-icon name="eye" library="system"></sl-icon>
536
506
  </slot>
@@ -548,137 +518,52 @@ var $ = c`
548
518
  part="form-control-help-text"
549
519
  id="help-text"
550
520
  class="form-control__help-text"
551
- aria-hidden=${a ? "false" : "true"}
521
+ aria-hidden=${i ? "false" : "true"}
552
522
  >
553
523
  <slot name="help-text">${this.helpText}</slot>
554
524
  </div>
555
525
  </div>
556
526
  `;
557
- }
558
- };
559
- t.styles = [y, f, $];
560
- t.dependencies = { "sl-icon": _ };
561
- e([
562
- C(".input__control")
563
- ], t.prototype, "input", 2);
564
- e([
565
- k()
566
- ], t.prototype, "hasFocus", 2);
567
- e([
568
- l()
569
- ], t.prototype, "title", 2);
570
- e([
571
- l({ reflect: !0 })
572
- ], t.prototype, "type", 2);
573
- e([
574
- l()
575
- ], t.prototype, "name", 2);
576
- e([
577
- l()
578
- ], t.prototype, "value", 2);
579
- e([
580
- m()
581
- ], t.prototype, "defaultValue", 2);
582
- e([
583
- l({ reflect: !0 })
584
- ], t.prototype, "size", 2);
585
- e([
586
- l({ type: Boolean, reflect: !0 })
587
- ], t.prototype, "filled", 2);
588
- e([
589
- l({ type: Boolean, reflect: !0 })
590
- ], t.prototype, "pill", 2);
591
- e([
592
- l()
593
- ], t.prototype, "label", 2);
594
- e([
595
- l({ attribute: "help-text" })
596
- ], t.prototype, "helpText", 2);
597
- e([
598
- l({ type: Boolean })
599
- ], t.prototype, "clearable", 2);
600
- e([
601
- l({ type: Boolean, reflect: !0 })
602
- ], t.prototype, "disabled", 2);
603
- e([
604
- l()
605
- ], t.prototype, "placeholder", 2);
606
- e([
607
- l({ type: Boolean, reflect: !0 })
608
- ], t.prototype, "readonly", 2);
609
- e([
610
- l({ attribute: "password-toggle", type: Boolean })
611
- ], t.prototype, "passwordToggle", 2);
612
- e([
613
- l({ attribute: "password-visible", type: Boolean })
614
- ], t.prototype, "passwordVisible", 2);
615
- e([
616
- l({ attribute: "no-spin-buttons", type: Boolean })
617
- ], t.prototype, "noSpinButtons", 2);
618
- e([
619
- l({ reflect: !0 })
620
- ], t.prototype, "form", 2);
621
- e([
622
- l({ type: Boolean, reflect: !0 })
623
- ], t.prototype, "required", 2);
624
- e([
625
- l()
626
- ], t.prototype, "pattern", 2);
627
- e([
628
- l({ type: Number })
629
- ], t.prototype, "minlength", 2);
630
- e([
631
- l({ type: Number })
632
- ], t.prototype, "maxlength", 2);
633
- e([
634
- l()
635
- ], t.prototype, "min", 2);
636
- e([
637
- l()
638
- ], t.prototype, "max", 2);
639
- e([
640
- l()
641
- ], t.prototype, "step", 2);
642
- e([
643
- l()
644
- ], t.prototype, "autocapitalize", 2);
645
- e([
646
- l()
647
- ], t.prototype, "autocorrect", 2);
648
- e([
649
- l()
650
- ], t.prototype, "autocomplete", 2);
651
- e([
652
- l({ type: Boolean })
653
- ], t.prototype, "autofocus", 2);
654
- e([
655
- l()
656
- ], t.prototype, "enterkeyhint", 2);
657
- e([
658
- l({
659
- type: Boolean,
660
- converter: {
661
- // Allow "true|false" attribute values but keep the property boolean
662
- fromAttribute: (i) => !(!i || i === "false"),
663
- toAttribute: (i) => i ? "true" : "false"
664
- }
665
- })
666
- ], t.prototype, "spellcheck", 2);
667
- e([
668
- l()
669
- ], t.prototype, "inputmode", 2);
670
- e([
671
- u("disabled", { waitUntilFirstUpdate: !0 })
672
- ], t.prototype, "handleDisabledChange", 1);
673
- e([
674
- u("step", { waitUntilFirstUpdate: !0 })
675
- ], t.prototype, "handleStepChange", 1);
676
- e([
677
- u("value", { waitUntilFirstUpdate: !0 })
678
- ], t.prototype, "handleValueChange", 1);
679
- var L = t;
680
- t.define("sl-input");
681
- export {
682
- t as S,
683
- L as i
527
+ }
684
528
  };
529
+ y.styles = [
530
+ a,
531
+ l,
532
+ v
533
+ ], y.dependencies = { "sl-icon": f }, o([i(".input__control")], y.prototype, "input", 2), o([n()], y.prototype, "hasFocus", 2), o([r()], y.prototype, "title", 2), o([r({ reflect: !0 })], y.prototype, "type", 2), o([r()], y.prototype, "name", 2), o([r()], y.prototype, "value", 2), o([u()], y.prototype, "defaultValue", 2), o([r({ reflect: !0 })], y.prototype, "size", 2), o([r({
534
+ type: Boolean,
535
+ reflect: !0
536
+ })], y.prototype, "filled", 2), o([r({
537
+ type: Boolean,
538
+ reflect: !0
539
+ })], y.prototype, "pill", 2), o([r()], y.prototype, "label", 2), o([r({ attribute: "help-text" })], y.prototype, "helpText", 2), o([r({ type: Boolean })], y.prototype, "clearable", 2), o([r({
540
+ type: Boolean,
541
+ reflect: !0
542
+ })], y.prototype, "disabled", 2), o([r()], y.prototype, "placeholder", 2), o([r({
543
+ type: Boolean,
544
+ reflect: !0
545
+ })], y.prototype, "readonly", 2), o([r({
546
+ attribute: "password-toggle",
547
+ type: Boolean
548
+ })], y.prototype, "passwordToggle", 2), o([r({
549
+ attribute: "password-visible",
550
+ type: Boolean
551
+ })], y.prototype, "passwordVisible", 2), o([r({
552
+ attribute: "no-spin-buttons",
553
+ type: Boolean
554
+ })], y.prototype, "noSpinButtons", 2), o([r({ reflect: !0 })], y.prototype, "form", 2), o([r({
555
+ type: Boolean,
556
+ reflect: !0
557
+ })], y.prototype, "required", 2), o([r()], y.prototype, "pattern", 2), o([r({ type: Number })], y.prototype, "minlength", 2), o([r({ type: Number })], y.prototype, "maxlength", 2), o([r()], y.prototype, "min", 2), o([r()], y.prototype, "max", 2), o([r()], y.prototype, "step", 2), o([r()], y.prototype, "autocapitalize", 2), o([r()], y.prototype, "autocorrect", 2), o([r()], y.prototype, "autocomplete", 2), o([r({ type: Boolean })], y.prototype, "autofocus", 2), o([r()], y.prototype, "enterkeyhint", 2), o([r({
558
+ type: Boolean,
559
+ converter: {
560
+ fromAttribute: (e) => !(!e || e === "false"),
561
+ toAttribute: (e) => e ? "true" : "false"
562
+ }
563
+ })], y.prototype, "spellcheck", 2), o([r()], y.prototype, "inputmode", 2), o([p("disabled", { waitUntilFirstUpdate: !0 })], y.prototype, "handleDisabledChange", 1), o([p("step", { waitUntilFirstUpdate: !0 })], y.prototype, "handleStepChange", 1), o([p("value", { waitUntilFirstUpdate: !0 })], y.prototype, "handleValueChange", 1);
564
+ //#endregion
565
+ //#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.XA43ZQPC.js
566
+ var b = y;
567
+ y.define("sl-input");
568
+ //#endregion
569
+ export { y as n, b as t };
@@ -1,8 +1,9 @@
1
- import { i as o, x as r } from "./lit-element.js";
2
- import { c as s, d as t, S as a } from "./chunk.4TUIT776.js";
3
- import { e as n } from "./class-map.js";
4
- import { n as i } from "./property.js";
5
- var l = o`
1
+ import { a as e, u as t } from "./lit.js";
2
+ import { o as n } from "./decorate.js";
3
+ import { n as r, r as i, t as a } from "./chunk.4TUIT776.js";
4
+ import { t as o } from "./class-map.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.HTQNKB5E.js
6
+ var s = t`
6
7
  :host {
7
8
  --border-radius: var(--sl-border-radius-pill);
8
9
  --color: var(--sl-color-neutral-200);
@@ -62,31 +63,29 @@ var l = o`
62
63
  opacity: 1;
63
64
  }
64
65
  }
65
- `, e = class extends a {
66
- constructor() {
67
- super(...arguments), this.effect = "none";
68
- }
69
- render() {
70
- return r`
66
+ `, c = class extends a {
67
+ constructor() {
68
+ super(...arguments), this.effect = "none";
69
+ }
70
+ render() {
71
+ return e`
71
72
  <div
72
73
  part="base"
73
- class=${n({
74
- skeleton: !0,
75
- "skeleton--pulse": this.effect === "pulse",
76
- "skeleton--sheen": this.effect === "sheen"
77
- })}
74
+ class=${o({
75
+ skeleton: !0,
76
+ "skeleton--pulse": this.effect === "pulse",
77
+ "skeleton--sheen": this.effect === "sheen"
78
+ })}
78
79
  >
79
80
  <div part="indicator" class="skeleton__indicator"></div>
80
81
  </div>
81
82
  `;
82
- }
83
- };
84
- e.styles = [s, l];
85
- t([
86
- i()
87
- ], e.prototype, "effect", 2);
88
- var f = e;
89
- e.define("sl-skeleton");
90
- export {
91
- f as s
83
+ }
92
84
  };
85
+ c.styles = [r, s], i([n()], c.prototype, "effect", 2);
86
+ //#endregion
87
+ //#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.XQ2OKYYA.js
88
+ var l = c;
89
+ c.define("sl-skeleton");
90
+ //#endregion
91
+ export { l as t };
@@ -1,6 +1,6 @@
1
- import { S as p } from "./chunk.5JY5FUCG.js";
2
- var a = p;
3
- p.define("sl-popup");
4
- export {
5
- a as p
6
- };
1
+ import { t as e } from "./chunk.5JY5FUCG.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.XZNBUGX7.js
3
+ var t = e;
4
+ e.define("sl-popup");
5
+ //#endregion
6
+ export { t };