@nova-design-system/nova-react 3.11.0 → 3.13.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 (64) hide show
  1. package/README.md +27 -58
  2. package/dist/cjs/collapse.animation-acda1bf5-BuORVmQv.js +214 -0
  3. package/dist/cjs/{constants-23aaef7b-Cj2b-su0.js → constants-d0f19e7b-s0SCO_vi.js} +5 -0
  4. package/dist/cjs/fade.animation-eb454088-Bma0SpTf.js +724 -0
  5. package/dist/cjs/{index-9kW3hkgy.js → index-Jgn7NELT.js} +2422 -1713
  6. package/dist/cjs/index.js +69 -1
  7. package/dist/cjs/{nv-accordion-item.entry-77CmzSqs.js → nv-accordion-item.entry-C7vVmDCg.js} +74 -40
  8. package/dist/cjs/nv-accordion.entry-CFynyAOo.js +178 -0
  9. package/dist/cjs/{nv-alert.entry-4ATJ67O4.js → nv-alert.entry-C_FMs0Yi.js} +20 -20
  10. package/dist/cjs/{nv-avatar.entry-DOI0QFTW.js → nv-avatar.entry-BvjSzIHn.js} +7 -7
  11. package/dist/cjs/nv-badge_2.entry-CLNvgVtj.js +212 -0
  12. package/dist/cjs/{nv-breadcrumb.entry-C6TteX7v.js → nv-breadcrumb.entry-Ch2Cvr_a.js} +2 -2
  13. package/dist/cjs/{nv-breadcrumbs.entry-CpYRzd4I.js → nv-breadcrumbs.entry-DmH8AGIm.js} +1 -1
  14. package/dist/cjs/{nv-button.entry-DUU-LHJM.js → nv-button.entry-B0lusQ2w.js} +8 -8
  15. package/dist/cjs/{nv-buttongroup.entry-BDdi1Z66.js → nv-buttongroup.entry-DLVCcdh9.js} +1 -1
  16. package/dist/cjs/{nv-calendar.entry-DMpLDXJG.js → nv-calendar.entry-BmX0f_Or.js} +20 -16
  17. package/dist/cjs/{nv-col.entry-WTuI3NnF.js → nv-col.entry-lysICYEC.js} +1 -1
  18. package/dist/cjs/{nv-datagrid.entry-BXqZFjrC.js → nv-datagrid.entry-vG3h5dj3.js} +7 -7
  19. package/dist/cjs/{nv-datagridcolumn.entry-B-M6q2Tk.js → nv-datagridcolumn.entry-9NynF9K-.js} +1 -1
  20. package/dist/cjs/{nv-dialog.entry-DEM7iOao.js → nv-dialog.entry-Ctsz1K-O.js} +3 -3
  21. package/dist/cjs/{nv-dialogfooter_2.entry-B09v2yKV.js → nv-dialogfooter_2.entry-B17HEgyc.js} +10 -7
  22. package/dist/cjs/{nv-fieldcheckbox.entry-Z5tjeUuU.js → nv-fieldcheckbox.entry-DMiADwqV.js} +2 -2
  23. package/dist/cjs/{nv-fielddate.entry-5lSIc9Ek.js → nv-fielddate.entry-D3X6Jl3u.js} +2 -2
  24. package/dist/cjs/{nv-fielddaterange.entry-CuhBqqML.js → nv-fielddaterange.entry-C8_SFFXW.js} +2 -2
  25. package/dist/cjs/{nv-fielddropdown.entry-BFFr0ATC.js → nv-fielddropdown.entry-BiBR8Qgs.js} +2 -2
  26. package/dist/cjs/{nv-fielddropdownitem.entry-BugR9GTU.js → nv-fielddropdownitem.entry-DQ8QK4AS.js} +1 -1
  27. package/dist/cjs/{nv-fieldmultiselect.entry-S7ur1tcN.js → nv-fieldmultiselect.entry-J5VTOPum.js} +2 -32
  28. package/dist/cjs/{nv-fieldnumber.entry-BMpv7Xab.js → nv-fieldnumber.entry-Djpg1HMq.js} +3 -3
  29. package/dist/cjs/{nv-fieldpassword.entry-B5WsGvF8.js → nv-fieldpassword.entry-DKT9Xn5H.js} +2 -2
  30. package/dist/cjs/{nv-fieldradio.entry-BhojWkU4.js → nv-fieldradio.entry-CPYf3K2o.js} +2 -2
  31. package/dist/cjs/{nv-fieldselect.entry-CCM3U7mj.js → nv-fieldselect.entry-DnbL7aZB.js} +2 -2
  32. package/dist/cjs/{nv-fieldslider.entry-XQRuw_C-.js → nv-fieldslider.entry-CNRJuo7v.js} +25 -17
  33. package/dist/cjs/{nv-fieldtext.entry-DtgMcL9y.js → nv-fieldtext.entry-B9lIHck7.js} +1 -1
  34. package/dist/cjs/{nv-fieldtextarea.entry-BF4luAgA.js → nv-fieldtextarea.entry-B2EDj8cm.js} +1 -1
  35. package/dist/cjs/{nv-fieldtime.entry-DyP6QWzm.js → nv-fieldtime.entry-CpoXpAPx.js} +61 -61
  36. package/dist/cjs/nv-icon.entry-DbOeEd4f.js +79 -0
  37. package/dist/cjs/{nv-iconbutton_2.entry-DlLquYC0.js → nv-iconbutton_2.entry-DR_wR73O.js} +2 -2
  38. package/dist/cjs/{nv-menu.entry-Dj2paHp_.js → nv-menu.entry-DB_G8hS_.js} +1 -1
  39. package/dist/cjs/{nv-menuitem.entry-DbV-21bC.js → nv-menuitem.entry-PBCNIzPI.js} +1 -1
  40. package/dist/cjs/nv-notification.entry-CyumbQS_.js +178 -0
  41. package/dist/cjs/{nv-popover.entry-mefWRuFR.js → nv-popover.entry-ttESQMgj.js} +29 -12
  42. package/dist/cjs/{nv-row.entry-Ds7BSvjO.js → nv-row.entry-DPEGaFeS.js} +2 -2
  43. package/dist/cjs/{nv-stack.entry-vlegAAKj.js → nv-stack.entry-CTPwlz23.js} +2 -2
  44. package/dist/cjs/{nv-table.entry-CiZvYc93.js → nv-table.entry-Dv1mZKcu.js} +3 -3
  45. package/dist/cjs/{nv-tablecolumn.entry-ChUzCWVu.js → nv-tablecolumn.entry-DrAaeHm-.js} +1 -1
  46. package/dist/cjs/{nv-toggle.entry-CLY7TxJv.js → nv-toggle.entry-D2TRd371.js} +4 -4
  47. package/dist/cjs/nv-togglebutton.entry-D95qOQ1K.js +55 -0
  48. package/dist/cjs/{nv-togglebuttongroup.entry-JZNZk6j2.js → nv-togglebuttongroup.entry-BNvyZgbh.js} +2 -2
  49. package/dist/cjs/{nv-tooltip.entry-BhwdNKUk.js → nv-tooltip.entry-oOw6EmyL.js} +12 -3
  50. package/dist/cjs/{stylefire.es-74da334a-y0piPjlz.js → style-value-types.es-f5d10b79-D0QCM8OB.js} +50 -694
  51. package/dist/cjs/{timeline.animation-adf35ecb-CE6Dsdxr.js → timeline.animation-79215cd4-KteJaZPb.js} +19 -0
  52. package/dist/generated/components.js +8 -0
  53. package/dist/generated/components.server.js +21 -2
  54. package/dist/index.js +1 -0
  55. package/dist/types/generated/components.d.ts +5 -0
  56. package/dist/types/generated/components.server.d.ts +5 -0
  57. package/dist/types/index.d.ts +1 -0
  58. package/package.json +4 -2
  59. package/dist/cjs/collapse.animation-16e3af45-CChx_tQJ.js +0 -84
  60. package/dist/cjs/fade.animation-71e8e34c-BAw_TYsB.js +0 -68
  61. package/dist/cjs/nv-accordion.entry-DCspxUr-.js +0 -164
  62. package/dist/cjs/nv-badge_2.entry-h081ah26.js +0 -212
  63. package/dist/cjs/nv-icon.entry-DlnsNiSG.js +0 -79
  64. package/dist/cjs/nv-togglebutton.entry-C6dUap1P.js +0 -55
