@nova-design-system/nova-react 3.1.0 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/cjs/{index-Cn-oNJnW.js → index-BlWxX8x6.js} +2199 -1452
  2. package/dist/cjs/index.js +2 -1
  3. package/dist/cjs/{nv-alert.entry-BFwufSUQ.js → nv-alert.entry-BLGSitrm.js} +7 -7
  4. package/dist/cjs/{nv-avatar.entry-Do1K4s3s.js → nv-avatar.entry-CRcLMbEx.js} +7 -7
  5. package/dist/cjs/{nv-badge_2.entry-NTGHyFdg.js → nv-badge_2.entry-BtDAr7_d.js} +1 -1
  6. package/dist/cjs/{nv-breadcrumb.entry-oPVGJYlk.js → nv-breadcrumb.entry-PVDZoF9i.js} +1 -1
  7. package/dist/cjs/{nv-breadcrumbs.entry-BsOw153b.js → nv-breadcrumbs.entry-BY169s5F.js} +1 -1
  8. package/dist/cjs/{nv-button.entry-13tdBiRr.js → nv-button.entry-BpxpxFJP.js} +7 -7
  9. package/dist/cjs/{nv-calendar.entry-u9MgGb83.js → nv-calendar.entry-BobyjFdK.js} +389 -177
  10. package/dist/cjs/{nv-col.entry-DFhv-GI7.js → nv-col.entry-B4BJXJw-.js} +1 -1
  11. package/dist/cjs/{nv-datagrid.entry-BoB17gvI.js → nv-datagrid.entry-D5UVDiYl.js} +100 -108
  12. package/dist/cjs/{nv-datagridcolumn.entry-C3MYBmfS.js → nv-datagridcolumn.entry-dmpcmCIT.js} +2 -2
  13. package/dist/cjs/{nv-dialog.entry-OA3qL3Tx.js → nv-dialog.entry-BYovzkco.js} +3 -3
  14. package/dist/cjs/{nv-dialogfooter_2.entry-LAQYSiGV.js → nv-dialogfooter_2.entry-C9dhLKRM.js} +3 -3
  15. package/dist/cjs/{nv-fieldcheckbox.entry-CP7SDzVO.js → nv-fieldcheckbox.entry-BvFqY2dM.js} +1 -1
  16. package/dist/cjs/nv-fielddate.entry-CSpAcEXW.js +303 -0
  17. package/dist/cjs/nv-fielddaterange.entry-C14o96dd.js +439 -0
  18. package/dist/cjs/{nv-fielddropdown.entry-Nwric1vT.js → nv-fielddropdown.entry-C3VzNRhh.js} +84 -60
  19. package/dist/cjs/{nv-fielddropdownitem.entry-CiqSw5VL.js → nv-fielddropdownitem.entry-D4G4Ytus.js} +1 -1
  20. package/dist/cjs/{nv-fieldmultiselect.entry-QKNIBcW1.js → nv-fieldmultiselect.entry-Ci43ZvzC.js} +116 -104
  21. package/dist/cjs/nv-fieldnumber.entry-nvUi-64H.js +130 -0
  22. package/dist/cjs/nv-fieldpassword.entry-C2uqwDah.js +121 -0
  23. package/dist/cjs/{nv-fieldradio.entry-Dxc6ZCyb.js → nv-fieldradio.entry-DL2GdKqO.js} +1 -1
  24. package/dist/cjs/{nv-fieldselect.entry-Cys0KRyG.js → nv-fieldselect.entry-D4AIRE24.js} +2 -2
  25. package/dist/cjs/nv-fieldslider.entry-BNge4J69.js +665 -0
  26. package/dist/cjs/nv-fieldtext.entry-BI-fdkdX.js +123 -0
  27. package/dist/cjs/nv-fieldtextarea.entry-Ct0g9Qtb.js +198 -0
  28. package/dist/cjs/{nv-fieldtime.entry-BqxiFlLI.js → nv-fieldtime.entry-CmO96Py1.js} +67 -67
  29. package/dist/cjs/nv-icon.entry-TepdQ1jA.js +79 -0
  30. package/dist/cjs/{nv-iconbutton_2.entry-BLNrQz9Q.js → nv-iconbutton_2.entry-B7Xyut9H.js} +3 -3
  31. package/dist/cjs/{nv-menu.entry-7IDfPmZ8.js → nv-menu.entry-DHrRi_37.js} +2 -2
  32. package/dist/cjs/{nv-menuitem.entry-B9cjy7O8.js → nv-menuitem.entry-B_D1pSYa.js} +2 -2
  33. package/dist/cjs/{nv-popover.entry-ChLYZ3zY.js → nv-popover.entry-DyQPEQ4I.js} +2 -2
  34. package/dist/cjs/{nv-row.entry-DiLY8Vbc.js → nv-row.entry-CDTv7ikK.js} +2 -2
  35. package/dist/cjs/{nv-stack.entry-MpPzmg5_.js → nv-stack.entry-A78c6BVf.js} +2 -2
  36. package/dist/cjs/{nv-table.entry-cME3Zuq2.js → nv-table.entry-DkwcfdJM.js} +3 -3
  37. package/dist/cjs/{nv-tablecolumn.entry-DSctDxCS.js → nv-tablecolumn.entry-C8VNSpDf.js} +1 -1
  38. package/dist/cjs/{nv-toggle.entry-EBWm3Xy5.js → nv-toggle.entry-vxSyUDKZ.js} +3 -3
  39. package/dist/cjs/{nv-tooltip.entry-q6rJLq1C.js → nv-tooltip.entry-BQKXRp4d.js} +3 -3
  40. package/dist/generated/components.js +15 -3
  41. package/dist/types/generated/components.d.ts +8 -3
  42. package/package.json +1 -1
  43. package/dist/cjs/nv-fielddate.entry-CD7PX6yA.js +0 -269
  44. package/dist/cjs/nv-fielddaterange.entry-BVBVGmly.js +0 -353
  45. package/dist/cjs/nv-fieldnumber.entry-DfHcI-sO.js +0 -130
  46. package/dist/cjs/nv-fieldpassword.entry-b2pUmS8F.js +0 -121
  47. package/dist/cjs/nv-fieldtext.entry-DCZWLFFp.js +0 -123
  48. package/dist/cjs/nv-fieldtextarea.entry-DEeRdtZ7.js +0 -198
  49. package/dist/cjs/nv-icon.entry-CzEdUDdA.js +0 -79
  50. /package/dist/cjs/{constants-b97e736d-BzFAKCkR.js → constants-4faa1fae-BzFAKCkR.js} +0 -0
