@nova-design-system/nova-react 3.18.0-beta.0 → 3.18.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 (48) hide show
  1. package/dist/cjs/{index-CQAMJPJk.js → index-_oq_uffl.js} +616 -567
  2. package/dist/cjs/index.js +1 -1
  3. package/dist/cjs/{nv-accordion-item.entry-BQ4e6YBV.js → nv-accordion-item.entry-DBO7ztqb.js} +1 -1
  4. package/dist/cjs/{nv-accordion.entry-BX5L-Gh7.js → nv-accordion.entry-Ma9HqnfE.js} +1 -1
  5. package/dist/cjs/{nv-alert.entry-GY7Xn7F6.js → nv-alert.entry--bKp-lux.js} +1 -1
  6. package/dist/cjs/{nv-avatar.entry-j-ctCQEi.js → nv-avatar.entry-DN_-lrBo.js} +1 -1
  7. package/dist/cjs/{nv-badge_2.entry-tuEGBPUn.js → nv-badge_2.entry-Dl4iJgMU.js} +1 -1
  8. package/dist/cjs/{nv-breadcrumb.entry-DHZpC_e3.js → nv-breadcrumb.entry-BBvgQ-p_.js} +1 -1
  9. package/dist/cjs/{nv-breadcrumbs.entry-2tzS_xzO.js → nv-breadcrumbs.entry-1SoAvjZG.js} +1 -1
  10. package/dist/cjs/{nv-button.entry-BfV4ewn0.js → nv-button.entry-B4k5GJIo.js} +1 -1
  11. package/dist/cjs/{nv-buttongroup.entry-BBTtBLTw.js → nv-buttongroup.entry-B5LQavYS.js} +1 -1
  12. package/dist/cjs/{nv-calendar.entry-CTkbvFRZ.js → nv-calendar.entry-mOSPsfm-.js} +1 -1
  13. package/dist/cjs/{nv-col.entry-CsSk4Ltj.js → nv-col.entry-Dzg7C_6U.js} +1 -1
  14. package/dist/cjs/{nv-datagrid.entry-DlQRC5CG.js → nv-datagrid.entry-CfZeMjYO.js} +1 -1
  15. package/dist/cjs/{nv-datagridcolumn.entry-BxSumv4Q.js → nv-datagridcolumn.entry-DEqq7_M9.js} +1 -1
  16. package/dist/cjs/{nv-dialog.entry-BFeHCAhr.js → nv-dialog.entry-DSX9jRuv.js} +1 -1
  17. package/dist/cjs/{nv-dialogfooter_2.entry-CXOzxujX.js → nv-dialogfooter_2.entry-t9MuuUDn.js} +1 -1
  18. package/dist/cjs/{nv-fieldcheckbox.entry-BMq7p1kc.js → nv-fieldcheckbox.entry-KDMtAaLt.js} +1 -1
  19. package/dist/cjs/{nv-fielddate.entry-DmMQq5bO.js → nv-fielddate.entry-SjEKszkJ.js} +1 -1
  20. package/dist/cjs/{nv-fielddaterange.entry-BJm7_qAB.js → nv-fielddaterange.entry-B6pLWuF3.js} +1 -1
  21. package/dist/cjs/{nv-fielddropdown.entry-DOkzDn78.js → nv-fielddropdown.entry-DIYVOvRw.js} +1 -1
  22. package/dist/cjs/{nv-fielddropdownitem.entry-CVI8jUn4.js → nv-fielddropdownitem.entry-CUMPmEzj.js} +1 -1
  23. package/dist/cjs/{nv-fieldmultiselect.entry-CWxL0xsk.js → nv-fieldmultiselect.entry-BFt11EM5.js} +1 -1
  24. package/dist/cjs/{nv-fieldnumber.entry-bReRT-TF.js → nv-fieldnumber.entry-V2AYjG7j.js} +1 -1
  25. package/dist/cjs/{nv-fieldpassword.entry-BprEVABM.js → nv-fieldpassword.entry-BoQAgzW2.js} +1 -1
  26. package/dist/cjs/{nv-fieldradio.entry-T_uuPP7m.js → nv-fieldradio.entry-CKDZ6g8q.js} +1 -1
  27. package/dist/cjs/{nv-fieldselect.entry-DB9YREaD.js → nv-fieldselect.entry-Daa3JB5t.js} +1 -1
  28. package/dist/cjs/{nv-fieldslider.entry-Bkj5p8jp.js → nv-fieldslider.entry-BhT0C9hG.js} +1 -1
  29. package/dist/cjs/{nv-fieldtext.entry-BsUZW21W.js → nv-fieldtext.entry-a1x9CfYv.js} +1 -1
  30. package/dist/cjs/{nv-fieldtextarea.entry-DtC4sL4g.js → nv-fieldtextarea.entry-nn5SqAJD.js} +1 -1
  31. package/dist/cjs/nv-fieldtime.entry-DQb9u4eg.js +1076 -0
  32. package/dist/cjs/{nv-icon.entry-BFTi5BIN.js → nv-icon.entry-17nX7627.js} +2 -2
  33. package/dist/cjs/{nv-iconbutton_2.entry-DI-3_IYV.js → nv-iconbutton_2.entry-WTj2sSR7.js} +3 -3
  34. package/dist/cjs/{nv-menu.entry-BbqP7TZx.js → nv-menu.entry-DnHSkRkc.js} +2 -2
  35. package/dist/cjs/{nv-menuitem.entry-BxGppIvW.js → nv-menuitem.entry-BMThBD-z.js} +2 -2
  36. package/dist/cjs/{nv-notification.entry-D1gy3PSV.js → nv-notification.entry-BgORwEc6.js} +2 -2
  37. package/dist/cjs/{nv-notificationcontainer.entry-MJPLFXsR.js → nv-notificationcontainer.entry-C3D52xHp.js} +2 -2
  38. package/dist/cjs/{nv-popover.entry-CL28RbQ0.js → nv-popover.entry-Bc5Hs_ZA.js} +2 -2
  39. package/dist/cjs/{nv-row.entry-DkCe2B9f.js → nv-row.entry-rTFsRQhn.js} +2 -2
  40. package/dist/cjs/{nv-split.entry-BMVNZDwj.js → nv-split.entry-CEkdVB0d.js} +2 -2
  41. package/dist/cjs/{nv-stack.entry-iH3La5O3.js → nv-stack.entry-DFWmiZRf.js} +2 -2
  42. package/dist/cjs/{nv-table.entry-DFHkpLLG.js → nv-table.entry-Drf8wXN5.js} +2 -2
  43. package/dist/cjs/{nv-toggle.entry-BM2Xdtvg.js → nv-toggle.entry-D3jHT0co.js} +3 -3
  44. package/dist/cjs/{nv-togglebutton.entry-DPu3j4uH.js → nv-togglebutton.entry-zN93TaA9.js} +2 -2
  45. package/dist/cjs/{nv-togglebuttongroup.entry-BBUI9mSK.js → nv-togglebuttongroup.entry-D4dUkodA.js} +2 -2
  46. package/dist/cjs/{nv-tooltip.entry-CEynYna7.js → nv-tooltip.entry-DqFRA9_B.js} +2 -2
  47. package/package.json +1 -1
  48. package/dist/cjs/nv-fieldtime.entry-BW8nABK-.js +0 -1028