package/dist/cjs/{nv-fieldtime.entry-DyP6QWzm.js → nv-fieldtime.entry-CpoXpAPx.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-9kW3hkgy.js');
4
- var constants23aaef7b = require('./constants-23aaef7b-Cj2b-su0.js');
3
+ var index = require('./index-Jgn7NELT.js');
4
+ var constantsD0f19e7b = require('./constants-d0f19e7b-s0SCO_vi.js');
5
5
  var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
6
6
  require('react');
7
7
 
@@ -19,7 +19,7 @@ function startsWithIgnoreCase(str, prefix) {
19
19
  return str.toLowerCase().startsWith(prefix.toLowerCase());
20
20
  }
21
21
 
22
- 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:700}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:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;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:500;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:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;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-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:\"TT Norms Pro\", 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:\"TT Norms Pro\", 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)}";
22
+ 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:700}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:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;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:500;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:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;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:\"TT Norms Pro\", 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:\"TT Norms Pro\", 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)}";
23
23
  const NvFieldtimeStyle0 = nvFieldtimeCss;
24
24
 
25
25
  const NvFieldtime = class {
@@ -29,7 +29,7 @@ const NvFieldtime = class {
29
29
  // Input elements for hours, minutes, and seconds
30
30
  this.inputElements = {};
31
31
  this.inputZeroAdded = {};
32
- this.typeFocused = constants23aaef7b.TimeType.Hours;
32
+ this.typeFocused = constantsD0f19e7b.TimeType.Hours;
33
33
  /****************************************************************************/
34
34
  //#region STATES
35
35
  this.hours = '00';
@@ -142,20 +142,20 @@ const NvFieldtime = class {
142
142
  else if (event.key === 'Enter' && currentIndex >= 0) {
143
143
  event.preventDefault();
144
144
  items[currentIndex].click();
145
- if (this.typeFocused === constants23aaef7b.TimeType.Hours) {
146
- (_a = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
147
- (_b = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
145
+ if (this.typeFocused === constantsD0f19e7b.TimeType.Hours) {
146
+ (_a = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
147
+ (_b = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
148
148
  }
149
- else if (this.typeFocused === constants23aaef7b.TimeType.Minutes ||
150
- this.typeFocused === constants23aaef7b.TimeType.Seconds) {
151
- (_c = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
152
- (_d = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
149
+ else if (this.typeFocused === constantsD0f19e7b.TimeType.Minutes ||
150
+ this.typeFocused === constantsD0f19e7b.TimeType.Seconds) {
151
+ (_c = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
152
+ (_d = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
153
153
  }
154
154
  }
155
155
  else if (event.key === 'Escape') {
156
156
  event.preventDefault();
157
- if (this.inputElements[constants23aaef7b.TimeType.Hours]) {
158
- this.inputElements[constants23aaef7b.TimeType.Hours].blur();
157
+ if (this.inputElements[constantsD0f19e7b.TimeType.Hours]) {
158
+ this.inputElements[constantsD0f19e7b.TimeType.Hours].blur();
159
159
  }
160
160
  }
161
161
  }
@@ -173,13 +173,13 @@ const NvFieldtime = class {
173
173
  const inputValue = inputElement.value.replace(/[^0-9]/g, ''); // Only keep numeric input
174
174
  // Update the time value based on the type
175
175
  switch (type) {
176
- case constants23aaef7b.TimeType.Hours:
176
+ case constantsD0f19e7b.TimeType.Hours:
177
177
  this.handleHoursChange(inputValue, type);
178
178
  break;
179
- case constants23aaef7b.TimeType.Minutes:
179
+ case constantsD0f19e7b.TimeType.Minutes:
180
180
  this.handleMinutesChange(inputValue, type);
181
181
  break;
182
- case constants23aaef7b.TimeType.Seconds:
182
+ case constantsD0f19e7b.TimeType.Seconds:
183
183
  this.handleSecondsChange(inputValue, type);
184
184
  break;
185
185
  }
@@ -335,12 +335,12 @@ const NvFieldtime = class {
335
335
  if (this.hours.length === 2 &&
336
336
  !this.inputZeroAdded[type] &&
337
337
  !reputedToZero) {
338
- (_a = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
339
- (_b = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
338
+ (_a = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
339
+ (_b = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
340
340
  }
341
341
  else if (reputedToZero) {
342
- (_c = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
343
- (_d = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
342
+ (_c = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
343
+ (_d = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
344
344
  }
345
345
  }
346
346
  handleMinutesChange(inputValue, type) {
@@ -493,12 +493,12 @@ const NvFieldtime = class {
493
493
  if (this.minutes.length === 2 &&
494
494
  !this.inputZeroAdded[type] &&
495
495
  !reputedToZero) {
496
- (_c = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
497
- (_d = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
496
+ (_c = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
497
+ (_d = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
498
498
  }
499
499
  else if (reputedToZero) {
500
- (_e = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
501
- (_f = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
500
+ (_e = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
501
+ (_f = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
502
502
  }
503
503
  }
504
504
  handleSecondsChange(inputValue, type) {
@@ -626,8 +626,8 @@ const NvFieldtime = class {
626
626
  }
627
627
  }
628
628
  if (reputedToZero) {
629
- (_c = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
630
- (_d = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
629
+ (_c = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
630
+ (_d = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
631
631
  }
632
632
  }
633
633
  // Parse a continuous time string (e.g., "123456") into hours, minutes, and seconds
@@ -681,26 +681,26 @@ const NvFieldtime = class {
681
681
  if (this.disabled || this.readonly) {
682
682
  return; // Do not toggle if disabled or read-only
683
683
  }
684
- if (this.open && this.inputElements[constants23aaef7b.TimeType.Hours]) {
684
+ if (this.open && this.inputElements[constantsD0f19e7b.TimeType.Hours]) {
685
685
  this.open = false; // Close the popover if it is open
686
686
  }
687
- else if (this.open && this.inputElements[constants23aaef7b.TimeType.Minutes]) {
687
+ else if (this.open && this.inputElements[constantsD0f19e7b.TimeType.Minutes]) {
688
688
  this.open = false; // Close the popover if it is open
689
689
  }
690
- else if (this.open && this.inputElements[constants23aaef7b.TimeType.Seconds]) {
690
+ else if (this.open && this.inputElements[constantsD0f19e7b.TimeType.Seconds]) {
691
691
  this.open = false; // Close the popover if it is open
692
692
  }
693
- else if (!this.open && this.inputElements[constants23aaef7b.TimeType.Hours]) {
694
- (_a = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
695
- (_b = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
693
+ else if (!this.open && this.inputElements[constantsD0f19e7b.TimeType.Hours]) {
694
+ (_a = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
695
+ (_b = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
696
696
  }
697
- else if (!this.open && this.inputElements[constants23aaef7b.TimeType.Minutes]) {
698
- (_c = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
699
- (_d = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
697
+ else if (!this.open && this.inputElements[constantsD0f19e7b.TimeType.Minutes]) {
698
+ (_c = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
699
+ (_d = this.inputElements[constantsD0f19e7b.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
700
700
  }
701
- else if (!this.open && this.inputElements[constants23aaef7b.TimeType.Seconds]) {
702
- (_e = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
703
- (_f = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
701
+ else if (!this.open && this.inputElements[constantsD0f19e7b.TimeType.Seconds]) {
702
+ (_e = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
703
+ (_f = this.inputElements[constantsD0f19e7b.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
704
704
  }
705
705
  else {
706
706
  console.warn('nv-fieldtime -> No input elements found to focus or to blur');
@@ -722,13 +722,13 @@ const NvFieldtime = class {
722
722
  }
723
723
  handleTimeOptionClick(event, type) {
724
724
  const option = parseInt(event.target.textContent || '0', 10);
725
- if (type === constants23aaef7b.TimeType.Hours) {
725
+ if (type === constantsD0f19e7b.TimeType.Hours) {
726
726
  this.hours = option.toString().padStart(2, '0');
727
727
  }
728
- else if (type === constants23aaef7b.TimeType.Minutes) {
728
+ else if (type === constantsD0f19e7b.TimeType.Minutes) {
729
729
  this.minutes = option.toString().padStart(2, '0');
730
730
  }
731
- else if (type === constants23aaef7b.TimeType.Seconds) {
731
+ else if (type === constantsD0f19e7b.TimeType.Seconds) {
732
732
  this.seconds = option.toString().padStart(2, '0');
733
733
  }
734
734
  const reconstructTime = this.reconstructTime();
@@ -779,11 +779,11 @@ const NvFieldtime = class {
779
779
  }
780
780
  // Generate the time options based on the type
781
781
  switch (type) {
782
- case constants23aaef7b.TimeType.Hours:
782
+ case constantsD0f19e7b.TimeType.Hours:
783
783
  return this.generateHourOptions(stepInSeconds);
784
- case constants23aaef7b.TimeType.Minutes:
784
+ case constantsD0f19e7b.TimeType.Minutes:
785
785
  return this.generateMinuteOptions(stepInSeconds);
786
- case constants23aaef7b.TimeType.Seconds:
786
+ case constantsD0f19e7b.TimeType.Seconds:
787
787
  return this.generateSecondOptions(stepInSeconds);
788
788
  default:
789
789
  return [];
@@ -885,8 +885,8 @@ const NvFieldtime = class {
885
885
  }
886
886
  if (!this.open) {
887
887
  if (this.inputElements) {
888
- (_a = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
889
- (_b = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
888
+ (_a = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
889
+ (_b = this.inputElements[constantsD0f19e7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
890
890
  }
891
891
  event.preventDefault();
892
892
  }
@@ -976,30 +976,30 @@ const NvFieldtime = class {
976
976
  RenderTimeOptionsColumn(type) {
977
977
  return (index.h("div", { class: `time-column time-column-${type}`, onScroll: e => this.handleScroll(e, type) }, this.generateInfiniteTimeOptions(type).map((option, index$1) => (index.h("div", { class: {
978
978
  'time-option': true,
979
- 'selected': (type === constants23aaef7b.TimeType.Hours && option === this.hours) ||
980
- (type === constants23aaef7b.TimeType.Minutes && option === this.minutes) ||
981
- (type === constants23aaef7b.TimeType.Seconds && option === this.seconds),
979
+ 'selected': (type === constantsD0f19e7b.TimeType.Hours && option === this.hours) ||
980
+ (type === constantsD0f19e7b.TimeType.Minutes && option === this.minutes) ||
981
+ (type === constantsD0f19e7b.TimeType.Seconds && option === this.seconds),
982
982
  }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
983
983
  }
984
984
  render() {
985
985
  return (index.h(index.Host, { key: 'a960e7daf8d9a323a55b0f248dd24f8e94321161', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '23c78f159cb32ef76d0d8b5a1171246c9c69fdb7', htmlFor: this.inputId }, index.h("slot", { key: '70b2361b44414dba4ca91b487a7b04872cc0d75d', name: "label" }, this.label))), index.h("nv-popover", { key: '80de55aa7eb0c165ed6871cb0ac6a5aec9046769', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'fcd670c6dd32e6687540ddbdaefc2808898a459f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'cea8867cee99035e97bc9ad40a7f20cf1091f415', name: "before-input" }), index.h("div", { key: 'b68a1a7477baaa3fbf39182a36fe4a693e29a688', class: "input-container" }, index.h("slot", { key: '3bb50bb3ad0207ded63bddfff6b5c5afda7ddfd4', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
986
- index.h("input", { key: '236b3a8067f50c443a117e6b3e8e4b882a84eb01', ref: el => (this.inputElements[constants23aaef7b.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constants23aaef7b.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constants23aaef7b.TimeType.Hours), name: this.name
987
- ? `${constants23aaef7b.TimeType.Hours}-${this.name}`
988
- : constants23aaef7b.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
986
+ index.h("input", { key: '236b3a8067f50c443a117e6b3e8e4b882a84eb01', ref: el => (this.inputElements[constantsD0f19e7b.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constantsD0f19e7b.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constantsD0f19e7b.TimeType.Hours), name: this.name
987
+ ? `${constantsD0f19e7b.TimeType.Hours}-${this.name}`
988
+ : constantsD0f19e7b.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
989
989
  ], this.format.includes('mm') && [
990
990
  index.h("span", { key: '2440acab80a0d91ebe758f5a329ac5d805a18f9a' }, ":"),
991
- index.h("input", { key: '72bc71a8bce65be766c899738745d85da7ef3530', ref: el => (this.inputElements[constants23aaef7b.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constants23aaef7b.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constants23aaef7b.TimeType.Minutes), name: this.name
992
- ? `${constants23aaef7b.TimeType.Minutes}-${this.name}`
993
- : constants23aaef7b.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
991
+ index.h("input", { key: '72bc71a8bce65be766c899738745d85da7ef3530', ref: el => (this.inputElements[constantsD0f19e7b.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constantsD0f19e7b.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constantsD0f19e7b.TimeType.Minutes), name: this.name
992
+ ? `${constantsD0f19e7b.TimeType.Minutes}-${this.name}`
993
+ : constantsD0f19e7b.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
994
994
  ], this.format.includes('ss') && [
995
995
  index.h("span", { key: '0afdff59b999c346b455ed7408332d087ae48b12' }, ":"),
996
- index.h("input", { key: '0ecf4b18af18b6184e0ccdd00ddea561ee403195', ref: el => (this.inputElements[constants23aaef7b.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constants23aaef7b.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constants23aaef7b.TimeType.Seconds), name: this.name
997
- ? `${constants23aaef7b.TimeType.Seconds}-${this.name}`
998
- : constants23aaef7b.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
996
+ index.h("input", { key: '0ecf4b18af18b6184e0ccdd00ddea561ee403195', ref: el => (this.inputElements[constantsD0f19e7b.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constantsD0f19e7b.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constantsD0f19e7b.TimeType.Seconds), name: this.name
997
+ ? `${constantsD0f19e7b.TimeType.Seconds}-${this.name}`
998
+ : constantsD0f19e7b.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
999
999
  ], index.h("nv-iconbutton", { key: '2d3d19d683d85110df8aab9d7c70fb377b189381', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: '8b49cb73821fea8926ede8406019fa68baa8500e', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '372b8e95455c269a988257f2504fc24c680d7f4b', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '9e23fd13862e6218cd7213729b3e165ae74fe2eb', name: "after-input" })), index.h("div", { key: 'c5b99d58c96a055ea8aeade81fb5d75490421716', class: "time-dropdown", slot: "content" }, index.h("div", { key: '2bcee9fa41574db70850445bba4d4041c9471a46', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
1000
- this.RenderTimeOptionsColumn(constants23aaef7b.TimeType.Hours), this.format.includes('mm') &&
1001
- this.RenderTimeOptionsColumn(constants23aaef7b.TimeType.Minutes), this.format.includes('ss') &&
1002
- this.RenderTimeOptionsColumn(constants23aaef7b.TimeType.Seconds)))), (this.description ||
1000
+ this.RenderTimeOptionsColumn(constantsD0f19e7b.TimeType.Hours), this.format.includes('mm') &&
1001
+ this.RenderTimeOptionsColumn(constantsD0f19e7b.TimeType.Minutes), this.format.includes('ss') &&
1002
+ this.RenderTimeOptionsColumn(constantsD0f19e7b.TimeType.Seconds)))), (this.description ||
1003
1003
  this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '822534262bb1769294be95c1a240a2753d556e1c', class: "description" }, index.h("slot", { key: '62489b82bee33610b55dfa4c2f9997b5d68b6bfe', name: "description" }, this.description))), (this.errorDescription ||
1004
1004
  this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '9cedb395a09c4243c7c714574ad8d41b6a836fbb', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '7b8802739ad74756f2843dd8807afe6abda92831', name: "error-description" }, this.errorDescription)))));
1005
1005
  }