package/dist/cjs/{nv-fieldtime.entry-BqxiFlLI.js → nv-fieldtime.entry-CmO96Py1.js} RENAMED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var index = require('./index-Cn-oNJnW.js');
4
- var constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.js');
3
+ var index = require('./index-BlWxX8x6.js');
4
+ var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.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-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)}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::-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{align-self:stretch;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{align-self:stretch;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;padding-right:2px;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges}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(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);text-align:center;cursor:pointer;transition:background-color 0.2s;height:40px;border-radius:var(--list-dropdown-item-radius);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-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-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-list-dropdown-item-background-active);color:var(--components-list-dropdown-item-label-active);border-width:1px;border-style:solid;border-color:var(--components-list-dropdown-item-border-active)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-list-dropdown-item-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-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;padding-right:2px;max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable both-edges}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(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);text-align:center;cursor:pointer;transition:background-color 0.2s;height:40px;border-radius:var(--list-dropdown-item-radius);display:flex;justify-content:center;align-items:center}nv-fieldtime .time-dropdown .time-columns .time-column .time-option:hover{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-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-list-dropdown-item-background-hover);color:var(--components-list-dropdown-item-label-hover)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.selected{background-color:var(--components-list-dropdown-item-background-active);color:var(--components-list-dropdown-item-label-active);border-width:1px;border-style:solid;border-color:var(--components-list-dropdown-item-border-active)}nv-fieldtime .time-dropdown .time-columns .time-column .time-option.highlighted{background-color:var(--components-list-dropdown-item-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 = constantsB97e736d.TimeType.Hours;
32
+ this.typeFocused = constants4faa1fae.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 === constantsB97e736d.TimeType.Hours) {
146
- (_a = this.inputElements[constantsB97e736d.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
147
- (_b = this.inputElements[constantsB97e736d.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
145
+ if (this.typeFocused === constants4faa1fae.TimeType.Hours) {
146
+ (_a = this.inputElements[constants4faa1fae.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
147
+ (_b = this.inputElements[constants4faa1fae.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
148
148
  }
149
- else if (this.typeFocused === constantsB97e736d.TimeType.Minutes ||
150
- this.typeFocused === constantsB97e736d.TimeType.Seconds) {
151
- (_c = this.inputElements[constantsB97e736d.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
152
- (_d = this.inputElements[constantsB97e736d.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
149
+ else if (this.typeFocused === constants4faa1fae.TimeType.Minutes ||
150
+ this.typeFocused === constants4faa1fae.TimeType.Seconds) {
151
+ (_c = this.inputElements[constants4faa1fae.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
152
+ (_d = this.inputElements[constants4faa1fae.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[constantsB97e736d.TimeType.Hours]) {
158
- this.inputElements[constantsB97e736d.TimeType.Hours].blur();
157
+ if (this.inputElements[constants4faa1fae.TimeType.Hours]) {
158
+ this.inputElements[constants4faa1fae.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 constantsB97e736d.TimeType.Hours:
176
+ case constants4faa1fae.TimeType.Hours:
177
177
  this.handleHoursChange(inputValue, type);
178
178
  break;
179
- case constantsB97e736d.TimeType.Minutes:
179
+ case constants4faa1fae.TimeType.Minutes:
180
180
  this.handleMinutesChange(inputValue, type);
181
181
  break;
182
- case constantsB97e736d.TimeType.Seconds:
182
+ case constants4faa1fae.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[constantsB97e736d.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
339
- (_b = this.inputElements[constantsB97e736d.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
338
+ (_a = this.inputElements[constants4faa1fae.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
339
+ (_b = this.inputElements[constants4faa1fae.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
340
340
  }
341
341
  else if (reputedToZero) {
342
- (_c = this.inputElements[constantsB97e736d.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
343
- (_d = this.inputElements[constantsB97e736d.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
342
+ (_c = this.inputElements[constants4faa1fae.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
343
+ (_d = this.inputElements[constants4faa1fae.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[constantsB97e736d.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
497
- (_d = this.inputElements[constantsB97e736d.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
496
+ (_c = this.inputElements[constants4faa1fae.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
497
+ (_d = this.inputElements[constants4faa1fae.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
498
498
  }
499
499
  else if (reputedToZero) {
500
- (_e = this.inputElements[constantsB97e736d.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
501
- (_f = this.inputElements[constantsB97e736d.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
500
+ (_e = this.inputElements[constants4faa1fae.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
501
+ (_f = this.inputElements[constants4faa1fae.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[constantsB97e736d.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
630
- (_d = this.inputElements[constantsB97e736d.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
629
+ (_c = this.inputElements[constants4faa1fae.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
630
+ (_d = this.inputElements[constants4faa1fae.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[constantsB97e736d.TimeType.Hours]) {
684
+ if (this.open && this.inputElements[constants4faa1fae.TimeType.Hours]) {
685
685
  this.open = false; // Close the popover if it is open
686
686
  }
687
- else if (this.open && this.inputElements[constantsB97e736d.TimeType.Minutes]) {
687
+ else if (this.open && this.inputElements[constants4faa1fae.TimeType.Minutes]) {
688
688
  this.open = false; // Close the popover if it is open
689
689
  }
690
- else if (this.open && this.inputElements[constantsB97e736d.TimeType.Seconds]) {
690
+ else if (this.open && this.inputElements[constants4faa1fae.TimeType.Seconds]) {
691
691
  this.open = false; // Close the popover if it is open
692
692
  }
693
- else if (!this.open && this.inputElements[constantsB97e736d.TimeType.Hours]) {
694
- (_a = this.inputElements[constantsB97e736d.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
695
- (_b = this.inputElements[constantsB97e736d.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
693
+ else if (!this.open && this.inputElements[constants4faa1fae.TimeType.Hours]) {
694
+ (_a = this.inputElements[constants4faa1fae.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
695
+ (_b = this.inputElements[constants4faa1fae.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
696
696
  }
697
- else if (!this.open && this.inputElements[constantsB97e736d.TimeType.Minutes]) {
698
- (_c = this.inputElements[constantsB97e736d.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
699
- (_d = this.inputElements[constantsB97e736d.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
697
+ else if (!this.open && this.inputElements[constants4faa1fae.TimeType.Minutes]) {
698
+ (_c = this.inputElements[constants4faa1fae.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
699
+ (_d = this.inputElements[constants4faa1fae.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
700
700
  }
701
- else if (!this.open && this.inputElements[constantsB97e736d.TimeType.Seconds]) {
702
- (_e = this.inputElements[constantsB97e736d.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
703
- (_f = this.inputElements[constantsB97e736d.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
701
+ else if (!this.open && this.inputElements[constants4faa1fae.TimeType.Seconds]) {
702
+ (_e = this.inputElements[constants4faa1fae.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
703
+ (_f = this.inputElements[constants4faa1fae.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 === constantsB97e736d.TimeType.Hours) {
725
+ if (type === constants4faa1fae.TimeType.Hours) {
726
726
  this.hours = option.toString().padStart(2, '0');
727
727
  }
728
- else if (type === constantsB97e736d.TimeType.Minutes) {
728
+ else if (type === constants4faa1fae.TimeType.Minutes) {
729
729
  this.minutes = option.toString().padStart(2, '0');
730
730
  }
731
- else if (type === constantsB97e736d.TimeType.Seconds) {
731
+ else if (type === constants4faa1fae.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 constantsB97e736d.TimeType.Hours:
782
+ case constants4faa1fae.TimeType.Hours:
783
783
  return this.generateHourOptions(stepInSeconds);
784
- case constantsB97e736d.TimeType.Minutes:
784
+ case constants4faa1fae.TimeType.Minutes:
785
785
  return this.generateMinuteOptions(stepInSeconds);
786
- case constantsB97e736d.TimeType.Seconds:
786
+ case constants4faa1fae.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[constantsB97e736d.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
889
- (_b = this.inputElements[constantsB97e736d.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
888
+ (_a = this.inputElements[constants4faa1fae.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
889
+ (_b = this.inputElements[constants4faa1fae.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
890
890
  }
891
891
  event.preventDefault();
892
892
  }
@@ -976,32 +976,32 @@ 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 === constantsB97e736d.TimeType.Hours && option === this.hours) ||
980
- (type === constantsB97e736d.TimeType.Minutes && option === this.minutes) ||
981
- (type === constantsB97e736d.TimeType.Seconds && option === this.seconds),
979
+ 'selected': (type === constants4faa1fae.TimeType.Hours && option === this.hours) ||
980
+ (type === constants4faa1fae.TimeType.Minutes && option === this.minutes) ||
981
+ (type === constants4faa1fae.TimeType.Seconds && option === this.seconds),
982
982
  }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
983
983
  }
984
984
  render() {
985
- return (index.h(index.Host, { key: '35103e6a56955d04ad395b286aaaeaca1493a20e', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '38ffb7ddf37dc7d3f355975c3ae348f5581d384a', htmlFor: this.inputId }, index.h("slot", { key: '1c41f684aaefd52ae677837ffd55a9895b95524a', name: "label" }, this.label))), index.h("nv-popover", { key: '325272affdd386690964974b73579f7314e8b464', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '707b2fcd563ea92b818bf5599f8f68f7425fbdc6', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '813597cca8808f9f298eadc8a0dde73714bfcff3', name: "before-input" }), index.h("div", { key: '47f26e41427825610e37380c929b24dcddb2dc62', class: "input-container" }, index.h("slot", { key: 'fd17ba01bb66bfcb9972a8145f31f94c8ef21fe1', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
986
- index.h("input", { key: '759608690e370bdb8a61f2d622133558c77c6d0c', ref: el => (this.inputElements[constantsB97e736d.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constantsB97e736d.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constantsB97e736d.TimeType.Hours), name: this.name
987
- ? `${constantsB97e736d.TimeType.Hours}-${this.name}`
988
- : constantsB97e736d.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
985
+ return (index.h(index.Host, { key: 'f2e316b464ef324043fca47a25d7511fed662fe9', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '738dd3f9ba307a21ad7f16f77eb09f4f9fed8ccb', htmlFor: this.inputId }, index.h("slot", { key: '8106132899c67bbc7e9ffb82caf575d599239b9a', name: "label" }, this.label))), index.h("nv-popover", { key: '8306d0204039862466d83c7e5e2f42b87ea331c4', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '0355aee332a5c5cd2492f22b7d820625273c74e6', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'a6aaeaba4901b4fe0b0266796c84531d57fbb719', name: "before-input" }), index.h("div", { key: 'ae78ff8fc1a857a0da7be6e3c29464dbc0b80771', class: "input-container" }, index.h("slot", { key: '6455a51b2f1edf565ac754e61ac773a920f319d4', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
986
+ index.h("input", { key: '9a48b8ea04698b9443774a2e2bf41383144ba29a', ref: el => (this.inputElements[constants4faa1fae.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constants4faa1fae.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constants4faa1fae.TimeType.Hours), name: this.name
987
+ ? `${constants4faa1fae.TimeType.Hours}-${this.name}`
988
+ : constants4faa1fae.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
- index.h("span", { key: 'a377170431ef27f284d368e56d6236c64067e0ca' }, ":"),
991
- index.h("input", { key: '6cc8faeed02d689a1353966888b0b4dedd8ecb98', ref: el => (this.inputElements[constantsB97e736d.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constantsB97e736d.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constantsB97e736d.TimeType.Minutes), name: this.name
992
- ? `${constantsB97e736d.TimeType.Minutes}-${this.name}`
993
- : constantsB97e736d.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
990
+ index.h("span", { key: '5f75d09a90c0a8f6f106eb3e24f4f342fcc36d67' }, ":"),
991
+ index.h("input", { key: 'b3cc508705147ea07218a037f21f425deb9b94af', ref: el => (this.inputElements[constants4faa1fae.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constants4faa1fae.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constants4faa1fae.TimeType.Minutes), name: this.name
992
+ ? `${constants4faa1fae.TimeType.Minutes}-${this.name}`
993
+ : constants4faa1fae.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
- index.h("span", { key: '13da159f3ff13969d501968881569658d06c50fb' }, ":"),
996
- index.h("input", { key: 'cbac3e8a980397c8f32e1f1056aec8b7aab3be0b', ref: el => (this.inputElements[constantsB97e736d.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constantsB97e736d.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constantsB97e736d.TimeType.Seconds), name: this.name
997
- ? `${constantsB97e736d.TimeType.Seconds}-${this.name}`
998
- : constantsB97e736d.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
999
- ], index.h("nv-iconbutton", { key: 'a1a59be923f3529d1d2dbad02b322306fdd6dcb6', name: this.open ? 'chevron-top' : 'chevron-down', 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: '7f51d7b568096e6aee23560d5fe6e52018711aa3', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '1c94f8138e808ec3a7690079dc8c8ea210ebb1da', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '7aa247775d7f59eb452fa9f4b511b3a92c88b8fe', name: "after-input" })), index.h("div", { key: 'b4dab6c5161e69b217748916026f41d9157bb786', class: "time-dropdown", slot: "content" }, index.h("div", { key: '6d865e6aa3b4d278e4ebff064d417ea42c1d4fe1', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
1000
- this.RenderTimeOptionsColumn(constantsB97e736d.TimeType.Hours), this.format.includes('mm') &&
1001
- this.RenderTimeOptionsColumn(constantsB97e736d.TimeType.Minutes), this.format.includes('ss') &&
1002
- this.RenderTimeOptionsColumn(constantsB97e736d.TimeType.Seconds)))), (this.description ||
1003
- this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '03922dee26128b93d4e8d7f936ada9d3981d1e36', class: "description" }, index.h("slot", { key: '4aa71a2b10e488c845106aace0a972df790eb450', name: "description" }, this.description))), (this.errorDescription ||
1004
- this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '657232381bcc3644eae65a1beae302c8136b9e8b', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '0559dbdb62c70b19c73839a2795dc23fa97eddb1', name: "error-description" }, this.errorDescription)))));
995
+ index.h("span", { key: '00b9320c275b027f9b2fbbebc1f56431783c874e' }, ":"),
996
+ index.h("input", { key: '3421fb11a4c9d9ba58bbf6f809070ce35d3d1ad6', ref: el => (this.inputElements[constants4faa1fae.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constants4faa1fae.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constants4faa1fae.TimeType.Seconds), name: this.name
997
+ ? `${constants4faa1fae.TimeType.Seconds}-${this.name}`
998
+ : constants4faa1fae.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
999
+ ], index.h("nv-iconbutton", { key: 'c61dc8780e1d668f2bf11ac2ace21b89ed460fdb', name: this.open ? 'chevron-top' : 'chevron-down', 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: '5963651793c9c1ec5d47be2a8cea9fed22490bb9', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '79953118d4206363f97ffb8d69dd76545795e419', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: 'd0a8c104a671f997e6a9da223baa2a37dd3bf349', name: "after-input" })), index.h("div", { key: '7dec8335599d59e116065bdb0053a9096acaae88', class: "time-dropdown", slot: "content" }, index.h("div", { key: 'be7d3a3fa7b4def66a7ebdf2f29b489540fa5802', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
1000
+ this.RenderTimeOptionsColumn(constants4faa1fae.TimeType.Hours), this.format.includes('mm') &&
1001
+ this.RenderTimeOptionsColumn(constants4faa1fae.TimeType.Minutes), this.format.includes('ss') &&
1002
+ this.RenderTimeOptionsColumn(constants4faa1fae.TimeType.Seconds)))), (this.description ||
1003
+ this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'ec98cc31482efab33ace4e0bf62c6d5d82890df5', class: "description" }, index.h("slot", { key: '307b134933cca699d6f00d891a440281f2427d79', name: "description" }, this.description))), (this.errorDescription ||
1004
+ this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '71763de75be4e9f14e1cd1788ca06f2265a46d7e', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'dbe05c00515a5ccf1b4ba4736b943cfd8cefaaa0', name: "error-description" }, this.errorDescription)))));
1005
1005
  }
1006
1006
  static get formAssociated() { return true; }
1007
1007
  get el() { return index.getElement(this); }