@@ -3732,7 +3732,7 @@ const NvIcon$2 = /*@__PURE__*/ proxyCustomElement(class NvIcon extends H {
3732
3732
  /****************************************************************************/
3733
3733
  //#region RENDER
3734
3734
  render() {
3735
- return (h$1(Host$1, { key: 'ffcdd0ea4ec0be20ac53e2997df9448d0c341ca3', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h$1("svg", { key: 'da7318f5c81fcbdfd0d5ee1d90090e94e1bdfbb9', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h$1("use", { key: '4e423acadf40aad63eff2bf4a016f63e71b3b5ac', href: `#nvicon_${this.name}` }))));
3735
+ return (h$1(Host$1, { key: '6e9c51edb80741f70c2d8f3a9b60670fcdbf1ffd', class: clsx(this.color && `${this.color}`), role: "img", "aria-label": `${this.name}-icon` }, h$1("svg", { key: '2df0f05d51b54ab78d4764375ae73c83c86a0c1c', stroke: "currentColor", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: `nv-icon-${this.size}` }, h$1("use", { key: '6fb545fc4072b0de4edf5d76d15a0547dd5dd12e', href: `#nvicon_${this.name}` }))));
3736
3736
  }
3737
3737
  static get style() { return NvIconStyle0; }
3738
3738
  }, [0, "nv-icon", {
@@ -3781,7 +3781,7 @@ const NvLoader$2 = /*@__PURE__*/ proxyCustomElement(class NvLoader extends H {
3781
3781
  //#region RENDER
3782
3782
  /* <slot> empty to force rendering change */
3783
3783
  render() {
3784
- return (h$1(Host$1, { key: '932c76ef978e21bdab5a3502daadcdd7ecd05af4', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
3784
+ return (h$1(Host$1, { key: '4692310e37f31424602a1592cb0648e9bf95a609', class: clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
3785
3785
  }
3786
3786
  static get style() { return NvLoaderStyle0; }
3787
3787
  }, [0, "nv-loader", {
@@ -3917,7 +3917,7 @@ const NvIconbutton$2 = /*@__PURE__*/ proxyCustomElement(class NvIconbutton exten
3917
3917
  /****************************************************************************/
3918
3918
  //#region RENDER
3919
3919
  render() {
3920
- return (h$1(Host$1, { key: '21aa46431d8a9f64cfc6fba04a04b72de31c74a4', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h$1("nv-loader", { key: 'c2df9292a9c49f178e6e160dedeac3fe99776322', size: this.size }), !this.loading && h$1("nv-icon", { key: 'b7053d9e3a71a1464b41b021f41fe36c6591f114', name: this.name, size: this.size }), h$1("slot", { key: '70e8576ea565651df7dca6221cfed4160f86f025' })));
3920
+ return (h$1(Host$1, { key: '4cda6f8b0c762c08964c5a4a882331d84eaa4514', role: "button", type: this.type, tabindex: "0", disabled: this.disabled ? true : undefined, class: clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && h$1("nv-loader", { key: 'f433d942bad470a376ef8164e73b7025d15bd39e', size: this.size }), !this.loading && h$1("nv-icon", { key: '1ceebfa6b5907dac279efff65a0f6d977d062453', name: this.name, size: this.size }), h$1("slot", { key: 'd7f882e9c8dc0fcdb1bbb9ff783f7d387036d043' })));
3921
3921
  }
3922
3922
  static get formAssociated() { return true; }
3923
3923
  get el() { return this; }
@@ -7651,7 +7651,7 @@ const NvPopover$2 = /*@__PURE__*/ proxyCustomElement(class NvPopover extends H {
7651
7651
  /****************************************************************************/
7652
7652
  //#region RENDER
7653
7653
  render() {
7654
- return (h$1(Host$1, { key: '0644e319053ca1f216aac89f5737805008b097be' }, h$1("slot", { key: '7f03080c300378be09e6fce9a44fa2a4a8730f40', name: "trigger" }), h$1("div", { key: '801b7f1dd8c87db5eb06bcabddda8936c89a6ab2', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: 'd8e40589a4c53d4ac0c313f3d97cf61ef928f56d', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: 'af0743b1a94c44dd161712e080dbf54a69c9d4a4', name: "content" }))));
7654
+ return (h$1(Host$1, { key: '8fdb18b1233e2f988d16b85927bbf5b1f7f47630' }, h$1("slot", { key: '3dfc19787da335fa0e6b38fe2aebfa1a9df04ea8', name: "trigger" }), h$1("div", { key: 'd529ca4a2efb62d6bfab679d85acbfb8002e1442', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (h$1("div", { key: 'bb187c48e62a9653af8649c1a0670534499f6060', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), h$1("slot", { key: 'b60efb50e864ac0f530fcb7b9fc52c53924f29b1', name: "content" }))));
7655
7655
  }
7656
7656
  get el() { return this; }
7657
7657
  static get watchers() { return {
@@ -7737,7 +7737,7 @@ const NvTooltip$2 = /*@__PURE__*/ proxyCustomElement(class NvTooltip extends H {
7737
7737
  /****************************************************************************/
7738
7738
  //#region RENDER
7739
7739
  render() {
7740
- return (h$1(Host$1, { key: '5d5facbf2a0487bda4fbae49913a2cb4f69dcf5a' }, h$1("slot", { key: '91080d347f3473879109f7b0b59b159f5bb5979b' }), h$1("nv-popover", { key: '876e5e2487d1b2b5182e42909a6edeab5b3e9db2', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h$1("p", { key: 'e30ce16ed27e41dee7359fb44ccba7a780e72d37', slot: "content" }, this.message), h$1("slot", { key: '395c75d7f45bab9aaebf979bd75087058b979350', name: "content" }))));
7740
+ return (h$1(Host$1, { key: 'bbf9407ca59c3e6122cbdc7c9e3aefe56b64311d' }, h$1("slot", { key: 'b13ae1307843e66cd018ce204c94147b53a26649' }), h$1("nv-popover", { key: '12d9bdca8d68eff93f6aa80304535df3be127c32', triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, h$1("p", { key: '6f4e64e97cc644f9da030e30b1069150c47c2985', slot: "content" }, this.message), h$1("slot", { key: '2b55d3b0c1279ce0a8bf165be1b26fe854e91d47', name: "content" }))));
7741
7741
  }
7742
7742
  get el() { return this; }
7743
7743
  static get style() { return NvTooltipStyle0; }
@@ -24612,20 +24612,241 @@ const NvFieldtextarea$2 = NvFieldtextarea$1;
24612
24612
  const defineCustomElement$j = defineCustomElement$1$b;
24613
24613
 
24614
24614
  /**
24615
- * Checks if a string starts with a given prefix, ignoring case.
24616
- * @param {string} str - The string to check.
24617
- * @param {string} prefix - The prefix to check for.
24618
- * @returns {boolean} - True if the string starts with the prefix, ignoring case.
24619
- * @example startsWithIgnoreCase('Hello, world!', 'hello') // true
24620
- * @example startsWithIgnoreCase('Hello, world!', 'world') // false
24615
+ * Format configurations for all supported time formats
24621
24616
  */
24622
- function startsWithIgnoreCase(str, prefix) {
24623
- if (!str || !prefix)
24617
+ const FORMAT_CONFIGS = {
24618
+ 'HH': {
24619
+ pattern: /^([0-1]?[0-9]|2[0-3])$/,
24620
+ parts: [TimeType.Hours],
24621
+ defaultValue: '00',
24622
+ maxLength: 2,
24623
+ },
24624
+ 'HH:mm': {
24625
+ pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,
24626
+ parts: [TimeType.Hours, TimeType.Minutes],
24627
+ defaultValue: '00:00',
24628
+ maxLength: 5,
24629
+ },
24630
+ 'HH:mm:ss': {
24631
+ pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,
24632
+ parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],
24633
+ defaultValue: '00:00:00',
24634
+ maxLength: 8,
24635
+ },
24636
+ 'hh': {
24637
+ pattern: /^(0?[1-9]|1[0-2])$/,
24638
+ parts: [TimeType.Hours],
24639
+ defaultValue: '01',
24640
+ maxLength: 2,
24641
+ },
24642
+ 'hh:mm': {
24643
+ pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,
24644
+ parts: [TimeType.Hours, TimeType.Minutes],
24645
+ defaultValue: '01:00',
24646
+ maxLength: 5,
24647
+ },
24648
+ 'hh:mm:ss': {
24649
+ pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,
24650
+ parts: [TimeType.Hours, TimeType.Minutes, TimeType.Seconds],
24651
+ defaultValue: '01:00:00',
24652
+ maxLength: 8,
24653
+ },
24654
+ };
24655
+ /**
24656
+ * Returns the visible time types for a given format
24657
+ * @param {string} format - The time format string
24658
+ * @returns {TimeType[]} Array of TimeType values that should be visible
24659
+ */
24660
+ function getVisibleTimeTypes(format) {
24661
+ const config = FORMAT_CONFIGS[format];
24662
+ if (!config) {
24663
+ // Fallback for unknown formats
24664
+ return [TimeType.Hours, TimeType.Minutes, TimeType.Seconds];
24665
+ }
24666
+ return config.parts;
24667
+ }
24668
+ /**
24669
+ * Validates if a given value string matches the expected format pattern
24670
+ * @param {string} value - The time value string to validate
24671
+ * @param {string} format - The expected time format
24672
+ * @returns {boolean} True if the value matches the format, false otherwise
24673
+ */
24674
+ function isValidFormatValue(value, format) {
24675
+ if (!value || !format) {
24676
+ return false;
24677
+ }
24678
+ const config = FORMAT_CONFIGS[format];
24679
+ if (!config) {
24624
24680
  return false;
24625
- return str.toLowerCase().startsWith(prefix.toLowerCase());
24681
+ }
24682
+ return config.pattern.test(value);
24626
24683
  }
24627
-
24628
- const nvFieldtimeCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}";
24684
+ /**
24685
+ * Parses a time value string according to the specified format
24686
+ * Handles both full and partial time strings with backward compatibility
24687
+ * @param {string} value - The time value string to parse
24688
+ * @param {string} format - The target time format
24689
+ * @returns {TimeComponents} TimeComponents object with parsed hours, minutes, and seconds
24690
+ */
24691
+ function parseValueByFormat(value, format) {
24692
+ const config = FORMAT_CONFIGS[format];
24693
+ const defaultComponents = {
24694
+ hours: format.startsWith('hh') ? '01' : '00',
24695
+ minutes: '00',
24696
+ seconds: '00',
24697
+ };
24698
+ if (!value || !config) {
24699
+ return defaultComponents;
24700
+ }
24701
+ // Clean the input value - remove non-numeric characters except colons
24702
+ const cleanValue = value.replace(/[^0-9:]/g, '');
24703
+ // Try to match the exact format first
24704
+ const exactMatch = cleanValue.match(config.pattern);
24705
+ if (exactMatch) {
24706
+ return extractComponentsFromMatch(exactMatch, format);
24707
+ }
24708
+ // Handle backward compatibility - parse full format values when format is shorter
24709
+ const fullFormatPattern = /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/;
24710
+ const fullMatch = cleanValue.match(fullFormatPattern);
24711
+ if (fullMatch) {
24712
+ const fullComponents = extractComponentsFromMatch(fullMatch, 'HH:mm:ss');
24713
+ return extractRelevantComponents(fullComponents, format);
24714
+ }
24715
+ // Handle partial format values - try to parse what we can
24716
+ const parts = cleanValue.split(':');
24717
+ const result = Object.assign({}, defaultComponents);
24718
+ if (parts.length >= 1 && parts[0]) {
24719
+ const hours = parseInt(parts[0], 10);
24720
+ if (!isNaN(hours)) {
24721
+ if (format.startsWith('hh')) {
24722
+ // 12-hour format validation
24723
+ if (hours >= 1 && hours <= 12) {
24724
+ result.hours = hours.toString().padStart(2, '0');
24725
+ }
24726
+ else {
24727
+ // Invalid hour for 12-hour format, keep default
24728
+ result.hours = defaultComponents.hours;
24729
+ }
24730
+ }
24731
+ else {
24732
+ // 24-hour format validation
24733
+ if (hours >= 0 && hours <= 23) {
24734
+ result.hours = hours.toString().padStart(2, '0');
24735
+ }
24736
+ else {
24737
+ // Invalid hour for 24-hour format, keep default
24738
+ result.hours = defaultComponents.hours;
24739
+ }
24740
+ }
24741
+ }
24742
+ }
24743
+ if (parts.length >= 2 &&
24744
+ parts[1] &&
24745
+ config.parts.includes(TimeType.Minutes)) {
24746
+ const minutes = parseInt(parts[1], 10);
24747
+ if (!isNaN(minutes) && minutes >= 0 && minutes <= 59) {
24748
+ result.minutes = minutes.toString().padStart(2, '0');
24749
+ }
24750
+ }
24751
+ if (parts.length >= 3 &&
24752
+ parts[2] &&
24753
+ config.parts.includes(TimeType.Seconds)) {
24754
+ const seconds = parseInt(parts[2], 10);
24755
+ if (!isNaN(seconds) && seconds >= 0 && seconds <= 59) {
24756
+ result.seconds = seconds.toString().padStart(2, '0');
24757
+ }
24758
+ }
24759
+ return result;
24760
+ }
24761
+ /**
24762
+ * Extracts time components from a regex match result
24763
+ * @param {RegExpMatchArray} match - The regex match result
24764
+ * @param {string} format - The format that was matched
24765
+ * @returns {TimeComponents} TimeComponents object
24766
+ */
24767
+ function extractComponentsFromMatch(match, format) {
24768
+ const result = {
24769
+ hours: format.startsWith('hh') ? '01' : '00',
24770
+ minutes: '00',
24771
+ seconds: '00',
24772
+ };
24773
+ if (match[1]) {
24774
+ result.hours = parseInt(match[1], 10).toString().padStart(2, '0');
24775
+ }
24776
+ if (match[2]) {
24777
+ result.minutes = parseInt(match[2], 10).toString().padStart(2, '0');
24778
+ }
24779
+ if (match[3]) {
24780
+ result.seconds = parseInt(match[3], 10).toString().padStart(2, '0');
24781
+ }
24782
+ return result;
24783
+ }
24784
+ /**
24785
+ * Extracts only the relevant components based on the target format
24786
+ * @param {TimeComponents} components - Full time components
24787
+ * @param {string} format - Target format to extract components for
24788
+ * @returns {TimeComponents} TimeComponents with only relevant parts
24789
+ */
24790
+ function extractRelevantComponents(components, format) {
24791
+ const config = FORMAT_CONFIGS[format];
24792
+ const result = {
24793
+ hours: format.startsWith('hh') ? '01' : '00',
24794
+ minutes: '00',
24795
+ seconds: '00',
24796
+ };
24797
+ if (config.parts.includes(TimeType.Hours)) {
24798
+ // Validate hours for the target format
24799
+ const hours = parseInt(components.hours, 10);
24800
+ if (format.startsWith('hh')) {
24801
+ // 12-hour format validation
24802
+ if (hours >= 1 && hours <= 12) {
24803
+ result.hours = components.hours;
24804
+ }
24805
+ // If invalid, keep the default '01'
24806
+ }
24807
+ else {
24808
+ // 24-hour format validation
24809
+ if (hours >= 0 && hours <= 23) {
24810
+ result.hours = components.hours;
24811
+ }
24812
+ // If invalid, keep the default '00'
24813
+ }
24814
+ }
24815
+ if (config.parts.includes(TimeType.Minutes)) {
24816
+ result.minutes = components.minutes;
24817
+ }
24818
+ if (config.parts.includes(TimeType.Seconds)) {
24819
+ result.seconds = components.seconds;
24820
+ }
24821
+ return result;
24822
+ }
24823
+ /**
24824
+ * Reconstructs a time string from components according to the specified format
24825
+ * @param {TimeComponents} components - Time components to reconstruct
24826
+ * @param {string} format - Target format for reconstruction
24827
+ * @returns {string} Formatted time string
24828
+ */
24829
+ function reconstructTimeByFormat(components, format) {
24830
+ const config = FORMAT_CONFIGS[format];
24831
+ if (!config) {
24832
+ return `${components.hours}:${components.minutes}:${components.seconds}`;
24833
+ }
24834
+ switch (format) {
24835
+ case 'HH':
24836
+ case 'hh':
24837
+ return components.hours;
24838
+ case 'HH:mm':
24839
+ case 'hh:mm':
24840
+ return `${components.hours}:${components.minutes}`;
24841
+ case 'HH:mm:ss':
24842
+ case 'hh:mm:ss':
24843
+ return `${components.hours}:${components.minutes}:${components.seconds}`;
24844
+ default:
24845
+ return `${components.hours}:${components.minutes}:${components.seconds}`;
24846
+ }
24847
+ }
24848
+
24849
+ const nvFieldtimeCss = "nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtime{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtime[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtime[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtime[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtime[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtime label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtime nv-popover{width:100%;display:block;z-index:9999}nv-fieldtime nv-popover [data-scope=popover]{padding:var(--list-dropdown-padding);background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:100%}nv-fieldtime .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fieldtime .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:40px;gap:0;padding-left:var(--form-field-padding-x)}nv-fieldtime .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtime .input-container:focus-within,nv-fieldtime .input-container:focus-within:hover,nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtime .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtime .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtime .input-container input.time-input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%;width:100%;min-width:24px;flex:0 0 24px;text-align:center;padding:0;margin:0}nv-fieldtime .input-container input.time-input:focus{outline:none}nv-fieldtime .input-container input.time-input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtime .input-container input.time-input[type=password]::-ms-clear,nv-fieldtime .input-container input.time-input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtime .input-container input.time-input::-webkit-inner-spin-button,nv-fieldtime .input-container input.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}nv-fieldtime .input-container span{width:100%;text-align:center;min-width:24px;flex:0 0 24px;padding:0 4px;color:var(--components-form-field-content-text)}nv-fieldtime .input-container>nv-iconbutton{border:0px;border-radius:0px;margin-left:auto}nv-fieldtime .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldtime .input-container>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldtime .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px;top:50%;transform:translateY(-50%)}nv-fieldtime .input-container:focus,nv-fieldtime .input-container:focus-within{border-color:var(--color-focus-brand);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--color-focus-brand)}nv-fieldtime .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtime .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtime hr{border:none;border-top:1px solid var(--dropdown-divider-color, #ccc);margin:0.5rem 0}nv-fieldtime .time-dropdown{width:100%}nv-fieldtime .time-dropdown .time-columns{display:flex;justify-content:flex-start;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column{flex:1;text-align:center;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges;scrollbar-gutter:auto}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar{width:6px;height:6px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}nv-fieldtime .time-dropdown .time-columns .time-column:last-child{border-right:none}nv-fieldtime .time-dropdown .time-columns .time-column .time-option{padding:var(--calendar-padding);text-align:center;cursor:pointer;transition:background-color 0.2s;border-radius:var(--list-dropdown-item-radius);color:var(--components-calendar-cell-text);font-size:var(--font-size-sm);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus,nv-fieldtime .time-dropdown .time-columns .time-column .time-option:focus-within{background-color:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-calendar-cell-background-hover);color:var(--components-menu-contextual-item-content-hover)}";
24629
24850
  const NvFieldtimeStyle0 = nvFieldtimeCss;
24630
24851
 
24631
24852
  const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends H {
@@ -24686,6 +24907,10 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
24686
24907
  * - hh: 12-hour format (01-12)
24687
24908
  * - hh:mm: 12-hour format with minutes (01:00-12:59)
24688
24909
  * - hh:mm:ss: 12-hour format with minutes and seconds (01:00:00-12:59:59)
24910
+ *
24911
+ * The component automatically shows only the relevant input fields based on the selected format.
24912
+ * When the format changes dynamically, the component re-parses the current value and updates
24913
+ * the visible fields accordingly.
24689
24914
  */
24690
24915
  this.format = 'HH:mm:ss';
24691
24916
  /**
@@ -24714,7 +24939,7 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
24714
24939
  this.open = event.detail;
24715
24940
  }
24716
24941
  handleKeyDown(event) {
24717
- var _a, _b, _c, _d;
24942
+ var _a, _b;
24718
24943
  if (!this.open) {
24719
24944
  if (event.key === 'ArrowDown') {
24720
24945
  this.open = true;
@@ -24749,20 +24974,22 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
24749
24974
  else if (event.key === 'Enter' && currentIndex >= 0) {
24750
24975
  event.preventDefault();
24751
24976
  items[currentIndex].click();
24752
- if (this.typeFocused === TimeType.Hours) {
24753
- (_a = this.inputElements[TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
24754
- (_b = this.inputElements[TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
24755
- }
24756
- else if (this.typeFocused === TimeType.Minutes ||
24757
- this.typeFocused === TimeType.Seconds) {
24758
- (_c = this.inputElements[TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
24759
- (_d = this.inputElements[TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
24977
+ // Navigate to the next visible field
24978
+ const visibleTypes = getVisibleTimeTypes(this.format);
24979
+ const currentTypeIndex = visibleTypes.indexOf(this.typeFocused);
24980
+ const nextTypeIndex = currentTypeIndex + 1;
24981
+ if (nextTypeIndex < visibleTypes.length) {
24982
+ const nextType = visibleTypes[nextTypeIndex];
24983
+ (_a = this.inputElements[nextType]) === null || _a === void 0 ? void 0 : _a.focus();
24984
+ (_b = this.inputElements[nextType]) === null || _b === void 0 ? void 0 : _b.select();
24760
24985
  }
24761
24986
  }
24762
24987
  else if (event.key === 'Escape') {
24763
24988
  event.preventDefault();
24764
- if (this.inputElements[TimeType.Hours]) {
24765
- this.inputElements[TimeType.Hours].blur();
24989
+ const visibleTypes = getVisibleTimeTypes(this.format);
24990
+ const firstVisibleType = visibleTypes[0];
24991
+ if (firstVisibleType && this.inputElements[firstVisibleType]) {
24992
+ this.inputElements[firstVisibleType].blur();
24766
24993
  }
24767
24994
  }
24768
24995
  }
@@ -24770,6 +24997,18 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
24770
24997
  /****************************************************************************/
24771
24998
  //#region WATCHERS
24772
24999
  handleValueChange(newValue) {
25000
+ // Parse the new value and ensure it's in the correct format
25001
+ if (newValue) {
25002
+ const components = parseValueByFormat(newValue, this.format);
25003
+ const formattedValue = reconstructTimeByFormat(components, this.format);
25004
+ // Only emit if the formatted value is different from what we received
25005
+ // This prevents infinite loops while ensuring format consistency
25006
+ if (formattedValue !== newValue) {
25007
+ this.value = formattedValue;
25008
+ return; // The watcher will be called again with the formatted value
25009
+ }
25010
+ }
25011
+ // Emit the value in the correct format
24773
25012
  this.valueChanged.emit(newValue);
24774
25013
  }
24775
25014
  handleOpenChange(newOpen) {
@@ -24784,12 +25023,36 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
24784
25023
  this.updateColumnHighlight(secondsSelector, this.seconds);
24785
25024
  }
24786
25025
  }
25026
+ handleFormatChange(newFormat, oldFormat) {
25027
+ if (newFormat === oldFormat) {
25028
+ return; // No change, nothing to do
25029
+ }
25030
+ // Re-parse the current value with the new format
25031
+ const currentValue = this.value || this.reconstructTime();
25032
+ // Parse the current value using the old format to get the time components
25033
+ const components = parseValueByFormat(currentValue, oldFormat || 'HH:mm:ss');
25034
+ // Update the component state with the parsed components
25035
+ this.hours = components.hours;
25036
+ this.minutes = components.minutes;
25037
+ this.seconds = components.seconds;
25038
+ // Reconstruct the time value in the new format
25039
+ const newValue = reconstructTimeByFormat(components, newFormat);
25040
+ // Update the value, which will trigger the value watcher and emit the event
25041
+ this.value = newValue;
25042
+ // Force a re-render to update the visible input fields
25043
+ forceUpdate$1(this.el);
25044
+ }
24787
25045
  //#endregion WATCHERS
24788
25046
  /****************************************************************************/
24789
25047
  //#region METHODS
24790
25048
  handleInputChange(e, type) {
24791
25049
  const inputElement = e.target;
24792
25050
  const inputValue = inputElement.value.replace(/[^0-9]/g, ''); // Only keep numeric input
25051
+ // Check if this field is visible for the current format
25052
+ const visibleTypes = getVisibleTimeTypes(this.format);
25053
+ if (!visibleTypes.includes(type)) {
25054
+ return; // Don't process input for non-visible fields
25055
+ }
24793
25056
  // Update the time value based on the type
24794
25057
  switch (type) {
24795
25058
  case TimeType.Hours:
@@ -24802,488 +25065,230 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
24802
25065
  this.handleSecondsChange(inputValue, type);
24803
25066
  break;
24804
25067
  }
24805
- // Reconstruct time from inputs
24806
- const currentValue = this.reconstructTime();
24807
- this.value = currentValue;
25068
+ // Reconstruct time from inputs in the correct format
25069
+ const reconstructedValue = this.reconstructTime();
25070
+ // Update the value, which will trigger the watcher and emit the event
25071
+ this.value = reconstructedValue;
24808
25072
  }
24809
25073
  handleHoursChange(inputValue, type) {
24810
- var _a, _b, _c, _d;
25074
+ var _a, _b;
24811
25075
  const isHHFormat = this.format.startsWith('HH');
24812
25076
  const maxHours = isHHFormat ? 24 : 12;
24813
- let reputedToZero = false;
24814
- const maxHour = this.parseHour(this.max, this.format) ||
24815
- (this.format.startsWith('hh') ? '12' : '24');
24816
- const minHour = this.parseHour(this.min, this.format) || '00';
25077
+ // Handle empty input
25078
+ if (inputValue.length === 0) {
25079
+ this.hours = '00';
25080
+ return;
25081
+ }
24817
25082
  if (inputValue.length === 1) {
24818
25083
  this.inputZeroAdded[type] = true;
24819
25084
  const newInputValue = inputValue.padStart(2, '0');
24820
- if (maxHour && parseInt(newInputValue, 10) > parseInt(maxHour, 10)) {
24821
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24822
- this.hours = minHour;
24823
- }
24824
- else {
24825
- this.hours = '00';
24826
- reputedToZero = true;
24827
- }
24828
- }
24829
- else {
24830
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24831
- this.hours = minHour;
24832
- }
24833
- else {
24834
- this.hours = newInputValue;
24835
- }
24836
- }
25085
+ this.hours = newInputValue;
24837
25086
  }
24838
25087
  else if (this.inputZeroAdded[type]) {
24839
25088
  this.inputZeroAdded[type] = false;
24840
25089
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
24841
25090
  const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25091
+ // Only apply format validation (not min/max constraints)
24842
25092
  if (parsedNewInputValue >= maxHours) {
24843
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24844
- this.hours = minHour;
24845
- }
24846
- else {
24847
- this.hours = '00';
24848
- reputedToZero = true;
24849
- }
25093
+ this.hours = '00';
24850
25094
  }
24851
25095
  else {
24852
- if (maxHour && parseInt(newInputValue, 10) > parseInt(maxHour, 10)) {
24853
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24854
- this.hours = minHour;
24855
- }
24856
- else {
24857
- this.hours = '00';
24858
- reputedToZero = true;
24859
- }
24860
- }
24861
- else {
24862
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24863
- this.hours = minHour;
24864
- }
24865
- else {
24866
- this.hours = newInputValue;
24867
- }
24868
- }
25096
+ this.hours = newInputValue;
24869
25097
  }
24870
25098
  }
24871
25099
  else if (inputValue.length > 2) {
24872
25100
  if (inputValue.startsWith('00')) {
24873
25101
  this.inputZeroAdded[type] = true;
24874
25102
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
24875
- if (maxHour && parseInt(newInputValue, 10) > parseInt(maxHour, 10)) {
24876
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24877
- this.hours = minHour;
24878
- }
24879
- else {
24880
- this.hours = '00';
24881
- reputedToZero = true;
24882
- }
24883
- }
24884
- else {
24885
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24886
- this.hours = minHour;
24887
- }
24888
- else {
24889
- this.hours = newInputValue;
24890
- }
24891
- }
25103
+ this.hours = newInputValue;
24892
25104
  }
24893
25105
  else {
24894
25106
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
24895
25107
  const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25108
+ // Only apply format validation (not min/max constraints)
24896
25109
  if (parsedNewInputValue >= maxHours) {
24897
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24898
- this.hours = minHour;
24899
- reputedToZero = true;
24900
- }
24901
- else {
24902
- this.hours = '00';
24903
- reputedToZero = true;
24904
- }
25110
+ this.hours = '00';
24905
25111
  }
24906
25112
  else {
24907
- if (maxHour && parsedNewInputValue > parseInt(maxHour, 10)) {
24908
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24909
- this.hours = minHour;
24910
- }
24911
- else {
24912
- this.hours = '00';
24913
- reputedToZero = true;
24914
- }
24915
- }
24916
- else {
24917
- if (parsedNewInputValue < parseInt(minHour, 10)) {
24918
- this.hours = minHour;
24919
- }
24920
- else {
24921
- this.hours = parsedNewInputValue.toString();
24922
- }
24923
- }
25113
+ this.hours = parsedNewInputValue.toString();
24924
25114
  }
24925
25115
  }
24926
25116
  }
24927
25117
  else {
24928
- const newInputValue = inputValue.padStart(2, '0');
24929
- const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25118
+ const parsedNewInputValue = parseInt(inputValue, 10) || 0;
25119
+ // Only apply format validation (not min/max constraints)
24930
25120
  if (parsedNewInputValue >= maxHours) {
24931
- if (parseInt(newInputValue, 10) < parseInt(minHour, 10)) {
24932
- this.hours = minHour;
24933
- }
24934
- else {
24935
- this.hours = '00';
24936
- reputedToZero = true;
24937
- }
25121
+ this.hours = '00';
24938
25122
  }
24939
25123
  else {
24940
- if (maxHour && parsedNewInputValue > parseInt(maxHour, 10)) {
24941
- this.hours = '00';
24942
- reputedToZero = true;
24943
- }
24944
- else {
24945
- if (parsedNewInputValue < parseInt(minHour, 10)) {
24946
- this.hours = minHour;
24947
- }
24948
- else {
24949
- this.hours = parsedNewInputValue.toString();
24950
- }
24951
- }
25124
+ // For direct input, remove unnecessary leading zeros (e.g., '01' becomes '1')
25125
+ this.hours = parsedNewInputValue.toString();
24952
25126
  }
24953
25127
  }
24954
- if (this.hours.length === 2 &&
24955
- !this.inputZeroAdded[type] &&
24956
- !reputedToZero) {
24957
- (_a = this.inputElements[TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
24958
- (_b = this.inputElements[TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
24959
- }
24960
- else if (reputedToZero) {
24961
- (_c = this.inputElements[TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
24962
- (_d = this.inputElements[TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
25128
+ // Auto-navigation to next field when input is complete
25129
+ if (this.hours.length >= 1 && !this.inputZeroAdded[type]) {
25130
+ const visibleTypes = getVisibleTimeTypes(this.format);
25131
+ const currentTypeIndex = visibleTypes.indexOf(TimeType.Hours);
25132
+ const nextTypeIndex = currentTypeIndex + 1;
25133
+ if (nextTypeIndex < visibleTypes.length) {
25134
+ const nextType = visibleTypes[nextTypeIndex];
25135
+ (_a = this.inputElements[nextType]) === null || _a === void 0 ? void 0 : _a.focus();
25136
+ (_b = this.inputElements[nextType]) === null || _b === void 0 ? void 0 : _b.select();
25137
+ }
24963
25138
  }
24964
25139
  }
24965
25140
  handleMinutesChange(inputValue, type) {
24966
- var _a, _b, _c, _d, _e, _f;
25141
+ var _a, _b;
24967
25142
  const maxMinutes = 60;
24968
- let reputedToZero = false;
24969
- const minMinute = (_a = this.parseMinute(this.min)) !== null && _a !== void 0 ? _a : 0;
24970
- const maxMinute = (_b = this.parseMinute(this.max)) !== null && _b !== void 0 ? _b : 59;
25143
+ // Handle empty input
25144
+ if (inputValue.length === 0) {
25145
+ this.minutes = '00';
25146
+ return;
25147
+ }
24971
25148
  if (inputValue.length === 1) {
24972
25149
  this.inputZeroAdded[type] = true;
24973
25150
  const newInputValue = inputValue.padStart(2, '0');
24974
- if (maxMinute && parseInt(newInputValue, 10) > maxMinute) {
24975
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
24976
- this.minutes = minMinute.toString().padStart(2, '0');
24977
- }
24978
- else {
24979
- this.minutes = '00';
24980
- reputedToZero = true;
24981
- }
24982
- }
24983
- else {
24984
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
24985
- this.minutes = minMinute.toString().padStart(2, '0');
24986
- }
24987
- else {
24988
- this.minutes = newInputValue;
24989
- }
24990
- }
25151
+ this.minutes = newInputValue;
24991
25152
  }
24992
25153
  else if (this.inputZeroAdded[type]) {
24993
25154
  this.inputZeroAdded[type] = false;
24994
25155
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
24995
25156
  const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25157
+ // Only apply format validation (not min/max constraints)
24996
25158
  if (parsedNewInputValue >= maxMinutes) {
24997
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
24998
- this.minutes = minMinute.toString().padStart(2, '0');
24999
- }
25000
- else {
25001
- this.minutes = '00';
25002
- reputedToZero = true;
25003
- }
25159
+ this.minutes = '00';
25004
25160
  }
25005
25161
  else {
25006
- if (maxMinute && parsedNewInputValue > maxMinute) {
25007
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
25008
- this.minutes = minMinute.toString().padStart(2, '0');
25009
- }
25010
- else {
25011
- this.minutes = '00';
25012
- reputedToZero = true;
25013
- }
25014
- }
25015
- else {
25016
- if (minMinute && parsedNewInputValue < minMinute) {
25017
- this.minutes = minMinute.toString().padStart(2, '0');
25018
- }
25019
- else {
25020
- this.minutes = newInputValue;
25021
- }
25022
- }
25162
+ this.minutes = newInputValue;
25023
25163
  }
25024
25164
  }
25025
25165
  else if (inputValue.length > 2) {
25026
25166
  if (inputValue.startsWith('00')) {
25027
25167
  this.inputZeroAdded[type] = true;
25028
25168
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
25029
- if (maxMinute && parseInt(newInputValue, 10) > maxMinute) {
25030
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
25031
- this.minutes = minMinute.toString().padStart(2, '0');
25032
- }
25033
- else {
25034
- this.minutes = '00';
25035
- reputedToZero = true;
25036
- }
25037
- }
25038
- else {
25039
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
25040
- this.minutes = minMinute.toString().padStart(2, '0');
25041
- }
25042
- else {
25043
- this.minutes = newInputValue;
25044
- }
25045
- }
25169
+ this.minutes = newInputValue;
25046
25170
  }
25047
25171
  else {
25048
25172
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
25049
25173
  const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25174
+ // Only apply format validation (not min/max constraints)
25050
25175
  if (parsedNewInputValue >= maxMinutes) {
25051
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
25052
- this.minutes = minMinute.toString().padStart(2, '0');
25053
- }
25054
- else {
25055
- this.minutes = '00';
25056
- reputedToZero = true;
25057
- }
25176
+ this.minutes = '00';
25058
25177
  }
25059
25178
  else {
25060
- if (maxMinute && parsedNewInputValue > maxMinute) {
25061
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
25062
- this.minutes = minMinute.toString().padStart(2, '0');
25063
- }
25064
- else {
25065
- this.minutes = '00';
25066
- reputedToZero = true;
25067
- }
25068
- }
25069
- else {
25070
- if (minMinute && parsedNewInputValue < minMinute) {
25071
- this.minutes = minMinute.toString().padStart(2, '0');
25072
- }
25073
- else {
25074
- this.minutes = parsedNewInputValue.toString();
25075
- }
25076
- }
25179
+ this.minutes = parsedNewInputValue.toString();
25077
25180
  }
25078
25181
  }
25079
25182
  }
25080
25183
  else {
25081
- const newInputValue = inputValue.padStart(2, '0');
25082
- const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25184
+ const parsedNewInputValue = parseInt(inputValue, 10) || 0;
25185
+ // Only apply format validation (not min/max constraints)
25083
25186
  if (parsedNewInputValue >= maxMinutes) {
25084
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
25085
- this.minutes = minMinute.toString().padStart(2, '0');
25086
- }
25087
- else {
25088
- this.minutes = '00';
25089
- reputedToZero = true;
25090
- }
25187
+ this.minutes = '00';
25091
25188
  }
25092
25189
  else {
25093
- if (maxMinute && parsedNewInputValue > maxMinute) {
25094
- if (minMinute && parseInt(newInputValue, 10) < minMinute) {
25095
- this.minutes = minMinute.toString().padStart(2, '0');
25096
- }
25097
- else {
25098
- this.minutes = '00';
25099
- reputedToZero = true;
25100
- }
25101
- }
25102
- else {
25103
- if (minMinute && parsedNewInputValue < minMinute) {
25104
- this.minutes = minMinute.toString().padStart(2, '0');
25105
- }
25106
- else {
25107
- this.minutes = parsedNewInputValue.toString();
25108
- }
25109
- }
25190
+ // For direct input, remove unnecessary leading zeros (e.g., '01' becomes '1')
25191
+ this.minutes = parsedNewInputValue.toString();
25110
25192
  }
25111
25193
  }
25112
- if (this.minutes.length === 2 &&
25113
- !this.inputZeroAdded[type] &&
25114
- !reputedToZero) {
25115
- (_c = this.inputElements[TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
25116
- (_d = this.inputElements[TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
25117
- }
25118
- else if (reputedToZero) {
25119
- (_e = this.inputElements[TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
25120
- (_f = this.inputElements[TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
25194
+ // Auto-navigation to next field when input is complete
25195
+ if (this.minutes.length >= 1 && !this.inputZeroAdded[type]) {
25196
+ const visibleTypes = getVisibleTimeTypes(this.format);
25197
+ const currentTypeIndex = visibleTypes.indexOf(TimeType.Minutes);
25198
+ const nextTypeIndex = currentTypeIndex + 1;
25199
+ if (nextTypeIndex < visibleTypes.length) {
25200
+ const nextType = visibleTypes[nextTypeIndex];
25201
+ (_a = this.inputElements[nextType]) === null || _a === void 0 ? void 0 : _a.focus();
25202
+ (_b = this.inputElements[nextType]) === null || _b === void 0 ? void 0 : _b.select();
25203
+ }
25121
25204
  }
25122
25205
  }
25123
25206
  handleSecondsChange(inputValue, type) {
25124
- var _a, _b, _c, _d;
25125
25207
  const maxSeconds = 60;
25126
- let reputedToZero = false;
25127
- const minSecond = (_a = this.parseSecond(this.min)) !== null && _a !== void 0 ? _a : 0;
25128
- const maxSecond = (_b = this.parseSecond(this.max)) !== null && _b !== void 0 ? _b : 59;
25208
+ // Handle empty input
25209
+ if (inputValue.length === 0) {
25210
+ this.seconds = '00';
25211
+ return;
25212
+ }
25129
25213
  if (inputValue.length === 1) {
25130
25214
  this.inputZeroAdded[type] = true;
25131
25215
  const newInputValue = inputValue.padStart(2, '0');
25132
- if (maxSecond && parseInt(newInputValue, 10) > maxSecond) {
25133
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25134
- this.seconds = minSecond.toString().padStart(2, '0');
25135
- }
25136
- else {
25137
- this.seconds = '00';
25138
- reputedToZero = true;
25139
- }
25140
- }
25141
- else {
25142
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25143
- this.seconds = minSecond.toString().padStart(2, '0');
25144
- }
25145
- else {
25146
- this.seconds = newInputValue;
25147
- }
25148
- }
25216
+ this.seconds = newInputValue;
25149
25217
  }
25150
25218
  else if (this.inputZeroAdded[type]) {
25151
25219
  this.inputZeroAdded[type] = false;
25152
25220
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
25153
25221
  const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25222
+ // Only apply format validation (not min/max constraints)
25154
25223
  if (parsedNewInputValue >= maxSeconds) {
25155
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25156
- this.seconds = minSecond.toString().padStart(2, '0');
25157
- }
25158
- else {
25159
- this.seconds = '00';
25160
- reputedToZero = true;
25161
- }
25224
+ this.seconds = '00';
25162
25225
  }
25163
25226
  else {
25164
- if (maxSecond && parsedNewInputValue > maxSecond) {
25165
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25166
- this.seconds = minSecond.toString().padStart(2, '0');
25167
- }
25168
- else {
25169
- this.seconds = '00';
25170
- reputedToZero = true;
25171
- }
25172
- }
25173
- else {
25174
- if (minSecond && parsedNewInputValue < minSecond) {
25175
- this.seconds = minSecond.toString().padStart(2, '0');
25176
- }
25177
- else {
25178
- this.seconds = newInputValue;
25179
- }
25180
- }
25227
+ this.seconds = newInputValue;
25181
25228
  }
25182
25229
  }
25183
25230
  else if (inputValue.length > 2) {
25184
25231
  const newInputValue = inputValue.slice(1, 3).padStart(2, '0');
25185
25232
  const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25233
+ // Only apply format validation (not min/max constraints)
25186
25234
  if (parsedNewInputValue >= maxSeconds) {
25187
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25188
- this.seconds = minSecond.toString().padStart(2, '0');
25189
- }
25190
- else {
25191
- this.seconds = '00';
25192
- reputedToZero = true;
25193
- }
25235
+ this.seconds = '00';
25194
25236
  }
25195
25237
  else {
25196
- if (maxSecond && parsedNewInputValue > maxSecond) {
25197
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25198
- this.seconds = minSecond.toString().padStart(2, '0');
25199
- }
25200
- else {
25201
- this.seconds = '00';
25202
- reputedToZero = true;
25203
- }
25204
- }
25205
- else {
25206
- if (minSecond && parsedNewInputValue < minSecond) {
25207
- this.seconds = minSecond.toString().padStart(2, '0');
25208
- }
25209
- else {
25210
- this.seconds = parsedNewInputValue.toString();
25211
- }
25212
- }
25238
+ this.seconds = parsedNewInputValue.toString();
25213
25239
  }
25214
25240
  }
25215
25241
  else {
25216
- const newInputValue = inputValue.padStart(2, '0');
25217
- const parsedNewInputValue = parseInt(newInputValue, 10) || 0;
25242
+ const parsedNewInputValue = parseInt(inputValue, 10) || 0;
25243
+ // Only apply format validation (not min/max constraints)
25218
25244
  if (parsedNewInputValue >= maxSeconds) {
25219
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25220
- this.seconds = minSecond.toString().padStart(2, '0');
25221
- }
25222
- else {
25223
- this.seconds = '00';
25224
- reputedToZero = true;
25225
- }
25245
+ this.seconds = '00';
25226
25246
  }
25227
25247
  else {
25228
- if (maxSecond && parsedNewInputValue > maxSecond) {
25229
- if (minSecond && parseInt(newInputValue, 10) < minSecond) {
25230
- this.seconds = minSecond.toString().padStart(2, '0');
25231
- }
25232
- else {
25233
- this.seconds = '00';
25234
- reputedToZero = true;
25235
- }
25236
- }
25237
- else {
25238
- if (minSecond && parsedNewInputValue < minSecond) {
25239
- this.seconds = minSecond.toString().padStart(2, '0');
25240
- }
25241
- else {
25242
- this.seconds = parsedNewInputValue.toString();
25243
- }
25244
- }
25248
+ // For direct input, remove unnecessary leading zeros (e.g., '01' becomes '1')
25249
+ this.seconds = parsedNewInputValue.toString();
25245
25250
  }
25246
25251
  }
25247
- if (reputedToZero) {
25248
- (_c = this.inputElements[TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
25249
- (_d = this.inputElements[TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
25250
- }
25252
+ // No auto-navigation for seconds field as it's typically the last field
25251
25253
  }
25252
- // Parse a continuous time string (e.g., "123456") into hours, minutes, and seconds
25254
+ // Parse a time string according to the current format
25253
25255
  parseTime(timeString) {
25254
25256
  if (!timeString) {
25255
25257
  return;
25256
25258
  }
25257
- const cleanedTime = timeString.replace(/[^0-9]/g, '').padStart(6, '0');
25258
- const hour = cleanedTime.slice(0, 2);
25259
- const minute = cleanedTime.slice(2, 4);
25260
- const second = cleanedTime.slice(4, 6);
25261
- const minHour = this.parseHour(this.min, this.format) || hour;
25262
- const minMinute = this.parseMinute(this.min) || minute;
25263
- const minSecond = this.parseSecond(this.min) || second;
25264
- this.hours = minHour.padStart(2, '0');
25265
- this.minutes = minMinute.toString().padStart(2, '0');
25266
- this.seconds = minSecond.toString().padStart(2, '0');
25259
+ // Use format-aware parsing without constraint application
25260
+ const components = parseValueByFormat(timeString, this.format);
25261
+ // Set the parsed values without applying min/max constraints
25262
+ this.hours = components.hours;
25263
+ this.minutes = components.minutes;
25264
+ this.seconds = components.seconds;
25267
25265
  }
25268
25266
  reconstructTime() {
25269
- if (this.format === 'HH' || this.format === 'hh') {
25270
- return this.hours;
25271
- }
25272
- else if (this.format === 'HH:mm' || this.format === 'hh:mm') {
25273
- return `${this.hours}:${this.minutes}`;
25274
- }
25275
- else if (this.format === 'HH:mm:ss' || this.format === 'hh:mm:ss') {
25276
- return `${this.hours}:${this.minutes}:${this.seconds}`;
25277
- }
25278
- else {
25279
- return `${this.hours}:${this.minutes}:${this.seconds}`;
25267
+ const components = {
25268
+ hours: this.hours,
25269
+ minutes: this.minutes,
25270
+ seconds: this.seconds,
25271
+ };
25272
+ // Ensure the reconstructed time is in the correct format
25273
+ const reconstructedTime = reconstructTimeByFormat(components, this.format);
25274
+ // Validate that the reconstructed time matches the expected format
25275
+ if (!isValidFormatValue(reconstructedTime, this.format)) {
25276
+ // If invalid, return the default value for this format
25277
+ const config = FORMAT_CONFIGS[this.format];
25278
+ return config ? config.defaultValue : reconstructedTime;
25280
25279
  }
25280
+ return reconstructedTime;
25281
25281
  }
25282
25282
  handleFocus(type) {
25283
25283
  var _a, _b, _c, _d;
25284
25284
  if (this.readonly || this.disabled) {
25285
25285
  return;
25286
25286
  }
25287
+ // Check if this field is visible for the current format
25288
+ const visibleTypes = getVisibleTimeTypes(this.format);
25289
+ if (!visibleTypes.includes(type)) {
25290
+ return; // Don't handle focus for non-visible fields
25291
+ }
25287
25292
  if (!this.open) {
25288
25293
  this.open = true; // Force the popover to open
25289
25294
  }
@@ -25296,33 +25301,23 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25296
25301
  this.typeFocused = type;
25297
25302
  }
25298
25303
  HandleDropdownIconClick() {
25299
- var _a, _b, _c, _d, _e, _f;
25304
+ var _a, _b;
25300
25305
  if (this.disabled || this.readonly) {
25301
25306
  return; // Do not toggle if disabled or read-only
25302
25307
  }
25303
- if (this.open && this.inputElements[TimeType.Hours]) {
25304
- this.open = false; // Close the popover if it is open
25305
- }
25306
- else if (this.open && this.inputElements[TimeType.Minutes]) {
25307
- this.open = false; // Close the popover if it is open
25308
- }
25309
- else if (this.open && this.inputElements[TimeType.Seconds]) {
25308
+ const visibleTypes = getVisibleTimeTypes(this.format);
25309
+ const firstVisibleType = visibleTypes[0];
25310
+ if (this.open) {
25310
25311
  this.open = false; // Close the popover if it is open
25311
25312
  }
25312
- else if (!this.open && this.inputElements[TimeType.Hours]) {
25313
- (_a = this.inputElements[TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
25314
- (_b = this.inputElements[TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
25315
- }
25316
- else if (!this.open && this.inputElements[TimeType.Minutes]) {
25317
- (_c = this.inputElements[TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
25318
- (_d = this.inputElements[TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
25319
- }
25320
- else if (!this.open && this.inputElements[TimeType.Seconds]) {
25321
- (_e = this.inputElements[TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
25322
- (_f = this.inputElements[TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
25313
+ else if (!this.open &&
25314
+ firstVisibleType &&
25315
+ this.inputElements[firstVisibleType]) {
25316
+ (_a = this.inputElements[firstVisibleType]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
25317
+ (_b = this.inputElements[firstVisibleType]) === null || _b === void 0 ? void 0 : _b.select();
25323
25318
  }
25324
25319
  else {
25325
- console.warn('nv-fieldtime -> No input elements found to focus or to blur');
25320
+ console.warn('nv-fieldtime -> No visible input elements found to focus');
25326
25321
  }
25327
25322
  }
25328
25323
  updateHighlightedItem(items, index) {
@@ -25341,6 +25336,8 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25341
25336
  }
25342
25337
  handleTimeOptionClick(event, type) {
25343
25338
  const option = parseInt(event.target.textContent || '0', 10);
25339
+ // Update the time component directly without constraint validation
25340
+ // Dropdown options are already filtered by constraints during generation
25344
25341
  if (type === TimeType.Hours) {
25345
25342
  this.hours = option.toString().padStart(2, '0');
25346
25343
  }
@@ -25350,8 +25347,9 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25350
25347
  else if (type === TimeType.Seconds) {
25351
25348
  this.seconds = option.toString().padStart(2, '0');
25352
25349
  }
25353
- const reconstructTime = this.reconstructTime();
25354
- this.value = reconstructTime;
25350
+ // Reconstruct time in the correct format and update value
25351
+ const reconstructedTime = this.reconstructTime();
25352
+ this.value = reconstructedTime;
25355
25353
  }
25356
25354
  handleInputBlur() {
25357
25355
  // Use a delay to check if the focus is still within the popover
@@ -25410,17 +25408,29 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25410
25408
  }
25411
25409
  generateHourOptions(stepInSeconds) {
25412
25410
  const hourStep = Math.max(1, Math.floor(stepInSeconds / 3600)); // Prevent step < 1
25413
- const maxHour = this.parseHour(this.max, this.format) ||
25414
- (this.format.startsWith('hh') ? '12' : '24');
25415
- const minHour = this.parseHour(this.min, this.format) || '00';
25416
- const maxHourValue = parseInt(maxHour, 10);
25417
- const minHourValue = parseInt(minHour, 10);
25411
+ const is12HourFormat = this.format.startsWith('hh');
25412
+ // Set proper hour ranges based on format
25413
+ const defaultMaxHour = is12HourFormat ? 12 : 23;
25414
+ const defaultMinHour = is12HourFormat ? 1 : 0;
25415
+ const maxHour = this.parseHour(this.max, this.format);
25416
+ const minHour = this.parseHour(this.min, this.format);
25417
+ const maxHourValue = maxHour ? parseInt(maxHour, 10) : defaultMaxHour;
25418
+ const minHourValue = minHour ? parseInt(minHour, 10) : defaultMinHour;
25418
25419
  const values = [];
25419
- for (let i = minHourValue; i < maxHourValue; i += hourStep) {
25420
- values.push(i.toString().padStart(2, '0'));
25420
+ for (let i = minHourValue; i <= maxHourValue; i += hourStep) {
25421
+ const hourStr = i.toString().padStart(2, '0');
25422
+ values.push(hourStr);
25421
25423
  }
25422
25424
  return values;
25423
25425
  }
25426
+ /**
25427
+ * Parse hour value from min/max constraint strings for dropdown generation only.
25428
+ * This method is used exclusively for filtering dropdown options and should not
25429
+ * affect input values or validation.
25430
+ * @param {string} value - The time string to parse (e.g., "14:30" or "02:30")
25431
+ * @param {string} format - The time format string (e.g., "HH:mm" or "hh:mm")
25432
+ * @returns {string} The parsed hour string or null if invalid
25433
+ */
25424
25434
  parseHour(value, format) {
25425
25435
  if (!value)
25426
25436
  return null;
@@ -25438,13 +25448,21 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25438
25448
  const minMinute = (_a = this.parseMinute(this.min)) !== null && _a !== void 0 ? _a : 0;
25439
25449
  const maxMinute = (_b = this.parseMinute(this.max)) !== null && _b !== void 0 ? _b : 59;
25440
25450
  if (minMinute === 0 && maxMinute === 0)
25441
- return ['00']; // Handle edge case for zero seconds
25451
+ return ['00']; // Handle edge case for zero minutes
25442
25452
  const values = [];
25443
25453
  for (let i = minMinute; i <= maxMinute; i += minuteStep) {
25444
- values.push(i.toString().padStart(2, '0'));
25454
+ const minuteStr = i.toString().padStart(2, '0');
25455
+ values.push(minuteStr);
25445
25456
  }
25446
25457
  return values;
25447
25458
  }
25459
+ /**
25460
+ * Parse minute value from min/max constraint strings for dropdown generation only.
25461
+ * This method is used exclusively for filtering dropdown options and should not
25462
+ * affect input values or validation.
25463
+ * @param {string} value - The time string to parse (e.g., "14:30" or "02:30")
25464
+ * @returns {number} The parsed minute number or null if invalid
25465
+ */
25448
25466
  parseMinute(value) {
25449
25467
  if (!value)
25450
25468
  return null;
@@ -25463,10 +25481,18 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25463
25481
  return ['00']; // Handle edge case for zero seconds
25464
25482
  const values = [];
25465
25483
  for (let i = minSecond; i <= maxSecond; i += secondStep) {
25466
- values.push(i.toString().padStart(2, '0'));
25484
+ const secondStr = i.toString().padStart(2, '0');
25485
+ values.push(secondStr);
25467
25486
  }
25468
25487
  return values;
25469
25488
  }
25489
+ /**
25490
+ * Parse second value from min/max constraint strings for dropdown generation only.
25491
+ * This method is used exclusively for filtering dropdown options and should not
25492
+ * affect input values or validation.
25493
+ * @param {string} value - The time string to parse (e.g., "14:30:45" or "02:30:45")
25494
+ * @returns {number} The parsed second number or null if invalid
25495
+ */
25470
25496
  parseSecond(value) {
25471
25497
  if (!value)
25472
25498
  return null;
@@ -25483,10 +25509,6 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25483
25509
  const repetitions = Math.ceil(300 / totalOptions);
25484
25510
  return Array(repetitions).fill(options).flat();
25485
25511
  }
25486
- getCurrentTime() {
25487
- const currentTime = new Date();
25488
- return currentTime.toLocaleTimeString(); // Returns the time in the locale's format
25489
- }
25490
25512
  updateColumnHighlight(selector, value) {
25491
25513
  const items = Array.from(this.el.querySelectorAll(selector));
25492
25514
  const index = items.findIndex(x => x.textContent === value);
@@ -25504,8 +25526,13 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25504
25526
  }
25505
25527
  if (!this.open) {
25506
25528
  if (this.inputElements) {
25507
- (_a = this.inputElements[TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
25508
- (_b = this.inputElements[TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
25529
+ // Focus on the first visible field based on format
25530
+ const visibleTypes = getVisibleTimeTypes(this.format);
25531
+ const firstVisibleType = visibleTypes[0];
25532
+ if (firstVisibleType && this.inputElements[firstVisibleType]) {
25533
+ (_a = this.inputElements[firstVisibleType]) === null || _a === void 0 ? void 0 : _a.focus();
25534
+ (_b = this.inputElements[firstVisibleType]) === null || _b === void 0 ? void 0 : _b.select();
25535
+ }
25509
25536
  }
25510
25537
  event.preventDefault();
25511
25538
  }
@@ -25515,17 +25542,23 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25515
25542
  //#region LIFECYCLE
25516
25543
  componentWillLoad() {
25517
25544
  document.addEventListener('click', this.handleClickOutside.bind(this));
25518
- // If an initial value is passed, parse it
25545
+ // Initialize component state based on format and value
25519
25546
  if (this.value) {
25547
+ // Parse the provided value using format-aware parsing without constraint application
25520
25548
  this.parseTime(this.value);
25521
25549
  }
25522
25550
  else {
25523
- const minHour = this.parseHour(this.min, this.format) || '00';
25524
- const minMinute = this.parseMinute(this.min) || 0;
25525
- const minSecond = this.parseSecond(this.min) || 0;
25526
- this.hours = minHour.padStart(2, '0');
25527
- this.minutes = minMinute.toString().padStart(2, '0');
25528
- this.seconds = minSecond.toString().padStart(2, '0');
25551
+ // Initialize with format-appropriate default values without any constraint application
25552
+ // Use format-specific defaults: '01' for 12-hour formats, '00' for 24-hour formats
25553
+ const defaultComponents = parseValueByFormat('', this.format);
25554
+ // Set default values directly without any min/max constraint validation
25555
+ this.hours = defaultComponents.hours;
25556
+ this.minutes = defaultComponents.minutes;
25557
+ this.seconds = defaultComponents.seconds;
25558
+ // Set the initial value in the correct format without constraint validation
25559
+ // This ensures the component has a proper initial state for the value watcher
25560
+ const initialValue = reconstructTimeByFormat(defaultComponents, this.format);
25561
+ this.value = initialValue;
25529
25562
  }
25530
25563
  }
25531
25564
  connectedCallback() {
@@ -25535,63 +25568,94 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25535
25568
  document.removeEventListener('click', this.handleClickOutside.bind(this));
25536
25569
  }
25537
25570
  componentDidLoad() {
25538
- if (!this.value) {
25539
- const currentTime = this.getCurrentTime();
25540
- // Split time into components
25541
- // eslint-disable-next-line prefer-const
25542
- let [hour, minute, secondAmPm] = currentTime.split(':');
25543
- let second, amPm;
25544
- // Check if AM/PM is present and split accordingly
25545
- if (secondAmPm.includes(' ')) {
25546
- [second, amPm] = secondAmPm.split(' ');
25547
- }
25548
- else {
25549
- second = secondAmPm;
25550
- }
25551
- // Parse hour as integer for calculations
25552
- let parsedHour = parseInt(hour, 10);
25553
- // Convert hour to 24-hour format based on AM/PM (if present)
25554
- if (amPm) {
25555
- if (amPm === 'PM' && parsedHour < 12) {
25556
- parsedHour += 12; // Convert PM to 24-hour
25557
- }
25558
- else if (amPm === 'AM' && parsedHour === 12) {
25559
- parsedHour = 0; // Midnight in 24-hour format
25560
- }
25561
- }
25562
- // Adjust for 12-hour format if necessary
25563
- if (this.format.startsWith('hh')) {
25564
- if (parsedHour === 0) {
25565
- hour = '12'; // Midnight in 12-hour format
25566
- }
25567
- else if (parsedHour > 12) {
25568
- hour = (parsedHour - 12).toString(); // Convert 24-hour to 12-hour
25569
- }
25570
- else {
25571
- hour = parsedHour.toString();
25572
- }
25573
- }
25574
- else {
25575
- hour = parsedHour.toString(); // Use 24-hour format directly
25576
- }
25577
- // Pad hour, minute, and second to ensure two digits
25578
- hour = hour.padStart(2, '0');
25579
- minute = minute.padStart(2, '0');
25580
- second = second.padStart(2, '0');
25581
- // Update highlighted items for hours
25582
- const hourSelector = `.time-column.time-column-hours div`;
25583
- this.updateColumnHighlight(hourSelector, hour);
25584
- // Update highlighted items for minutes
25585
- const minuteSelector = `.time-column.time-column-minutes div`;
25586
- this.updateColumnHighlight(minuteSelector, minute);
25587
- // Update highlighted items for seconds
25588
- const secondSelector = `.time-column.time-column-seconds div`;
25589
- this.updateColumnHighlight(secondSelector, second);
25590
- }
25571
+ // Initialize dropdown highlighting based on current component state
25572
+ // This ensures proper visual feedback without applying any constraints
25573
+ // Update highlighted items for hours based on current state
25574
+ const hourSelector = `.time-column.time-column-hours div`;
25575
+ this.updateColumnHighlight(hourSelector, this.hours);
25576
+ // Update highlighted items for minutes based on current state
25577
+ const minuteSelector = `.time-column.time-column-minutes div`;
25578
+ this.updateColumnHighlight(minuteSelector, this.minutes);
25579
+ // Update highlighted items for seconds based on current state
25580
+ const secondSelector = `.time-column.time-column-seconds div`;
25581
+ this.updateColumnHighlight(secondSelector, this.seconds);
25591
25582
  }
25592
25583
  //#endregion LIFECYCLE
25593
25584
  /****************************************************************************/
25594
25585
  //#region RENDER
25586
+ /**
25587
+ * Renders input fields based on the current format
25588
+ * Only shows fields that are relevant to the selected format
25589
+ * @returns {HTMLElement[]} Array of HTML elements for time input fields
25590
+ */
25591
+ renderTimeInputFields() {
25592
+ const visibleTypes = getVisibleTimeTypes(this.format);
25593
+ const elements = [];
25594
+ visibleTypes.forEach((type, index) => {
25595
+ // Add separator colon before minutes and seconds (but not before the first field)
25596
+ if (index > 0) {
25597
+ elements.push(h$1("span", null, ":"));
25598
+ }
25599
+ // Add the input field for this time type
25600
+ elements.push(this.renderTimeInputField(type));
25601
+ });
25602
+ return elements;
25603
+ }
25604
+ /**
25605
+ * Renders a single time input field for the specified type
25606
+ * @param {TimeType} type - The time type to render input for
25607
+ * @returns {HTMLInputElement} HTML input element for the specified time type
25608
+ */
25609
+ renderTimeInputField(type) {
25610
+ const getValue = () => {
25611
+ switch (type) {
25612
+ case TimeType.Hours:
25613
+ return this.hours;
25614
+ case TimeType.Minutes:
25615
+ return this.minutes;
25616
+ case TimeType.Seconds:
25617
+ return this.seconds;
25618
+ default:
25619
+ return '00';
25620
+ }
25621
+ };
25622
+ const getPlaceholder = () => {
25623
+ switch (type) {
25624
+ case TimeType.Hours:
25625
+ return this.format.includes('hh') ? 'hh' : 'HH';
25626
+ case TimeType.Minutes:
25627
+ return 'mm';
25628
+ case TimeType.Seconds:
25629
+ return 'ss';
25630
+ default:
25631
+ return '';
25632
+ }
25633
+ };
25634
+ const getId = () => {
25635
+ switch (type) {
25636
+ case TimeType.Hours:
25637
+ return this.inputId;
25638
+ case TimeType.Minutes:
25639
+ return `${this.inputId}-minutes`;
25640
+ case TimeType.Seconds:
25641
+ return `${this.inputId}-seconds`;
25642
+ default:
25643
+ return this.inputId;
25644
+ }
25645
+ };
25646
+ // Remove min/max constraints from input elements to allow native stepper behavior
25647
+ // Constraints are only applied to dropdown options, not input steppers
25648
+ return (h$1("input", { ref: el => (this.inputElements[type] = el), type: "number", autofocus: this.autofocus && type === getVisibleTimeTypes(this.format)[0], class: "time-input", pattern: "[0-9]*", maxlength: "3", value: getValue(), onInput: e => this.handleInputChange(e, type), placeholder: getPlaceholder(), inputMode: "numeric", onFocus: () => this.handleFocus(type), name: this.name ? `${type}-${this.name}` : type, id: getId(), readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }));
25649
+ }
25650
+ /**
25651
+ * Renders dropdown columns based on the current format
25652
+ * Only shows columns that are relevant to the selected format
25653
+ * @returns {HTMLElement[]} Array of HTML elements for time dropdown columns
25654
+ */
25655
+ renderTimeDropdownColumns() {
25656
+ const visibleTypes = getVisibleTimeTypes(this.format);
25657
+ return visibleTypes.map(type => this.RenderTimeOptionsColumn(type));
25658
+ }
25595
25659
  RenderTimeOptionsColumn(type) {
25596
25660
  return (h$1("div", { class: `time-column time-column-${type}`, onScroll: e => this.handleScroll(e, type) }, this.generateInfiniteTimeOptions(type).map((option, index) => (h$1("div", { class: {
25597
25661
  'time-option': true,
@@ -25601,32 +25665,16 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25601
25665
  }, key: `${option}-${index}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
25602
25666
  }
25603
25667
  render() {
25604
- return (h$1(Host$1, { key: 'ef5f12cdbd62c18033f57ff176775b5ee62ebb85', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '64e20904debf287e69e5717f2d28ac4a700b7f15', htmlFor: this.inputId }, h$1("slot", { key: 'e0644a80e23854ca06baf8b52b00649a0e6f1ed9', name: "label" }, this.label))), h$1("nv-popover", { key: '98d71eeb73ce93c16c488e80f79bbe269a44ddc3', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: '9a7d256f3c64aed3314338c8306540d92dddaad0', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: 'ac0e04737b86e4767e4c249ee95e4b69a41ea387', name: "before-input" }), h$1("div", { key: '1f04ff2f539048eb00500b2fbbeaf86ce1698065', class: "input-container" }, h$1("slot", { key: '60ee3a49ea9ca9509224c57dc64f3ccab7f89312', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
25605
- h$1("input", { key: 'cb8a979ce6e4d83074e0c9046bbf3a60821e5262', ref: el => (this.inputElements[TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Hours), name: this.name
25606
- ? `${TimeType.Hours}-${this.name}`
25607
- : TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
25608
- ], this.format.includes('mm') && [
25609
- h$1("span", { key: '74f9604ffd54e0c0bbd88996e32fdcb08f2c3645' }, ":"),
25610
- h$1("input", { key: '52f9b637bba804cac6fadff06e8b077bb2f5748a', ref: el => (this.inputElements[TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Minutes), name: this.name
25611
- ? `${TimeType.Minutes}-${this.name}`
25612
- : TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
25613
- ], this.format.includes('ss') && [
25614
- h$1("span", { key: '878bc9ce7557e9cf9471803a86956a9184d0ccb5' }, ":"),
25615
- h$1("input", { key: 'b074d4d3ef80f66e7dbe051b6bc53f151661f409', ref: el => (this.inputElements[TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(TimeType.Seconds), name: this.name
25616
- ? `${TimeType.Seconds}-${this.name}`
25617
- : TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
25618
- ], h$1("nv-iconbutton", { key: '3f5d78116ee60d1874a4629d9cf36a06d52b7df4', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (h$1("nv-icon", { key: '4b2356cf95131af213a4e98feede16fc8c4963db', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h$1("nv-icon", { key: 'f9b0e61037049a36ac900d1af9ecc71b211ebd88', name: "circle-check", class: "validation", size: "sm" }))), h$1("slot", { key: '6177abde559c57f2b0586368ead1a61d7b543838', name: "after-input" })), h$1("div", { key: 'f6d5205a5011411550179f9337143163cb547fb1', class: "time-dropdown", slot: "content" }, h$1("div", { key: '9f0b3e1423bef197b269c5b11ce744cabc2bd6c4', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
25619
- this.RenderTimeOptionsColumn(TimeType.Hours), this.format.includes('mm') &&
25620
- this.RenderTimeOptionsColumn(TimeType.Minutes), this.format.includes('ss') &&
25621
- this.RenderTimeOptionsColumn(TimeType.Seconds)))), (this.description ||
25622
- this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '1076ded73b32ff9afbd0f02184febcc82f8d839e', class: "description" }, h$1("slot", { key: '479d09b299d0e380533a6cd689ce7f03aa92ea8e', name: "description" }, this.description))), (this.errorDescription ||
25623
- this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: '5615246dbd797c300be357be37d3b9d0aee56e31', hidden: !this.error, class: "error-description" }, h$1("slot", { key: '6568ea3f9e0bdf85dd280c645956f8e0bb592e35', name: "error-description" }, this.errorDescription)))));
25668
+ return (h$1(Host$1, { key: '315b0a732c1ef8bee7aaa0141ce533ec265e35ab', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '100b75accd50c277e3ddd13c007e55dad8c6f8b7', htmlFor: this.inputId }, h$1("slot", { key: 'cec67688f98fc7976299a2f55ba8ba859e4ecacc', name: "label" }, this.label))), h$1("nv-popover", { key: 'feaaefb107251368db809babb02b8f8c7cb7baf0', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, h$1("div", { key: 'c539917597eebdd92bb2e832d1fd9d6afceb5c04', class: "input-wrapper", slot: "trigger" }, h$1("slot", { key: '5a869349e9fd7a422d596f5bd05402d5559a6f2b', name: "before-input" }), h$1("div", { key: '27dac6987b28d08bb54b9ffc70ddade28f527a9c', class: "input-container" }, h$1("slot", { key: '9df638bb3d58df138a360966925b04092f1d4b9a', name: "leading-input" }), this.renderTimeInputFields(), h$1("nv-iconbutton", { key: '8d6796d9fc57ef2a934bfe79621ff76def8e9507', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (h$1("nv-icon", { key: '15b593ce4e850d18a5f5f93120ae84e84054cffe', name: "alert-circle", class: "validation", size: "sm" })), this.success && (h$1("nv-icon", { key: '85e4a38c3ef64552fc7a47448471d4276ee5cc46', name: "circle-check", class: "validation", size: "sm" }))), h$1("slot", { key: '45cc1c26bc40425df62382a371ab658dd18aefa8', name: "after-input" })), h$1("div", { key: '23432dd354491420e42400d9eeb22bc23e36623e', class: "time-dropdown", slot: "content" }, h$1("div", { key: 'efb53556077c85ee94a8fe345a03d67a3e36cdc1', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
25669
+ this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '735447b328a8264739d3185ce6c65d48a01ec801', class: "description" }, h$1("slot", { key: '86387e48804b2ac1842c64b4cf4f5ca9f34a6719', name: "description" }, this.description))), (this.errorDescription ||
25670
+ this.el.querySelector('[slot="error-description"]')) && (h$1("div", { key: 'b6cc406c6a872b5ebb83a35a84852e143781e12f', hidden: !this.error, class: "error-description" }, h$1("slot", { key: 'c9dc284e202b081a61346796d21e73c8647c7daa', name: "error-description" }, this.errorDescription)))));
25624
25671
  }
25625
25672
  static get formAssociated() { return true; }
25626
25673
  get el() { return this; }
25627
25674
  static get watchers() { return {
25628
25675
  "value": ["handleValueChange"],
25629
- "open": ["handleOpenChange"]
25676
+ "open": ["handleOpenChange"],
25677
+ "format": ["handleFormatChange"]
25630
25678
  }; }
25631
25679
  static get style() { return NvFieldtimeStyle0; }
25632
25680
  }, [68, "nv-fieldtime", {
@@ -25652,7 +25700,8 @@ const NvFieldtime$1 = /*@__PURE__*/ proxyCustomElement(class NvFieldtime extends
25652
25700
  "seconds": [32]
25653
25701
  }, [[0, "openChanged", "handleOpenChanged"], [0, "keydown", "handleKeyDown"]], {
25654
25702
  "value": ["handleValueChange"],
25655
- "open": ["handleOpenChange"]
25703
+ "open": ["handleOpenChange"],
25704
+ "format": ["handleFormatChange"]
25656
25705
  }]);
25657
25706
  function defineCustomElement$1$a() {
25658
25707
  if (typeof customElements === "undefined") {
@@ -25748,7 +25797,7 @@ const NvMenuitem$2 = /*@__PURE__*/ proxyCustomElement(class NvMenuitem extends H
25748
25797
  /****************************************************************************/
25749
25798
  //#region RENDER
25750
25799
  render() {
25751
- return (h$1(Host$1, { key: '254c76878476b6b22ea2278b86f0608c60a62660', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h$1("nv-icon", { key: 'f7bcdce916a8b0f4026eecd9a6ed060b7f16bcff', name: this.icon }), h$1("slot", { key: '8557bad8db4a35cbe346e7e1e91d4ab1cde9d30b' }), this.label && h$1("span", { key: '1ee543ddfec0e1ff91976ca9739de9f054aa6a5b', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h$1("kbd", { key: 'a51ca5b1c20591550e7481228ad4184246a1330e' }, this.shortcut), this.hasSubmenu && h$1("nv-icon", { key: 'f726623c78ea54091f7161c3261db3c22f2d3783', name: "chevron-right" })));
25800
+ return (h$1(Host$1, { key: '96933ba797e263a6c56e4b079227498eff19989e', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && h$1("nv-icon", { key: '17fd121521b54f2065b91a0921d7a2573139086e', name: this.icon }), h$1("slot", { key: 'e503e3667ee008f6c370d928c2ba0781b1240200' }), this.label && h$1("span", { key: '521f094eb6e3a4015424ef1516a10d6fa454d8ab', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && h$1("kbd", { key: 'e27628004929e519503dac10f7c278b8a9330176' }, this.shortcut), this.hasSubmenu && h$1("nv-icon", { key: 'c706e459412f628a397f1b4d38010c5de23d643f', name: "chevron-right" })));
25752
25801
  }
25753
25802
  get el() { return this; }
25754
25803
  static get style() { return NvMenuitemStyle0; }
@@ -25984,7 +26033,7 @@ const NvMenu$1 = /*@__PURE__*/ proxyCustomElement(class NvMenu extends H {
25984
26033
  });
25985
26034
  }
25986
26035
  render() {
25987
- return (h$1(Host$1, { key: '9c580e2085804dead07f60f3ce4494bed123a58e' }, h$1("slot", { key: '87740cf4b003379eb7a4d011b2b80640e9d7c24f', name: "trigger" }), h$1("nv-popover", { key: '102ebedefdc1b6ac5f10900a82c904b12e4cddb1', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.items ? (h$1("ul", { slot: "content" }, this.renderMenuItems())) : (h$1("slot", { name: "content" })))));
26036
+ return (h$1(Host$1, { key: 'e563f1a78be7cd37b0fe353882cd5874f3a12e60' }, h$1("slot", { key: 'd91afe28b83121707e752532d349fdc9b983ea71', name: "trigger" }), h$1("nv-popover", { key: '90c1fc4e30d9cd7b02bd5ad620b3eb824f82d058', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open }, this.items ? (h$1("ul", { slot: "content" }, this.renderMenuItems())) : (h$1("slot", { name: "content" })))));
25988
26037
  }
25989
26038
  get el() { return this; }
25990
26039
  static get watchers() { return {
@@ -26287,7 +26336,7 @@ const NvNotification$1 = /*@__PURE__*/ proxyCustomElement(class NvNotification e
26287
26336
  //#region RENDER
26288
26337
  render() {
26289
26338
  var _a, _b, _c;
26290
- return (h$1(Host$1, { key: '6e0b8abd9cbcb62b0b133db77520aa5aaa4173c9', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": (_a = this.getHeadingId()) !== null && _a !== void 0 ? _a : null, "aria-describedby": (_b = this.getMessageId()) !== null && _b !== void 0 ? _b : null, tabindex: "-1" }, h$1("div", { key: '41b2ad35bf5220333e132d61f8843d1136cb1f40', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (h$1("button", { key: '63116f239f7108ae945845c247c712827d8ae8a6', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, h$1("nv-icon", { key: 'dc19bf166c6d2eccd3d40384d43206457f0d03f0', name: "x", size: "sm" }))), h$1("nv-icon", { key: 'e673ac1cc78300bc3425018a0cdfc4b90c679796', name: (_c = this.icon) !== null && _c !== void 0 ? _c : this.getDefaultIcon(), size: "md", "data-scope": "icon" }), h$1("div", { key: '95cb6ec06d89cda8e5170f9ff0f863b6b0b7e32d', "data-scope": "content" }, (this.heading || this.headingSlot) && (h$1("p", { key: 'ed654c0271d2ff8538295d8f7bf58a9754abb4c9', id: this.getHeadingId(), "data-scope": "heading" }, h$1("slot", { key: '00cc14a709059b9caf2117174ef7fcc310f5965f', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (h$1("p", { key: 'c7c0bcbc2b54fdfdf8280af6a377929bf17fd688', id: this.getMessageId(), "data-scope": "message" }, h$1("slot", { key: '946db5aeb667b67f52f51adbb1b8f600325f937e', name: "content" }, this.message))), this.actionsSlot && (h$1("div", { key: 'd94560b658507a515a1360057121e933b95e6fe6', "data-scope": "actions" }, h$1("slot", { key: 'db185d3924c7d1fbeb30578992f2375e92a0d4bc', name: "actions" })))))));
26339
+ return (h$1(Host$1, { key: '6e0908c4dc5bbd289b756703f19e932165da7eeb', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": (_a = this.getHeadingId()) !== null && _a !== void 0 ? _a : null, "aria-describedby": (_b = this.getMessageId()) !== null && _b !== void 0 ? _b : null, tabindex: "-1" }, h$1("div", { key: 'c14fb6bcbfc7048bd1d2171e489e2b1d4a8d3486', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (h$1("button", { key: 'dbc3162958edc2655d59e770b1e27f8226b2a2ec', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, h$1("nv-icon", { key: '8ddb1a6ec22c343f5df6158418a4bf434b1d1169', name: "x", size: "sm" }))), h$1("nv-icon", { key: '29e12bb41102cedf3f0b7d8680a265535b69ff23', name: (_c = this.icon) !== null && _c !== void 0 ? _c : this.getDefaultIcon(), size: "md", "data-scope": "icon" }), h$1("div", { key: '996b53cdfa47b14769a08d23b9971475521b94e0', "data-scope": "content" }, (this.heading || this.headingSlot) && (h$1("p", { key: '110046b680b485d323c49f0836589235aa695ff0', id: this.getHeadingId(), "data-scope": "heading" }, h$1("slot", { key: 'f256cd10825ee24b4caef51c46ac8e9f7af152c0', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (h$1("p", { key: '73573a91e4cea1acdf12b428f217562eb4df5cf3', id: this.getMessageId(), "data-scope": "message" }, h$1("slot", { key: '9bb41cd075367cc9c223ccd4fdb0ff47871941a6', name: "content" }, this.message))), this.actionsSlot && (h$1("div", { key: '7fff75429d22bf9344f077672c18bfe583e99301', "data-scope": "actions" }, h$1("slot", { key: 'e77b1c3e310db84e3965f097e595f11a8b32ebc3', name: "actions" })))))));
26291
26340
  }
26292
26341
  get el() { return this; }
26293
26342
  static get style() { return NvNotificationStyle0; }
@@ -26357,7 +26406,7 @@ const NvNotificationContainer = /*@__PURE__*/ proxyCustomElement(class NvNotific
26357
26406
  /****************************************************************************/
26358
26407
  //#region RENDER
26359
26408
  render() {
26360
- return (h$1(Host$1, { key: 'db4005459b926bcfef55e76f61bff0b5635f2872', class: `position-${this.position}` }, h$1("slot", { key: '518909541ca3e9e82168436a43d5362c414c0ec3' })));
26409
+ return (h$1(Host$1, { key: '23a42b8ff4be4ca749656567ad5cbc64bba70466', class: `position-${this.position}` }, h$1("slot", { key: '48a48d6b6e2580f072918192cf59e73cd3dfc1f5' })));
26361
26410
  }
26362
26411
  static get style() { return NvNotificationcontainerStyle0; }
26363
26412
  }, [4, "nv-notificationcontainer", {
@@ -26395,7 +26444,7 @@ const NvRow$1 = /*@__PURE__*/ proxyCustomElement(class NvRow extends H {
26395
26444
  /****************************************************************************/
26396
26445
  //#region RENDER
26397
26446
  render() {
26398
- return (h$1(Host$1, { key: '9623a4c73a5a2557b2ba7eb346ae0740ca7291c5' }, h$1("slot", { key: '502ea804deec9e91057bfaf6f2fa4fdb4a5822c3' })));
26447
+ return (h$1(Host$1, { key: '664375922c55485e6b297f0e64950db684ecffa3' }, h$1("slot", { key: '194e45ce439cadb2bdba17072070d3926a746d3f' })));
26399
26448
  }
26400
26449
  static get style() { return NvRowStyle0; }
26401
26450
  }, [4, "nv-row"]);
@@ -26738,7 +26787,7 @@ const NvSplit$1 = /*@__PURE__*/ proxyCustomElement(class NvSplit extends H {
26738
26787
  /****************************************************************************/
26739
26788
  //#region RENDER
26740
26789
  render() {
26741
- return (h$1(Host$1, { key: 'e3b158ff1b4f665862079d245c219102d8b8ccda', "data-dragging": this.isDragging.toString() }, h$1("slot", { key: 'baa8105a05bf8446d7a31a23cd5276edb320ea2f', name: "pane" }), h$1("slot", { key: '44afe4f4a220aff45f802218f2618e9305141a9f', name: "gutter" })));
26790
+ return (h$1(Host$1, { key: 'b0874368ed8b3c1b5cd0676a1c8181e827369ad7', "data-dragging": this.isDragging.toString() }, h$1("slot", { key: 'a0e35a851390bf1f0ffcf065fdeb23cba3c75c9c', name: "pane" }), h$1("slot", { key: 'a80dbbc4862c3a30aac9e89d6b80a19245083c42', name: "gutter" })));
26742
26791
  }
26743
26792
  get el() { return this; }
26744
26793
  static get watchers() { return {
@@ -26797,7 +26846,7 @@ const NvStack$1 = /*@__PURE__*/ proxyCustomElement(class NvStack extends H {
26797
26846
  /****************************************************************************/
26798
26847
  //#region RENDER
26799
26848
  render() {
26800
- return (h$1(Host$1, { key: '5922efd8652a14d73e812e85dd6770101e22fe46', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h$1("slot", { key: '71daf4ee34bd57d785203f98799b6ea7c66ffa3b' })));
26849
+ return (h$1(Host$1, { key: '66123f22ad4a6ebefe8663c795274eb900d2c178', class: clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, h$1("slot", { key: '7b3d395c3490664f0e2f337a04f69cc717ed6c0e' })));
26801
26850
  }
26802
26851
  static get style() { return NvStackStyle0; }
26803
26852
  }, [4, "nv-stack", {
@@ -27058,7 +27107,7 @@ const NvTable$1 = /*@__PURE__*/ proxyCustomElement(class NvTable extends H {
27058
27107
  /****************************************************************************/
27059
27108
  //#region RENDER
27060
27109
  render() {
27061
- return (h$1(Host$1, { key: '16b564cc29e8987d8b3fda3a84c0b19882a733bd' }, h$1("slot", { key: '1305cbc6d29caa60df55bfa01a39a3417a27ec01' })));
27110
+ return (h$1(Host$1, { key: '37c5e773664fc7bc324d46c003057f322e118c0d' }, h$1("slot", { key: '28decbb3d75da3471a95d9130fdb8206df811270' })));
27062
27111
  }
27063
27112
  get host() { return this; }
27064
27113
  static get style() { return NvTableStyle0; }
@@ -27142,8 +27191,8 @@ const NvToggle$1 = /*@__PURE__*/ proxyCustomElement(class NvToggle extends H {
27142
27191
  /****************************************************************************/
27143
27192
  //#region RENDER
27144
27193
  render() {
27145
- return (h$1(Host$1, { key: '0f440b59ac0c32d9abe9577668d7045081819b49', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h$1("div", { key: '4289435e34eb31a8e59e00cefcba2e17e98bd03a', class: "input-container" }, h$1("input", { key: '1b7d05f77fd32cece9eed2e6cf79c7e2e707f64c', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h$1("div", { key: '6d78d7e80eb790bbead21bba6108329f9ded3746', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '524a2c2542a45945bddb688c5dff6c9426d58570', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: '59eda4b826602062620e7167acf3c8de0f77ebef', name: "label" }, this.label))), (this.description ||
27146
- this.el.querySelector('[slot="description"]')) && (h$1("div", { key: '6e8412879ed60fc6806464432348bd52483e3567', class: "description" }, h$1("slot", { key: '85a876130569a5a4051e271eaf1cf49593a014a6', name: "description" }, this.description))))));
27194
+ return (h$1(Host$1, { key: '3e1eecaddeab51801343663989a1554ae62794be', class: clsx(this.labelPlacement === 'before' && 'label-placement-before') }, h$1("div", { key: 'a67b9c8c0159d6b2a1f87d06d536116475fd9683', class: "input-container" }, h$1("input", { key: '2ce5d01313da8fe74cdac78616c051236aa3102e', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), h$1("div", { key: '0e7e1960fc3cd8ff1c79b3c8d4fc306e2b761bfc', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (h$1("label", { key: '0325700fc58d39878821a4b1871cb433eda18199', htmlFor: this.inputId, class: clsx(this.hideLabel && 'visually-hidden') }, h$1("slot", { key: '4b627dbbad2f52446a0ebb4eacdfe3d6d5ccdbb0', name: "label" }, this.label))), (this.description ||
27195
+ this.el.querySelector('[slot="description"]')) && (h$1("div", { key: 'db7d0a200c66e234142b455686afdd409337b336', class: "description" }, h$1("slot", { key: '171bb20b639a07bda52cb788fb367a51d6dbe7f8', name: "description" }, this.description))))));
27147
27196
  }
27148
27197
  static get formAssociated() { return true; }
27149
27198
  get el() { return this; }
@@ -27228,7 +27277,7 @@ const NvTogglebutton$1 = /*@__PURE__*/ proxyCustomElement(class NvTogglebutton e
27228
27277
  /****************************************************************************/
27229
27278
  //#region RENDER
27230
27279
  render() {
27231
- return (h$1(Host$1, { key: 'b9e37fc1cb34272bca476c7b61db173ab2a9d238', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h$1("slot", { key: 'cf9cf3445fd93873def1f9fa9cbec46c35600025' })));
27280
+ return (h$1(Host$1, { key: '6965d7bd520347f5236cca32ca674875a9a4fd2f', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, h$1("slot", { key: '45ddd14b67904252c2e78b6357fbd33790facf23' })));
27232
27281
  }
27233
27282
  static get style() { return NvTogglebuttonStyle0; }
27234
27283
  }, [4, "nv-togglebutton", {
@@ -27409,7 +27458,7 @@ const NvTogglebuttongroup$1 = /*@__PURE__*/ proxyCustomElement(class NvTogglebut
27409
27458
  /****************************************************************************/
27410
27459
  //#region RENDER
27411
27460
  render() {
27412
- return (h$1(Host$1, { key: '7aad0160ae8e093765ba42649293e27d7b93ab75' }, h$1("slot", { key: '39364122a5e65b1a454bd782a5daacc7edfee8b0' })));
27461
+ return (h$1(Host$1, { key: '4e075360c060e6de5af80325f7b91e7573f89b16' }, h$1("slot", { key: '7b361c2d608b17cb91814d279aac842e666fda5a' })));
27413
27462
  }
27414
27463
  get el() { return this; }
27415
27464
  static get watchers() { return {
@@ -28174,179 +28223,179 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
28174
28223
  case 'nv-accordion':
28175
28224
  return Promise.resolve().then(function () { return require(
28176
28225
  /* webpackMode: "lazy" */
28177
- './nv-accordion.entry-BX5L-Gh7.js'); }).then(processMod, consoleError);
28226
+ './nv-accordion.entry-Ma9HqnfE.js'); }).then(processMod, consoleError);
28178
28227
  case 'nv-alert':
28179
28228
  return Promise.resolve().then(function () { return require(
28180
28229
  /* webpackMode: "lazy" */
28181
- './nv-alert.entry-GY7Xn7F6.js'); }).then(processMod, consoleError);
28230
+ './nv-alert.entry--bKp-lux.js'); }).then(processMod, consoleError);
28182
28231
  case 'nv-avatar':
28183
28232
  return Promise.resolve().then(function () { return require(
28184
28233
  /* webpackMode: "lazy" */
28185
- './nv-avatar.entry-j-ctCQEi.js'); }).then(processMod, consoleError);
28234
+ './nv-avatar.entry-DN_-lrBo.js'); }).then(processMod, consoleError);
28186
28235
  case 'nv-breadcrumb':
28187
28236
  return Promise.resolve().then(function () { return require(
28188
28237
  /* webpackMode: "lazy" */
28189
- './nv-breadcrumb.entry-DHZpC_e3.js'); }).then(processMod, consoleError);
28238
+ './nv-breadcrumb.entry-BBvgQ-p_.js'); }).then(processMod, consoleError);
28190
28239
  case 'nv-breadcrumbs':
28191
28240
  return Promise.resolve().then(function () { return require(
28192
28241
  /* webpackMode: "lazy" */
28193
- './nv-breadcrumbs.entry-2tzS_xzO.js'); }).then(processMod, consoleError);
28242
+ './nv-breadcrumbs.entry-1SoAvjZG.js'); }).then(processMod, consoleError);
28194
28243
  case 'nv-buttongroup':
28195
28244
  return Promise.resolve().then(function () { return require(
28196
28245
  /* webpackMode: "lazy" */
28197
- './nv-buttongroup.entry-BBTtBLTw.js'); }).then(processMod, consoleError);
28246
+ './nv-buttongroup.entry-B5LQavYS.js'); }).then(processMod, consoleError);
28198
28247
  case 'nv-col':
28199
28248
  return Promise.resolve().then(function () { return require(
28200
28249
  /* webpackMode: "lazy" */
28201
- './nv-col.entry-CsSk4Ltj.js'); }).then(processMod, consoleError);
28250
+ './nv-col.entry-Dzg7C_6U.js'); }).then(processMod, consoleError);
28202
28251
  case 'nv-datagrid':
28203
28252
  return Promise.resolve().then(function () { return require(
28204
28253
  /* webpackMode: "lazy" */
28205
- './nv-datagrid.entry-DlQRC5CG.js'); }).then(processMod, consoleError);
28254
+ './nv-datagrid.entry-CfZeMjYO.js'); }).then(processMod, consoleError);
28206
28255
  case 'nv-datagridcolumn':
28207
28256
  return Promise.resolve().then(function () { return require(
28208
28257
  /* webpackMode: "lazy" */
28209
- './nv-datagridcolumn.entry-BxSumv4Q.js'); }).then(processMod, consoleError);
28258
+ './nv-datagridcolumn.entry-DEqq7_M9.js'); }).then(processMod, consoleError);
28210
28259
  case 'nv-dialog':
28211
28260
  return Promise.resolve().then(function () { return require(
28212
28261
  /* webpackMode: "lazy" */
28213
- './nv-dialog.entry-BFeHCAhr.js'); }).then(processMod, consoleError);
28262
+ './nv-dialog.entry-DSX9jRuv.js'); }).then(processMod, consoleError);
28214
28263
  case 'nv-fielddate':
28215
28264
  return Promise.resolve().then(function () { return require(
28216
28265
  /* webpackMode: "lazy" */
28217
- './nv-fielddate.entry-DmMQq5bO.js'); }).then(processMod, consoleError);
28266
+ './nv-fielddate.entry-SjEKszkJ.js'); }).then(processMod, consoleError);
28218
28267
  case 'nv-fielddaterange':
28219
28268
  return Promise.resolve().then(function () { return require(
28220
28269
  /* webpackMode: "lazy" */
28221
- './nv-fielddaterange.entry-BJm7_qAB.js'); }).then(processMod, consoleError);
28270
+ './nv-fielddaterange.entry-B6pLWuF3.js'); }).then(processMod, consoleError);
28222
28271
  case 'nv-fielddropdown':
28223
28272
  return Promise.resolve().then(function () { return require(
28224
28273
  /* webpackMode: "lazy" */
28225
- './nv-fielddropdown.entry-DOkzDn78.js'); }).then(processMod, consoleError);
28274
+ './nv-fielddropdown.entry-DIYVOvRw.js'); }).then(processMod, consoleError);
28226
28275
  case 'nv-fieldmultiselect':
28227
28276
  return Promise.resolve().then(function () { return require(
28228
28277
  /* webpackMode: "lazy" */
28229
- './nv-fieldmultiselect.entry-CWxL0xsk.js'); }).then(processMod, consoleError);
28278
+ './nv-fieldmultiselect.entry-BFt11EM5.js'); }).then(processMod, consoleError);
28230
28279
  case 'nv-fieldpassword':
28231
28280
  return Promise.resolve().then(function () { return require(
28232
28281
  /* webpackMode: "lazy" */
28233
- './nv-fieldpassword.entry-BprEVABM.js'); }).then(processMod, consoleError);
28282
+ './nv-fieldpassword.entry-BoQAgzW2.js'); }).then(processMod, consoleError);
28234
28283
  case 'nv-fieldradio':
28235
28284
  return Promise.resolve().then(function () { return require(
28236
28285
  /* webpackMode: "lazy" */
28237
- './nv-fieldradio.entry-T_uuPP7m.js'); }).then(processMod, consoleError);
28286
+ './nv-fieldradio.entry-CKDZ6g8q.js'); }).then(processMod, consoleError);
28238
28287
  case 'nv-fieldselect':
28239
28288
  return Promise.resolve().then(function () { return require(
28240
28289
  /* webpackMode: "lazy" */
28241
- './nv-fieldselect.entry-DB9YREaD.js'); }).then(processMod, consoleError);
28290
+ './nv-fieldselect.entry-Daa3JB5t.js'); }).then(processMod, consoleError);
28242
28291
  case 'nv-fieldslider':
28243
28292
  return Promise.resolve().then(function () { return require(
28244
28293
  /* webpackMode: "lazy" */
28245
- './nv-fieldslider.entry-Bkj5p8jp.js'); }).then(processMod, consoleError);
28294
+ './nv-fieldslider.entry-BhT0C9hG.js'); }).then(processMod, consoleError);
28246
28295
  case 'nv-fieldtextarea':
28247
28296
  return Promise.resolve().then(function () { return require(
28248
28297
  /* webpackMode: "lazy" */
28249
- './nv-fieldtextarea.entry-DtC4sL4g.js'); }).then(processMod, consoleError);
28298
+ './nv-fieldtextarea.entry-nn5SqAJD.js'); }).then(processMod, consoleError);
28250
28299
  case 'nv-fieldtime':
28251
28300
  return Promise.resolve().then(function () { return require(
28252
28301
  /* webpackMode: "lazy" */
28253
- './nv-fieldtime.entry-BW8nABK-.js'); }).then(processMod, consoleError);
28302
+ './nv-fieldtime.entry-DQb9u4eg.js'); }).then(processMod, consoleError);
28254
28303
  case 'nv-notification':
28255
28304
  return Promise.resolve().then(function () { return require(
28256
28305
  /* webpackMode: "lazy" */
28257
- './nv-notification.entry-D1gy3PSV.js'); }).then(processMod, consoleError);
28306
+ './nv-notification.entry-BgORwEc6.js'); }).then(processMod, consoleError);
28258
28307
  case 'nv-notificationcontainer':
28259
28308
  return Promise.resolve().then(function () { return require(
28260
28309
  /* webpackMode: "lazy" */
28261
- './nv-notificationcontainer.entry-MJPLFXsR.js'); }).then(processMod, consoleError);
28310
+ './nv-notificationcontainer.entry-C3D52xHp.js'); }).then(processMod, consoleError);
28262
28311
  case 'nv-row':
28263
28312
  return Promise.resolve().then(function () { return require(
28264
28313
  /* webpackMode: "lazy" */
28265
- './nv-row.entry-DkCe2B9f.js'); }).then(processMod, consoleError);
28314
+ './nv-row.entry-rTFsRQhn.js'); }).then(processMod, consoleError);
28266
28315
  case 'nv-split':
28267
28316
  return Promise.resolve().then(function () { return require(
28268
28317
  /* webpackMode: "lazy" */
28269
- './nv-split.entry-BMVNZDwj.js'); }).then(processMod, consoleError);
28318
+ './nv-split.entry-CEkdVB0d.js'); }).then(processMod, consoleError);
28270
28319
  case 'nv-stack':
28271
28320
  return Promise.resolve().then(function () { return require(
28272
28321
  /* webpackMode: "lazy" */
28273
- './nv-stack.entry-iH3La5O3.js'); }).then(processMod, consoleError);
28322
+ './nv-stack.entry-DFWmiZRf.js'); }).then(processMod, consoleError);
28274
28323
  case 'nv-table':
28275
28324
  return Promise.resolve().then(function () { return require(
28276
28325
  /* webpackMode: "lazy" */
28277
- './nv-table.entry-DFHkpLLG.js'); }).then(processMod, consoleError);
28326
+ './nv-table.entry-Drf8wXN5.js'); }).then(processMod, consoleError);
28278
28327
  case 'nv-toggle':
28279
28328
  return Promise.resolve().then(function () { return require(
28280
28329
  /* webpackMode: "lazy" */
28281
- './nv-toggle.entry-BM2Xdtvg.js'); }).then(processMod, consoleError);
28330
+ './nv-toggle.entry-D3jHT0co.js'); }).then(processMod, consoleError);
28282
28331
  case 'nv-togglebutton':
28283
28332
  return Promise.resolve().then(function () { return require(
28284
28333
  /* webpackMode: "lazy" */
28285
- './nv-togglebutton.entry-DPu3j4uH.js'); }).then(processMod, consoleError);
28334
+ './nv-togglebutton.entry-zN93TaA9.js'); }).then(processMod, consoleError);
28286
28335
  case 'nv-togglebuttongroup':
28287
28336
  return Promise.resolve().then(function () { return require(
28288
28337
  /* webpackMode: "lazy" */
28289
- './nv-togglebuttongroup.entry-BBUI9mSK.js'); }).then(processMod, consoleError);
28338
+ './nv-togglebuttongroup.entry-D4dUkodA.js'); }).then(processMod, consoleError);
28290
28339
  case 'nv-accordion-item':
28291
28340
  return Promise.resolve().then(function () { return require(
28292
28341
  /* webpackMode: "lazy" */
28293
- './nv-accordion-item.entry-BQ4e6YBV.js'); }).then(processMod, consoleError);
28342
+ './nv-accordion-item.entry-DBO7ztqb.js'); }).then(processMod, consoleError);
28294
28343
  case 'nv-badge_2':
28295
28344
  return Promise.resolve().then(function () { return require(
28296
28345
  /* webpackMode: "lazy" */
28297
- './nv-badge_2.entry-tuEGBPUn.js'); }).then(processMod, consoleError);
28346
+ './nv-badge_2.entry-Dl4iJgMU.js'); }).then(processMod, consoleError);
28298
28347
  case 'nv-dialogfooter_2':
28299
28348
  return Promise.resolve().then(function () { return require(
28300
28349
  /* webpackMode: "lazy" */
28301
- './nv-dialogfooter_2.entry-CXOzxujX.js'); }).then(processMod, consoleError);
28350
+ './nv-dialogfooter_2.entry-t9MuuUDn.js'); }).then(processMod, consoleError);
28302
28351
  case 'nv-fielddropdownitem':
28303
28352
  return Promise.resolve().then(function () { return require(
28304
28353
  /* webpackMode: "lazy" */
28305
- './nv-fielddropdownitem.entry-CVI8jUn4.js'); }).then(processMod, consoleError);
28354
+ './nv-fielddropdownitem.entry-CUMPmEzj.js'); }).then(processMod, consoleError);
28306
28355
  case 'nv-fieldnumber':
28307
28356
  return Promise.resolve().then(function () { return require(
28308
28357
  /* webpackMode: "lazy" */
28309
- './nv-fieldnumber.entry-bReRT-TF.js'); }).then(processMod, consoleError);
28358
+ './nv-fieldnumber.entry-V2AYjG7j.js'); }).then(processMod, consoleError);
28310
28359
  case 'nv-fieldtext':
28311
28360
  return Promise.resolve().then(function () { return require(
28312
28361
  /* webpackMode: "lazy" */
28313
- './nv-fieldtext.entry-BsUZW21W.js'); }).then(processMod, consoleError);
28362
+ './nv-fieldtext.entry-a1x9CfYv.js'); }).then(processMod, consoleError);
28314
28363
  case 'nv-menu':
28315
28364
  return Promise.resolve().then(function () { return require(
28316
28365
  /* webpackMode: "lazy" */
28317
- './nv-menu.entry-BbqP7TZx.js'); }).then(processMod, consoleError);
28366
+ './nv-menu.entry-DnHSkRkc.js'); }).then(processMod, consoleError);
28318
28367
  case 'nv-menuitem':
28319
28368
  return Promise.resolve().then(function () { return require(
28320
28369
  /* webpackMode: "lazy" */
28321
- './nv-menuitem.entry-BxGppIvW.js'); }).then(processMod, consoleError);
28370
+ './nv-menuitem.entry-BMThBD-z.js'); }).then(processMod, consoleError);
28322
28371
  case 'nv-tooltip':
28323
28372
  return Promise.resolve().then(function () { return require(
28324
28373
  /* webpackMode: "lazy" */
28325
- './nv-tooltip.entry-CEynYna7.js'); }).then(processMod, consoleError);
28374
+ './nv-tooltip.entry-DqFRA9_B.js'); }).then(processMod, consoleError);
28326
28375
  case 'nv-button':
28327
28376
  return Promise.resolve().then(function () { return require(
28328
28377
  /* webpackMode: "lazy" */
28329
- './nv-button.entry-BfV4ewn0.js'); }).then(processMod, consoleError);
28378
+ './nv-button.entry-B4k5GJIo.js'); }).then(processMod, consoleError);
28330
28379
  case 'nv-calendar':
28331
28380
  return Promise.resolve().then(function () { return require(
28332
28381
  /* webpackMode: "lazy" */
28333
- './nv-calendar.entry-CTkbvFRZ.js'); }).then(processMod, consoleError);
28382
+ './nv-calendar.entry-mOSPsfm-.js'); }).then(processMod, consoleError);
28334
28383
  case 'nv-fieldcheckbox':
28335
28384
  return Promise.resolve().then(function () { return require(
28336
28385
  /* webpackMode: "lazy" */
28337
- './nv-fieldcheckbox.entry-BMq7p1kc.js'); }).then(processMod, consoleError);
28386
+ './nv-fieldcheckbox.entry-KDMtAaLt.js'); }).then(processMod, consoleError);
28338
28387
  case 'nv-popover':
28339
28388
  return Promise.resolve().then(function () { return require(
28340
28389
  /* webpackMode: "lazy" */
28341
- './nv-popover.entry-CL28RbQ0.js'); }).then(processMod, consoleError);
28390
+ './nv-popover.entry-Bc5Hs_ZA.js'); }).then(processMod, consoleError);
28342
28391
  case 'nv-iconbutton_2':
28343
28392
  return Promise.resolve().then(function () { return require(
28344
28393
  /* webpackMode: "lazy" */
28345
- './nv-iconbutton_2.entry-DI-3_IYV.js'); }).then(processMod, consoleError);
28394
+ './nv-iconbutton_2.entry-WTj2sSR7.js'); }).then(processMod, consoleError);
28346
28395
  case 'nv-icon':
28347
28396
  return Promise.resolve().then(function () { return require(
28348
28397
  /* webpackMode: "lazy" */
28349
- './nv-icon.entry-BFTi5BIN.js'); }).then(processMod, consoleError);
28398
+ './nv-icon.entry-17nX7627.js'); }).then(processMod, consoleError);
28350
28399
  }
28351
28400
  }
28352
28401
  return import(
@@ -30564,7 +30613,7 @@ const globalScripts = () => {};
30564
30613
  const defineCustomElements = async (win, options) => {
30565
30614
  if (typeof window === 'undefined') return undefined;
30566
30615
  await globalScripts();
30567
- return bootstrapLazy(JSON.parse("[[\"nv-fieldmultiselect\",[[68,\"nv-fieldmultiselect\",{\"label\":[513],\"inputId\":[513,\"input-id\"],\"name\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"fluid\":[516],\"options\":[1040],\"value\":[1040],\"filterable\":[516],\"emptyResult\":[513,\"empty-result\"],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"badgeLabel\":[513,\"badge-label\"],\"filterText\":[1537,\"filter-text\"],\"enableSelectAll\":[516,\"enable-select-all\"],\"selectAllLabel\":[513,\"select-all-label\"],\"deselectAllLabel\":[513,\"deselect-all-label\"],\"sortedOptions\":[32],\"isHandlingEscape\":[32],\"hasFilterResults\":[32],\"isSelectAllSectionVisible\":[32],\"getFilterText\":[64],\"resetFilter\":[64],\"getSelectedValues\":[64],\"selectAll\":[64],\"deselectAll\":[64],\"toggleSelectAll\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"itemChecked\",\"handleItemChecked\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-dialog\",[[4,\"nv-dialog\",{\"triggerElement\":[1040],\"headerElement\":[1040],\"footerElement\":[1040],\"open\":[1540],\"undismissable\":[516],\"clickOutside\":[516,\"click-outside\"],\"controlled\":[516],\"full\":[516],\"autofocus\":[516],\"show\":[64],\"close\":[64]},[[4,\"keydown\",\"handleKeyDown\"],[4,\"click\",\"handleDocumentClick\"]],{\"open\":[\"handleDialogOpenChange\"]}]]],[\"nv-fielddate\",[[4,\"nv-fielddate\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"singleValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"singleDateChange\",\"handleSingleDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-fielddaterange\",[[4,\"nv-fielddaterange\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"description\":[513],\"startPlaceholder\":[513,\"start-placeholder\"],\"endPlaceholder\":[513,\"end-placeholder\"],\"startName\":[513,\"start-name\"],\"endName\":[513,\"end-name\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"startValue\":[32],\"endValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"valueChanged\",\"handleCalendarValueChanged\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"singleDateChange\",\"handleDateReset\"],[0,\"rangeDateChange\",\"handleDateReset\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"onOpenChanged\"]}]]],[\"nv-fielddropdown\",[[68,\"nv-fielddropdown\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"options\":[16],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"filterText\":[32],\"selectedValues\":[32],\"getFilterText\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[2,\"blur\",\"handleBlur\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-accordion\",[[4,\"nv-accordion\",{\"data\":[16],\"mode\":[513],\"openIndexes\":[1040],\"updatingFromInternal\":[32],\"open\":[64],\"close\":[64]},[[0,\"itemToggle\",\"onItemToggle\"]],{\"openIndexes\":[\"onOpenIndexesChange\"],\"mode\":[\"onModeChange\"]}]]],[\"nv-fieldslider\",[[68,\"nv-fieldslider\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"hasField\":[516,\"has-field\"],\"range\":[516],\"disabled\":[516],\"readonly\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"value\":[1040],\"step\":[514],\"snap\":[516],\"snapTicks\":[516,\"snap-ticks\"],\"name\":[513],\"endName\":[513,\"end-name\"],\"min\":[514],\"max\":[514],\"showTicks\":[516,\"show-ticks\"],\"ticks\":[16],\"fluid\":[516],\"labelBeforeValue\":[513,\"label-before-value\"],\"labelAfterValue\":[513,\"label-after-value\"],\"isDragging\":[32],\"activeDragThumb\":[32],\"internalTicks\":[32],\"rawPosition\":[32],\"rawRangePosition\":[32],\"valueInternal\":[32],\"rangeValueInternal\":[32]},null,{\"value\":[\"onValueChange\"],\"min\":[\"onConfigChange\"],\"max\":[\"onConfigChange\"],\"step\":[\"onConfigChange\"],\"ticks\":[\"onConfigChange\"],\"showTicks\":[\"onConfigChange\"],\"snap\":[\"onConfigChange\"],\"snapTicks\":[\"onConfigChange\"],\"range\":[\"onRangeChange\"]}]]],[\"nv-fieldtime\",[[68,\"nv-fieldtime\",{\"value\":[1537],\"label\":[513],\"inputId\":[513,\"input-id\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"name\":[513],\"success\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"format\":[513],\"description\":[513],\"open\":[1540],\"step\":[514],\"max\":[513],\"min\":[513],\"autofocus\":[516],\"hours\":[32],\"minutes\":[32],\"seconds\":[32]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-fieldpassword\",[[68,\"nv-fieldpassword\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"mode\":[513],\"autocomplete\":[513],\"hidePasswordIcon\":[516,\"hide-password-icon\"],\"showPassword\":[516,\"show-password\"],\"autofocus\":[516],\"fluid\":[516],\"showPasswordState\":[32]},null,{\"showPassword\":[\"handleShowPasswordChange\"]}]]],[\"nv-fieldselect\",[[68,\"nv-fieldselect\",{\"message\":[513],\"validation\":[513],\"options\":[16],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"multiple\":[516],\"value\":[1537],\"displayValue\":[516,\"display-value\"],\"autofocus\":[516],\"fluid\":[516],\"computedDisplayValue\":[32],\"internalReadonly\":[32]},null,{\"value\":[\"updateDisplayValueWatcher\"],\"displayValue\":[\"handleDisplayValueChange\"],\"readonly\":[\"handleReadonlyChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-breadcrumb\",[[4,\"nv-breadcrumb\",{\"type\":[513],\"tooltip\":[513],\"current\":[516]}]]],[\"nv-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"autoGenerateColumns\":[516,\"auto-generate-columns\"],\"enableGlobalFilter\":[516,\"enable-global-filter\"],\"globalFilterPosition\":[513,\"global-filter-position\"],\"enablePagination\":[516,\"enable-pagination\"],\"pageSize\":[514,\"page-size\"],\"pageSizes\":[16],\"enableSorting\":[516,\"enable-sorting\"],\"enableRowSelection\":[516,\"enable-row-selection\"],\"state\":[16],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilterSearchTerm\":[32],\"columnData\":[32],\"paginationState\":[32],\"sortingState\":[32],\"rowSelectionState\":[32]},null,{\"columns\":[\"parseColumns\"],\"data\":[\"parseData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilterSearchTerm\":[\"handleGlobalFilterSearchTerm\",\"handleInternalStateChange\"],\"paginationState\":[\"handlePaginationState\",\"handleInternalStateChange\"],\"sortingState\":[\"handleSortingState\",\"handleInternalStateChange\"],\"pageSize\":[\"handlePageSize\"],\"rowSelectionState\":[\"handleRowSelectionState\"],\"state\":[\"handleStateChange\"]}]]],[\"nv-alert\",[[4,\"nv-alert\",{\"color\":[513],\"feedback\":[1537],\"message\":[513],\"heading\":[513],\"icon\":[513],\"dismissible\":[516],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"hidden\":[1540],\"hasNoAnimations\":[516,\"has-no-animations\"]},null,{\"hidden\":[\"handleHiddenChange\"]}]]],[\"nv-avatar\",[[4,\"nv-avatar\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"text\":[513],\"url\":[513],\"alt\":[513],\"src\":[1537],\"initials\":[1537],\"size\":[1537],\"color\":[513]}]]],[\"nv-notification\",[[4,\"nv-notification\",{\"uid\":[513],\"feedback\":[513],\"emphasis\":[513],\"heading\":[513],\"message\":[513],\"icon\":[513],\"dismissible\":[516],\"hidden\":[1540],\"initiallyHidden\":[516,\"initially-hidden\"],\"dismiss\":[64],\"show\":[64]}]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-buttongroup\",[[4,\"nv-buttongroup\",{\"size\":[513],\"emphasis\":[513],\"fluid\":[516],\"orientation\":[513]},null,{\"emphasis\":[\"onEmphasisChange\"],\"size\":[\"onSizeChange\"],\"fluid\":[\"onFluidChange\"]}]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513],\"repeatTemplate\":[516,\"repeat-template\"],\"group\":[513]}]]],[\"nv-fieldradio\",[[68,\"nv-fieldradio\",{\"message\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"description\":[1537],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"checked\":[1540],\"disabled\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"handleCheckedChange\"]}]]],[\"nv-fieldtextarea\",[[68,\"nv-fieldtextarea\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"rows\":[514],\"resize\":[513],\"autosize\":[516],\"autofocus\":[516],\"fluid\":[516]},null,{\"rows\":[\"rowsChanged\"],\"autosize\":[\"autosizeChanged\"],\"value\":[\"handleValueChange\"]}]]],[\"nv-notificationcontainer\",[[4,\"nv-notificationcontainer\",{\"position\":[513]}]]],[\"nv-row\",[[4,\"nv-row\"]]],[\"nv-split\",[[4,\"nv-split\",{\"direction\":[513],\"sizes\":[1040],\"minSizes\":[16],\"gutterSize\":[514,\"gutter-size\"],\"isDragging\":[32],\"setSizes\":[64],\"getSizes\":[64],\"collapse\":[64],\"destroy\":[64]},null,{\"sizes\":[\"onSizesChanged\"],\"direction\":[\"onDirectionChanged\"]}]]],[\"nv-stack\",[[4,\"nv-stack\",{\"gutter\":[514],\"fill\":[516],\"flex\":[516],\"full\":[516],\"vertical\":[516]}]]],[\"nv-table\",[[4,\"nv-table\",null,[[1,\"pointerdown\",\"onPointerDown\"],[9,\"pointermove\",\"onPointerMove\"],[9,\"pointerup\",\"onPointerUp\"],[9,\"pointercancel\",\"onPointerUp\"]]]]],[\"nv-toggle\",[[68,\"nv-toggle\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[513,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"checked\":[1540],\"disabled\":[516],\"readonly\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-togglebutton\",[[4,\"nv-togglebutton\",{\"size\":[513],\"value\":[513],\"disabled\":[516],\"active\":[516],\"emphasis\":[513]}]]],[\"nv-togglebuttongroup\",[[4,\"nv-togglebuttongroup\",{\"value\":[1040],\"exclusive\":[516],\"enforceValue\":[516,\"enforce-value\"],\"emphasis\":[513],\"size\":[513]},[[0,\"toggled\",\"onToggled\"]],{\"value\":[\"onValueChanged\"],\"emphasis\":[\"onEmphasisChanged\"],\"size\":[\"onSizeChanged\"]}]]],[\"nv-icon\",[[0,\"nv-icon\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"color\":[513],\"name\":[513],\"size\":[1537]}]]],[\"nv-menu\",[[4,\"nv-menu\",{\"open\":[1540],\"nested\":[516],\"disableCloseOnSelect\":[516,\"disable-close-on-select\"],\"placement\":[513],\"items\":[16],\"show\":[64],\"close\":[64]},[[0,\"menuitemSelected\",\"handleMenuItemSelect\"],[0,\"keydown\",\"handleKeydown\"],[0,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"nv-accordion-item\",[[4,\"nv-accordion-item\",{\"itemTitle\":[513,\"item-title\"],\"subtitle\":[513],\"open\":[1540],\"disabled\":[516],\"maxContentHeight\":[514,\"max-content-height\"],\"mode\":[513],\"currentOpenState\":[32],\"isInitialized\":[32],\"isAnimating\":[32],\"toggle\":[64]},null,{\"open\":[\"onOpenChanged\"]}]]],[\"nv-fieldnumber\",[[68,\"nv-fieldnumber\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"max\":[514],\"min\":[514],\"step\":[514],\"value\":[1538],\"autofocus\":[516],\"fluid\":[516]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"nv-fielddropdownitem\",[[4,\"nv-fielddropdownitem\",{\"disabled\":[516],\"selected\":[516],\"value\":[1537],\"label\":[513]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-fieldtext\",[[68,\"nv-fieldtext\",{\"message\":[513],\"validation\":[513],\"textInputType\":[513,\"text-input-type\"],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"type\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"autocomplete\":[513],\"multiple\":[516],\"autofocus\":[516],\"fluid\":[516]}]]],[\"nv-menuitem\",[[4,\"nv-menuitem\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"shortcut\":[513],\"hasSubmenu\":[516,\"has-submenu\"],\"name\":[513]},[[2,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-tooltip\",[[4,\"nv-tooltip\",{\"triggerElement\":[1040],\"message\":[513],\"placement\":[513],\"enterDelay\":[514,\"enter-delay\"],\"strategy\":[513]}]]],[\"nv-iconbutton_2\",[[68,\"nv-iconbutton\",{\"size\":[513],\"emphasis\":[513],\"loading\":[1540],\"disabled\":[1540],\"active\":[516],\"name\":[513],\"type\":[513],\"shape\":[513]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}],[0,\"nv-loader\",{\"size\":[513],\"color\":[513]}]]],[\"nv-button\",[[68,\"nv-button\",{\"size\":[513],\"emphasis\":[513],\"active\":[516],\"danger\":[516],\"loading\":[1540],\"disabled\":[1540],\"fluid\":[516],\"type\":[513],\"form\":[513]},[[0,\"keydown\",\"handleKeyDown\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nv-dialogfooter_2\",[[68,\"nv-dialogfooter\",{\"disabled\":[516],\"undismissable\":[516],\"leadingIcon\":[513,\"leading-icon\"],\"trailingIcon\":[513,\"trailing-icon\"],\"danger\":[516],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"primaryButtonType\":[1537,\"primary-button-type\"],\"form\":[513]}],[4,\"nv-dialogheader\",{\"heading\":[513],\"subheading\":[513]}]]],[\"nv-fieldcheckbox\",[[68,\"nv-fieldcheckbox\",{\"message\":[513],\"validation\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[1537],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-badge_2\",[[4,\"nv-badge\",{\"dismissal\":[516],\"icon\":[513],\"iconLocation\":[513,\"icon-location\"],\"color\":[513],\"label\":[513],\"leadIcon\":[1537,\"lead-icon\"],\"dismissible\":[1540],\"hidden\":[1540],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"isIconOnly\":[516,\"is-icon-only\"],\"_isHidden\":[32]},null,{\"dismissal\":[\"handleDismissalChange\"],\"icon\":[\"handleIconChange\"],\"hidden\":[\"handleHiddenChange\"]}],[4,\"nv-fielddropdownitemcheck\",{\"checked\":[1540],\"value\":[513],\"label\":[513],\"description\":[513],\"group\":[513],\"disabled\":[516]}]]],[\"nv-calendar\",[[4,\"nv-calendar\",{\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[1538,\"number-of-calendars\"],\"value\":[1537],\"singleValue\":[1537,\"single-value\"],\"rangeValue\":[1040],\"min\":[513],\"max\":[513],\"disabledDates\":[16],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"currentDate\":[32],\"selectedDate\":[32],\"startDate\":[32],\"endDate\":[32],\"hoverDate\":[32],\"months\":[32],\"clear\":[64]},null,{\"numberOfCalendars\":[\"validateNumberOfCalendars\"],\"rangeValue\":[\"onRangeValueChange\"],\"disabledDates\":[\"handleDisabledDatesChange\"],\"singleValue\":[\"onSingleValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"nv-popover\",[[4,\"nv-popover\",{\"triggerElement\":[1040],\"open\":[1540],\"triggerMode\":[513,\"trigger-mode\"],\"placement\":[513],\"strategy\":[513],\"groupName\":[513,\"group-name\"],\"offset\":[514],\"hasArrow\":[516,\"has-arrow\"],\"disableFlip\":[516,\"disable-flip\"],\"shiftPadding\":[514,\"shift-padding\"],\"enterDelay\":[514,\"enter-delay\"],\"nested\":[516],\"show\":[64],\"hide\":[64],\"toggle\":[64]},[[4,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"],\"strategy\":[\"handleStrategyChange\"]}]]]]"), options);
30616
+ return bootstrapLazy(JSON.parse("[[\"nv-fieldmultiselect\",[[68,\"nv-fieldmultiselect\",{\"label\":[513],\"inputId\":[513,\"input-id\"],\"name\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"fluid\":[516],\"options\":[1040],\"value\":[1040],\"filterable\":[516],\"emptyResult\":[513,\"empty-result\"],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"badgeLabel\":[513,\"badge-label\"],\"filterText\":[1537,\"filter-text\"],\"enableSelectAll\":[516,\"enable-select-all\"],\"selectAllLabel\":[513,\"select-all-label\"],\"deselectAllLabel\":[513,\"deselect-all-label\"],\"sortedOptions\":[32],\"isHandlingEscape\":[32],\"hasFilterResults\":[32],\"isSelectAllSectionVisible\":[32],\"getFilterText\":[64],\"resetFilter\":[64],\"getSelectedValues\":[64],\"selectAll\":[64],\"deselectAll\":[64],\"toggleSelectAll\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"itemChecked\",\"handleItemChecked\"],[0,\"slotchange\",\"handleSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-dialog\",[[4,\"nv-dialog\",{\"triggerElement\":[1040],\"headerElement\":[1040],\"footerElement\":[1040],\"open\":[1540],\"undismissable\":[516],\"clickOutside\":[516,\"click-outside\"],\"controlled\":[516],\"full\":[516],\"autofocus\":[516],\"show\":[64],\"close\":[64]},[[4,\"keydown\",\"handleKeyDown\"],[4,\"click\",\"handleDocumentClick\"]],{\"open\":[\"handleDialogOpenChange\"]}]]],[\"nv-fielddate\",[[4,\"nv-fielddate\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"singleValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"singleDateChange\",\"handleSingleDateChange\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-fielddaterange\",[[4,\"nv-fielddaterange\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"description\":[513],\"startPlaceholder\":[513,\"start-placeholder\"],\"endPlaceholder\":[513,\"end-placeholder\"],\"startName\":[513,\"start-name\"],\"endName\":[513,\"end-name\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"autofocus\":[516],\"value\":[1537],\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[514,\"number-of-calendars\"],\"min\":[513],\"max\":[513],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"disabledDates\":[16],\"fluid\":[516],\"startValue\":[32],\"endValue\":[32],\"open\":[32],\"clear\":[64]},[[0,\"rangeDateChange\",\"handleRangeDateChange\"],[0,\"valueChanged\",\"handleCalendarValueChanged\"],[0,\"closePopover\",\"handleClosePopover\"],[0,\"applyDateRange\",\"handleApplyDateRange\"],[0,\"singleDateChange\",\"handleDateReset\"],[0,\"rangeDateChange\",\"handleDateReset\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"onOpenChanged\"]}]]],[\"nv-fielddropdown\",[[68,\"nv-fielddropdown\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"label\":[513],\"description\":[513],\"placeholder\":[513],\"autocomplete\":[513],\"value\":[1537],\"required\":[516],\"readonly\":[516],\"disabled\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"maxHeight\":[513,\"max-height\"],\"open\":[1540],\"emptyResult\":[513,\"empty-result\"],\"filterable\":[516],\"options\":[16],\"debounceDelay\":[514,\"debounce-delay\"],\"autofocus\":[516],\"fluid\":[516],\"filterText\":[32],\"selectedValues\":[32],\"getFilterText\":[64]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"dropdownItemSelected\",\"handleDropdownItemSelected\"],[2,\"blur\",\"handleBlur\"],[0,\"keydown\",\"handleKeyDown\"]],{\"options\":[\"handleOptionsChange\"],\"value\":[\"watchValueHandler\"],\"open\":[\"handleOpenChange\"]}]]],[\"nv-accordion\",[[4,\"nv-accordion\",{\"data\":[16],\"mode\":[513],\"openIndexes\":[1040],\"updatingFromInternal\":[32],\"open\":[64],\"close\":[64]},[[0,\"itemToggle\",\"onItemToggle\"]],{\"openIndexes\":[\"onOpenIndexesChange\"],\"mode\":[\"onModeChange\"]}]]],[\"nv-fieldslider\",[[68,\"nv-fieldslider\",{\"startInputId\":[513,\"start-input-id\"],\"endInputId\":[513,\"end-input-id\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"hasField\":[516,\"has-field\"],\"range\":[516],\"disabled\":[516],\"readonly\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"value\":[1040],\"step\":[514],\"snap\":[516],\"snapTicks\":[516,\"snap-ticks\"],\"name\":[513],\"endName\":[513,\"end-name\"],\"min\":[514],\"max\":[514],\"showTicks\":[516,\"show-ticks\"],\"ticks\":[16],\"fluid\":[516],\"labelBeforeValue\":[513,\"label-before-value\"],\"labelAfterValue\":[513,\"label-after-value\"],\"isDragging\":[32],\"activeDragThumb\":[32],\"internalTicks\":[32],\"rawPosition\":[32],\"rawRangePosition\":[32],\"valueInternal\":[32],\"rangeValueInternal\":[32]},null,{\"value\":[\"onValueChange\"],\"min\":[\"onConfigChange\"],\"max\":[\"onConfigChange\"],\"step\":[\"onConfigChange\"],\"ticks\":[\"onConfigChange\"],\"showTicks\":[\"onConfigChange\"],\"snap\":[\"onConfigChange\"],\"snapTicks\":[\"onConfigChange\"],\"range\":[\"onRangeChange\"]}]]],[\"nv-fieldtime\",[[68,\"nv-fieldtime\",{\"value\":[1537],\"label\":[513],\"inputId\":[513,\"input-id\"],\"readonly\":[516],\"disabled\":[516],\"required\":[516],\"name\":[513],\"success\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"format\":[513],\"description\":[513],\"open\":[1540],\"step\":[514],\"max\":[513],\"min\":[513],\"autofocus\":[516],\"hours\":[32],\"minutes\":[32],\"seconds\":[32]},[[0,\"openChanged\",\"handleOpenChanged\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenChange\"],\"format\":[\"handleFormatChange\"]}]]],[\"nv-fieldpassword\",[[68,\"nv-fieldpassword\",{\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"mode\":[513],\"autocomplete\":[513],\"hidePasswordIcon\":[516,\"hide-password-icon\"],\"showPassword\":[516,\"show-password\"],\"autofocus\":[516],\"fluid\":[516],\"showPasswordState\":[32]},null,{\"showPassword\":[\"handleShowPasswordChange\"]}]]],[\"nv-fieldselect\",[[68,\"nv-fieldselect\",{\"message\":[513],\"validation\":[513],\"options\":[16],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"multiple\":[516],\"value\":[1537],\"displayValue\":[516,\"display-value\"],\"autofocus\":[516],\"fluid\":[516],\"computedDisplayValue\":[32],\"internalReadonly\":[32]},null,{\"value\":[\"updateDisplayValueWatcher\"],\"displayValue\":[\"handleDisplayValueChange\"],\"readonly\":[\"handleReadonlyChange\"],\"options\":[\"handleOptionsChange\"]}]]],[\"nv-breadcrumb\",[[4,\"nv-breadcrumb\",{\"type\":[513],\"tooltip\":[513],\"current\":[516]}]]],[\"nv-datagrid\",[[4,\"nv-datagrid\",{\"data\":[16],\"columns\":[16],\"fallbackValue\":[513,\"fallback-value\"],\"noDataMessage\":[513,\"no-data-message\"],\"noColumnsNoDataMessage\":[513,\"no-columns-no-data-message\"],\"autoGenerateColumns\":[516,\"auto-generate-columns\"],\"enableGlobalFilter\":[516,\"enable-global-filter\"],\"globalFilterPosition\":[513,\"global-filter-position\"],\"enablePagination\":[516,\"enable-pagination\"],\"pageSize\":[514,\"page-size\"],\"pageSizes\":[16],\"enableSorting\":[516,\"enable-sorting\"],\"enableRowSelection\":[516,\"enable-row-selection\"],\"state\":[16],\"table\":[32],\"parsedColumns\":[32],\"parsedData\":[32],\"globalFilterSearchTerm\":[32],\"columnData\":[32],\"paginationState\":[32],\"sortingState\":[32],\"rowSelectionState\":[32]},null,{\"columns\":[\"parseColumns\"],\"data\":[\"parseData\"],\"parsedColumns\":[\"handleParsedChange\"],\"parsedData\":[\"handleParsedChange\"],\"globalFilterSearchTerm\":[\"handleGlobalFilterSearchTerm\",\"handleInternalStateChange\"],\"paginationState\":[\"handlePaginationState\",\"handleInternalStateChange\"],\"sortingState\":[\"handleSortingState\",\"handleInternalStateChange\"],\"pageSize\":[\"handlePageSize\"],\"rowSelectionState\":[\"handleRowSelectionState\"],\"state\":[\"handleStateChange\"]}]]],[\"nv-alert\",[[4,\"nv-alert\",{\"color\":[513],\"feedback\":[1537],\"message\":[513],\"heading\":[513],\"icon\":[513],\"dismissible\":[516],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"hidden\":[1540],\"hasNoAnimations\":[516,\"has-no-animations\"]},null,{\"hidden\":[\"handleHiddenChange\"]}]]],[\"nv-avatar\",[[4,\"nv-avatar\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"text\":[513],\"url\":[513],\"alt\":[513],\"src\":[1537],\"initials\":[1537],\"size\":[1537],\"color\":[513]}]]],[\"nv-notification\",[[4,\"nv-notification\",{\"uid\":[513],\"feedback\":[513],\"emphasis\":[513],\"heading\":[513],\"message\":[513],\"icon\":[513],\"dismissible\":[516],\"hidden\":[1540],\"initiallyHidden\":[516,\"initially-hidden\"],\"dismiss\":[64],\"show\":[64]}]]],[\"nv-breadcrumbs\",[[4,\"nv-breadcrumbs\"]]],[\"nv-buttongroup\",[[4,\"nv-buttongroup\",{\"size\":[513],\"emphasis\":[513],\"fluid\":[516],\"orientation\":[513]},null,{\"emphasis\":[\"onEmphasisChange\"],\"size\":[\"onSizeChange\"],\"fluid\":[\"onFluidChange\"]}]]],[\"nv-col\",[[4,\"nv-col\",{\"size\":[514]}]]],[\"nv-datagridcolumn\",[[4,\"nv-datagridcolumn\",{\"header\":[513],\"accessor\":[513],\"repeatTemplate\":[516,\"repeat-template\"],\"group\":[513]}]]],[\"nv-fieldradio\",[[68,\"nv-fieldradio\",{\"message\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"description\":[1537],\"error\":[516],\"errorDescription\":[513,\"error-description\"],\"checked\":[1540],\"disabled\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"handleCheckedChange\"]}]]],[\"nv-fieldtextarea\",[[68,\"nv-fieldtextarea\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"rows\":[514],\"resize\":[513],\"autosize\":[516],\"autofocus\":[516],\"fluid\":[516]},null,{\"rows\":[\"rowsChanged\"],\"autosize\":[\"autosizeChanged\"],\"value\":[\"handleValueChange\"]}]]],[\"nv-notificationcontainer\",[[4,\"nv-notificationcontainer\",{\"position\":[513]}]]],[\"nv-row\",[[4,\"nv-row\"]]],[\"nv-split\",[[4,\"nv-split\",{\"direction\":[513],\"sizes\":[1040],\"minSizes\":[16],\"gutterSize\":[514,\"gutter-size\"],\"isDragging\":[32],\"setSizes\":[64],\"getSizes\":[64],\"collapse\":[64],\"destroy\":[64]},null,{\"sizes\":[\"onSizesChanged\"],\"direction\":[\"onDirectionChanged\"]}]]],[\"nv-stack\",[[4,\"nv-stack\",{\"gutter\":[514],\"fill\":[516],\"flex\":[516],\"full\":[516],\"vertical\":[516]}]]],[\"nv-table\",[[4,\"nv-table\",null,[[1,\"pointerdown\",\"onPointerDown\"],[9,\"pointermove\",\"onPointerMove\"],[9,\"pointerup\",\"onPointerUp\"],[9,\"pointercancel\",\"onPointerUp\"]]]]],[\"nv-toggle\",[[68,\"nv-toggle\",{\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[513,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[513],\"checked\":[1540],\"disabled\":[516],\"readonly\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-togglebutton\",[[4,\"nv-togglebutton\",{\"size\":[513],\"value\":[513],\"disabled\":[516],\"active\":[516],\"emphasis\":[513]}]]],[\"nv-togglebuttongroup\",[[4,\"nv-togglebuttongroup\",{\"value\":[1040],\"exclusive\":[516],\"enforceValue\":[516,\"enforce-value\"],\"emphasis\":[513],\"size\":[513]},[[0,\"toggled\",\"onToggled\"]],{\"value\":[\"onValueChanged\"],\"emphasis\":[\"onEmphasisChanged\"],\"size\":[\"onSizeChanged\"]}]]],[\"nv-icon\",[[0,\"nv-icon\",{\"xsmall\":[516],\"small\":[516],\"medium\":[516],\"large\":[516],\"xlarge\":[516],\"color\":[513],\"name\":[513],\"size\":[1537]}]]],[\"nv-menu\",[[4,\"nv-menu\",{\"open\":[1540],\"nested\":[516],\"disableCloseOnSelect\":[516,\"disable-close-on-select\"],\"placement\":[513],\"items\":[16],\"show\":[64],\"close\":[64]},[[0,\"menuitemSelected\",\"handleMenuItemSelect\"],[0,\"keydown\",\"handleKeydown\"],[0,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"nv-accordion-item\",[[4,\"nv-accordion-item\",{\"itemTitle\":[513,\"item-title\"],\"subtitle\":[513],\"open\":[1540],\"disabled\":[516],\"maxContentHeight\":[514,\"max-content-height\"],\"mode\":[513],\"currentOpenState\":[32],\"isInitialized\":[32],\"isAnimating\":[32],\"toggle\":[64]},null,{\"open\":[\"onOpenChanged\"]}]]],[\"nv-fieldnumber\",[[68,\"nv-fieldnumber\",{\"message\":[513],\"validation\":[513],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"max\":[514],\"min\":[514],\"step\":[514],\"value\":[1538],\"autofocus\":[516],\"fluid\":[516]},null,{\"value\":[\"watchValueHandler\"]}]]],[\"nv-fielddropdownitem\",[[4,\"nv-fielddropdownitem\",{\"disabled\":[516],\"selected\":[516],\"value\":[1537],\"label\":[513]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-fieldtext\",[[68,\"nv-fieldtext\",{\"message\":[513],\"validation\":[513],\"textInputType\":[513,\"text-input-type\"],\"inputId\":[513,\"input-id\"],\"label\":[513],\"description\":[1537],\"placeholder\":[513],\"name\":[513],\"value\":[1537],\"type\":[1537],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"success\":[516],\"maxlength\":[514],\"minlength\":[514],\"pattern\":[513],\"autocomplete\":[513],\"multiple\":[516],\"autofocus\":[516],\"fluid\":[516]}]]],[\"nv-menuitem\",[[4,\"nv-menuitem\",{\"label\":[513],\"icon\":[513],\"disabled\":[516],\"shortcut\":[513],\"hasSubmenu\":[516,\"has-submenu\"],\"name\":[513]},[[2,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"nv-tooltip\",[[4,\"nv-tooltip\",{\"triggerElement\":[1040],\"message\":[513],\"placement\":[513],\"enterDelay\":[514,\"enter-delay\"],\"strategy\":[513]}]]],[\"nv-iconbutton_2\",[[68,\"nv-iconbutton\",{\"size\":[513],\"emphasis\":[513],\"loading\":[1540],\"disabled\":[1540],\"active\":[516],\"name\":[513],\"type\":[513],\"shape\":[513]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"touchstart\",\"handleTouchStart\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}],[0,\"nv-loader\",{\"size\":[513],\"color\":[513]}]]],[\"nv-button\",[[68,\"nv-button\",{\"size\":[513],\"emphasis\":[513],\"active\":[516],\"danger\":[516],\"loading\":[1540],\"disabled\":[1540],\"fluid\":[516],\"type\":[513],\"form\":[513]},[[0,\"keydown\",\"handleKeyDown\"]],{\"loading\":[\"handleLoadingChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nv-dialogfooter_2\",[[68,\"nv-dialogfooter\",{\"disabled\":[516],\"undismissable\":[516],\"leadingIcon\":[513,\"leading-icon\"],\"trailingIcon\":[513,\"trailing-icon\"],\"danger\":[516],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"primaryButtonType\":[1537,\"primary-button-type\"],\"form\":[513]}],[4,\"nv-dialogheader\",{\"heading\":[513],\"subheading\":[513]}]]],[\"nv-fieldcheckbox\",[[68,\"nv-fieldcheckbox\",{\"message\":[513],\"validation\":[513],\"labelBefore\":[516,\"label-before\"],\"inputId\":[513,\"input-id\"],\"name\":[513],\"value\":[513],\"label\":[513],\"labelPlacement\":[1537,\"label-placement\"],\"hideLabel\":[516,\"hide-label\"],\"description\":[1537],\"error\":[1540],\"errorDescription\":[1537,\"error-description\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"autofocus\":[516]},[[0,\"change\",\"handleChange\"]],{\"checked\":[\"onCheckedChanged\"]}]]],[\"nv-badge_2\",[[4,\"nv-badge\",{\"dismissal\":[516],\"icon\":[513],\"iconLocation\":[513,\"icon-location\"],\"color\":[513],\"label\":[513],\"leadIcon\":[1537,\"lead-icon\"],\"dismissible\":[1540],\"hidden\":[1540],\"preventAutoClose\":[516,\"prevent-auto-close\"],\"isIconOnly\":[516,\"is-icon-only\"],\"_isHidden\":[32]},null,{\"dismissal\":[\"handleDismissalChange\"],\"icon\":[\"handleIconChange\"],\"hidden\":[\"handleHiddenChange\"]}],[4,\"nv-fielddropdownitemcheck\",{\"checked\":[1540],\"value\":[513],\"label\":[513],\"description\":[513],\"group\":[513],\"disabled\":[516]}]]],[\"nv-calendar\",[[4,\"nv-calendar\",{\"firstDayOfWeek\":[514,\"first-day-of-week\"],\"numberOfCalendars\":[1538,\"number-of-calendars\"],\"value\":[1537],\"singleValue\":[1537,\"single-value\"],\"rangeValue\":[1040],\"min\":[513],\"max\":[513],\"disabledDates\":[16],\"locale\":[513],\"dateFormat\":[513,\"date-format\"],\"shortcutsPlacement\":[513,\"shortcuts-placement\"],\"selectionType\":[513,\"selection-type\"],\"showActions\":[516,\"show-actions\"],\"shortcuts\":[16],\"showWeekNumbers\":[516,\"show-week-numbers\"],\"cancelLabel\":[513,\"cancel-label\"],\"primaryLabel\":[513,\"primary-label\"],\"currentDate\":[32],\"selectedDate\":[32],\"startDate\":[32],\"endDate\":[32],\"hoverDate\":[32],\"months\":[32],\"clear\":[64]},null,{\"numberOfCalendars\":[\"validateNumberOfCalendars\"],\"rangeValue\":[\"onRangeValueChange\"],\"disabledDates\":[\"handleDisabledDatesChange\"],\"singleValue\":[\"onSingleValueChange\"],\"value\":[\"onValueChange\"]}]]],[\"nv-popover\",[[4,\"nv-popover\",{\"triggerElement\":[1040],\"open\":[1540],\"triggerMode\":[513,\"trigger-mode\"],\"placement\":[513],\"strategy\":[513],\"groupName\":[513,\"group-name\"],\"offset\":[514],\"hasArrow\":[516,\"has-arrow\"],\"disableFlip\":[516,\"disable-flip\"],\"shiftPadding\":[514,\"shift-padding\"],\"enterDelay\":[514,\"enter-delay\"],\"nested\":[516],\"show\":[64],\"hide\":[64],\"toggle\":[64]},[[4,\"openChanged\",\"handleOpenChanged\"]],{\"open\":[\"handleOpenChange\"],\"strategy\":[\"handleStrategyChange\"]}]]]]"), options);
30568
30617
  };
30569
30618
 
30570
30619
  (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a);}})();