@nova-design-system/nova-react 3.29.0 → 3.31.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.
- package/dist/cjs/{constants-BReL3Lsa-DpB_ghPF.js → constants-gOKBmbgZ-CSoZ8z-G.js} +5 -0
- package/dist/cjs/generated/components.server.js +35 -1
- package/dist/cjs/index-BRxlcrvE.js +10395 -0
- package/dist/cjs/index.js +7 -1
- package/dist/cjs/{nv-accordion-item.entry-D1o0gC5w.js → nv-accordion-item.entry-DWi_bEQx.js} +3 -3
- package/dist/cjs/{nv-accordion.entry-DYJtq9Az.js → nv-accordion.entry-Bgn2CRYE.js} +2 -2
- package/dist/cjs/{nv-alert.entry-CMtCdHmk.js → nv-alert.entry-tkzdxYo4.js} +8 -8
- package/dist/cjs/{nv-avatar.entry-B6e7aG4W.js → nv-avatar.entry-C6xqQhws.js} +8 -8
- package/dist/cjs/{nv-badge_2.entry-RD3j0bJM.js → nv-badge_2.entry-poMKx9km.js} +5 -5
- package/dist/cjs/{nv-breadcrumb.entry-DgpqY2fr.js → nv-breadcrumb.entry-BTBUN3X8.js} +2 -2
- package/dist/cjs/{nv-breadcrumbs.entry-CZgcDUw5.js → nv-breadcrumbs.entry-DXdb_Gzf.js} +2 -2
- package/dist/cjs/{nv-button.entry-DR9NaRxG.js → nv-button.entry-IYrV4dVV.js} +7 -7
- package/dist/cjs/{nv-buttongroup.entry-qO8r7WqG.js → nv-buttongroup.entry-DpMhGqzQ.js} +2 -2
- package/dist/cjs/{nv-calendar.entry-DRlv3Xph.js → nv-calendar.entry-Clp-qYdU.js} +9 -9
- package/dist/cjs/{nv-col.entry-B7utJttP.js → nv-col.entry-BgIpEdn6.js} +2 -2
- package/dist/cjs/{nv-datagrid.entry-digYmlnA.js → nv-datagrid.entry-CmnSlQEN.js} +8 -8
- package/dist/cjs/{nv-datagridcolumn.entry-UwaDi-Hr.js → nv-datagridcolumn.entry-CfaOqHSs.js} +2 -2
- package/dist/cjs/{nv-datetest.entry-BJtWaM2T.js → nv-datetest.entry-DL0WPAUH.js} +2 -2
- package/dist/cjs/{nv-datetimetest.entry-WaNPcHxh.js → nv-datetimetest.entry-DoABznI1.js} +1 -1
- package/dist/cjs/{nv-dialog.entry-BI_mFT2G.js → nv-dialog.entry-C95UrJIU.js} +3 -3
- package/dist/cjs/{nv-dialogfooter_2.entry-DU2ClBUR.js → nv-dialogfooter_2.entry-Ccml86Uw.js} +6 -6
- package/dist/cjs/{nv-drawer.entry-BKF4CyOt.js → nv-drawer.entry-cXCjYVTV.js} +3 -3
- package/dist/cjs/{nv-drawerfooter_2.entry-BSyUs7_4.js → nv-drawerfooter_2.entry-Dq0IblnH.js} +6 -6
- package/dist/cjs/{nv-fieldcheckbox.entry-l5FWToQi.js → nv-fieldcheckbox.entry-CnP54xin.js} +5 -5
- package/dist/cjs/{nv-fielddate.entry-BfviesNp.js → nv-fielddate.entry-DZY75-mm.js} +7 -7
- package/dist/cjs/{nv-fielddaterange.entry-BvDkPLXG.js → nv-fielddaterange.entry-DkouN3iA.js} +7 -7
- package/dist/cjs/{nv-fielddropdown.entry-B-nYjuMt.js → nv-fielddropdown.entry-Bc3bobvr.js} +101 -23
- package/dist/cjs/{nv-fielddropdownitem.entry-Dxqyb9DN.js → nv-fielddropdownitem.entry-CmdskK1s.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-CgO1RP0W.js → nv-fieldmultiselect.entry-Bc6YFUA_.js} +1 -1
- package/dist/cjs/{nv-fieldnumber.entry-stgdLi7x.js → nv-fieldnumber.entry-DwvjJfV9.js} +5 -5
- package/dist/cjs/{nv-fieldpassword.entry-CHA3JAUd.js → nv-fieldpassword.entry-CUI2Jm-V.js} +5 -5
- package/dist/cjs/{nv-fieldradio.entry-DHavVjB-.js → nv-fieldradio.entry-CnLCvLBh.js} +4 -4
- package/dist/cjs/{nv-fieldselect.entry-Dq5AsOFt.js → nv-fieldselect.entry-DunLjNwe.js} +45 -7
- package/dist/cjs/{nv-fieldslider.entry-SlF3BBUW.js → nv-fieldslider.entry-Cp-6fToR.js} +4 -4
- package/dist/cjs/{nv-fieldtext.entry-BYCc8SyD.js → nv-fieldtext.entry-FJk12WoX.js} +5 -5
- package/dist/cjs/{nv-fieldtextarea.entry-96JCOb9L.js → nv-fieldtextarea.entry-Ci9B5-DX.js} +4 -4
- package/dist/cjs/{nv-fieldtime.entry-BdzjxkaK.js → nv-fieldtime.entry-DCSdECWn.js} +44 -44
- package/dist/cjs/{nv-icon.entry-CSRxi6BH.js → nv-icon.entry-DB18IDaU.js} +9 -9
- package/dist/cjs/{nv-iconbutton_2.entry-BtDxwMFD.js → nv-iconbutton_2.entry-CNR_poEm.js} +3 -3
- package/dist/cjs/{nv-menu.entry-aX39SPH8.js → nv-menu.entry-CxXHuTq3.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-DzSp52G2.js → nv-menuitem.entry-44XD7nfl.js} +2 -2
- package/dist/cjs/{nv-notification-bullet.entry-D2yOXj46.js → nv-notification-bullet.entry-Cn2OELYw.js} +1 -1
- package/dist/cjs/{nv-notification.entry-BRXHbtT8.js → nv-notification.entry-C8beqUzI.js} +19 -19
- package/dist/cjs/{nv-notificationcontainer.entry-YNIM2_ah.js → nv-notificationcontainer.entry-DgEstiLX.js} +2 -2
- package/dist/cjs/{nv-pagination-nav.entry-uY1nT9aT.js → nv-pagination-nav.entry-CIZPwFeF.js} +2 -2
- package/dist/cjs/{nv-paginationtable.entry-mr5KYXVC.js → nv-paginationtable.entry-woQZpVmb.js} +19 -3
- package/dist/cjs/{nv-popover.entry-_9ARKM70.js → nv-popover.entry-rHUUSzR-.js} +2 -2
- package/dist/cjs/{nv-row.entry-BMQvcqlU.js → nv-row.entry-DaERf8TD.js} +2 -2
- package/dist/cjs/nv-sidebar.entry-BI9me_HP.js +355 -0
- package/dist/cjs/{nv-sidebarcontent.entry-llnRwVuj.js → nv-sidebarcontent.entry-CtARsnjy.js} +2 -2
- package/dist/cjs/{nv-sidebardivider.entry--rQv8d5T.js → nv-sidebardivider.entry-C15Xk11m.js} +2 -2
- package/dist/cjs/{nv-sidebarfooter.entry-C5R0sUI_.js → nv-sidebarfooter.entry-DFMMvv_Q.js} +2 -2
- package/dist/cjs/{nv-sidebargroup.entry-DdrpLbU7.js → nv-sidebargroup.entry-DeWOA-0I.js} +2 -2
- package/dist/cjs/{nv-sidebarheader.entry-HuBPIsyf.js → nv-sidebarheader.entry-HtvbpvnX.js} +2 -2
- package/dist/cjs/{nv-sidebarlogo.entry-TZNPoqnA.js → nv-sidebarlogo.entry-Zxbpttzr.js} +2 -2
- package/dist/cjs/{nv-sidebarnavitem.entry-BWc3mF5I.js → nv-sidebarnavitem.entry-u4rbC1el.js} +3 -3
- package/dist/cjs/{nv-sidebarnavsubitem.entry-DekANwO8.js → nv-sidebarnavsubitem.entry-UouMn7hU.js} +2 -2
- package/dist/cjs/{nv-split.entry-BOwOB8FW.js → nv-split.entry-CUMbQNQB.js} +2 -2
- package/dist/cjs/{nv-stack.entry-CaTiSLGN.js → nv-stack.entry-D_F42KTD.js} +2 -2
- package/dist/cjs/nv-statusindicator.entry-BdRvU3iW.js +42 -0
- package/dist/cjs/{nv-table.entry-LFZaS0Dy.js → nv-table.entry-CKVH76OE.js} +3 -3
- package/dist/cjs/{nv-tableheader.entry-CK50S8xW.js → nv-tableheader.entry-btKwE14F.js} +2 -2
- package/dist/cjs/nv-tag.entry-BxYC7Lgo.js +85 -0
- package/dist/cjs/{nv-timetest.entry-A9elKwkf.js → nv-timetest.entry-CxXMIDZ_.js} +2 -2
- package/dist/cjs/{nv-toggle.entry-BGu-6rEs.js → nv-toggle.entry-C4uo7RRt.js} +3 -3
- package/dist/cjs/{nv-togglebutton.entry-BzAcBOgN.js → nv-togglebutton.entry-DJ-s5lgO.js} +2 -2
- package/dist/cjs/{nv-togglebuttongroup.entry-CIWp7IXc.js → nv-togglebuttongroup.entry-DJOCL_Qx.js} +2 -2
- package/dist/cjs/{nv-tooltip.entry-CoGkSHpv.js → nv-tooltip.entry-DndZWT1U.js} +2 -2
- package/dist/components/NvDatatable/NvDatatable.js +178 -61
- package/dist/components/NvDatatable/expandState.js +8 -0
- package/dist/components/NvDatatable/expandState.test.js +41 -0
- package/dist/components/NvDatatable/paginationState.js +9 -0
- package/dist/components/NvDatatable/paginationState.test.js +84 -0
- package/dist/generated/components.js +25 -2
- package/dist/generated/components.server.js +33 -1
- package/dist/types/components/NvDatatable/NvDatatable.d.ts +1 -1
- package/dist/types/components/NvDatatable/expandState.d.ts +5 -0
- package/dist/types/components/NvDatatable/expandState.test.d.ts +1 -0
- package/dist/types/components/NvDatatable/paginationState.d.ts +9 -0
- package/dist/types/components/NvDatatable/paginationState.test.d.ts +1 -0
- package/dist/types/components/NvDatatable/types.d.ts +17 -1
- package/dist/types/generated/components.d.ts +14 -1
- package/dist/types/generated/components.server.d.ts +14 -1
- package/package.json +1 -1
- package/dist/cjs/index-DgKzi_Pd.js +0 -10208
- package/dist/cjs/nv-sidebar.entry-C4HTjJmz.js +0 -181
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BRxlcrvE.js');
|
|
4
4
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-dom');
|
|
8
8
|
|
|
9
|
-
const nvFieldselectCss = () => `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-fieldselect{--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-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[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-fieldselect[display-value]:not([display-value=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-fieldselect[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-fieldselect[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-fieldselect[required]:not([required=false]) label::after,nv-fieldselect[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;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);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input{}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);padding-right:36px;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select hr{border-color:var(--components-list-select-hr, var(--color-content-low-border))}nv-fieldselect .select-wrapper .select-container select{appearance:base-select}nv-fieldselect .select-wrapper .select-container select::picker(select){appearance:base-select;background-color:var(--components-popover-background);border-color:var(--components-popover-border);border-width:1px;border-style:solid;border-radius:var(--popover-radius);padding:var(--popover-padding-y) var(--popover-padding-x);margin-top:var(--spacing-2);box-shadow:var(--popover-shadow-1-x) var(--popover-shadow-1-y) var(--popover-shadow-1-blur) -2px var(--popover-shadow-1-opacity), var(--popover-shadow-2-x) var(--popover-shadow-2-y) var(--popover-shadow-2-blur) var(--shadow-spread-lg-2) var(--popover-shadow-2-opacity)}nv-fieldselect .select-wrapper .select-container select::picker-icon{display:none}nv-fieldselect .select-wrapper .select-container select option{display:flex;gap:var(--list-select-gap-y);flex-wrap:wrap;align-items:center;width:100%;background-color:var(--components-list-select-option-background-default);padding:var(--list-select-option-padding);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-select-font-size);line-height:var(--list-select-line-height);color:var(--components-list-select-option-content-default);border-radius:var(--list-select-option-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fieldselect .select-wrapper .select-container select option:not(:first-of-type){margin-top:var(--list-select-gap-y)}nv-fieldselect .select-wrapper .select-container select option:hover,nv-fieldselect .select-wrapper .select-container select option:focus,nv-fieldselect .select-wrapper .select-container select option:focus-within{background-color:var(--components-list-select-option-background-hover);color:var(--components-list-select-option-content-hover)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--components-list-select-option-background-active);color:var(--components-list-select-option-content-active)}nv-fieldselect .select-wrapper .select-container select option:checked::after{order:1;margin-left:auto;content:"";display:inline-block;width:var(--spacing-5);height:var(--spacing-5);background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}nv-fieldselect .select-wrapper .select-container select option::checkmark{display:none}nv-fieldselect .select-wrapper .select-container select option:disabled,nv-fieldselect .select-wrapper .select-container select option:checked:disabled{color:var(--components-list-select-option-content-disabled);background-color:var(--components-list-select-option-background-default)}nv-fieldselect .select-wrapper .select-container select optgroup{appearance:base-select;display:flex;flex-wrap:wrap;align-items:center;width:100%;color:var(--components-list-select-optgroup-content);gap:var(--list-select-optgroup-gap);padding-top:var(--list-select-optgroup-padding-y, 8px);padding-bottom:var(--list-select-optgroup-padding-y, 8px)}nv-fieldselect .select-wrapper .select-container select optgroup:hover{color:var(--components-list-select-optgroup-content)}nv-fieldselect .select-wrapper .select-container select optgroup option{padding-left:var(--list-select-optgroup-option-padding-left)}nv-fieldselect .select-wrapper .select-container select optgroup option:first-child{margin-top:var(--list-select-optgroup-option-margin-top, 4px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldselect .error-description[hidden]{display:none}`;
|
|
9
|
+
const nvFieldselectCss = () => `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-fieldselect{--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-fieldselect[fluid]:not([fluid=false]){max-width:unset}nv-fieldselect[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-fieldselect[display-value]:not([display-value=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-fieldselect[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-fieldselect[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-fieldselect[required]:not([required=false]) label::after,nv-fieldselect[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>.select-icons{top:var(--form-field-padding-y);right:var(--form-field-padding-x)}nv-fieldselect[multiple]:not([multiple=false]) .select-wrapper>.select-container>select{height:100%;box-sizing:border-box;background-color:var(--color-level-05-background);border-radius:var(--form-field-radius)}nv-fieldselect label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldselect .select-wrapper{display:flex;flex-wrap:wrap;align-items:stretch;align-self:stretch}nv-fieldselect .select-wrapper .select-container{position:relative;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);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldselect .select-wrapper .select-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldselect .select-wrapper .select-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldselect .select-wrapper .select-container:has(select:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldselect .select-wrapper .select-container>.select-icons{position:absolute;right:0;top:0;pointer-events:none}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton{border:0px;border-radius:0px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton:last-of-type{border-top-right-radius:var(--form-field-radius);border-bottom-right-radius:var(--form-field-radius)}nv-fieldselect .select-wrapper .select-container>.select-icons>nv-iconbutton.clear-button{pointer-events:auto}nv-fieldselect .select-wrapper .select-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldselect .select-wrapper .select-container input:focus{outline:none}nv-fieldselect .select-wrapper .select-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container input{}nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-clear,nv-fieldselect .select-wrapper .select-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldselect .select-wrapper .select-container input:read-only{background-color:var(--components-form-field-background-readonly, rgba(0, 0, 0, 0.1));border-color:var(--nv-field-border-readonly)}nv-fieldselect .select-wrapper .select-container select{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);height:var(--form-field-line-height);padding:var(--form-field-padding-y) var(--form-field-padding-x);padding-right:36px;box-sizing:content-box;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}nv-fieldselect .select-wrapper .select-container select:focus{outline:none}nv-fieldselect .select-wrapper .select-container select::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldselect .select-wrapper .select-container select hr{border-color:var(--components-list-select-hr, var(--color-content-low-border))}nv-fieldselect .select-wrapper .select-container select{appearance:base-select}nv-fieldselect .select-wrapper .select-container select::picker(select){appearance:base-select;background-color:var(--components-popover-background);border-color:var(--components-popover-border);border-width:1px;border-style:solid;border-radius:var(--popover-radius);padding:var(--popover-padding-y) var(--popover-padding-x);margin-top:var(--spacing-2);box-shadow:var(--popover-shadow-1-x) var(--popover-shadow-1-y) var(--popover-shadow-1-blur) -2px var(--popover-shadow-1-opacity), var(--popover-shadow-2-x) var(--popover-shadow-2-y) var(--popover-shadow-2-blur) var(--shadow-spread-lg-2) var(--popover-shadow-2-opacity)}nv-fieldselect .select-wrapper .select-container select::picker-icon{display:none}nv-fieldselect .select-wrapper .select-container select option{display:flex;gap:var(--list-select-gap-y);flex-wrap:wrap;align-items:center;width:100%;background-color:var(--components-list-select-option-background-default);padding:var(--list-select-option-padding);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-select-font-size);line-height:var(--list-select-line-height);color:var(--components-list-select-option-content-default);border-radius:var(--list-select-option-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fieldselect .select-wrapper .select-container select option:not(:first-of-type){margin-top:var(--list-select-gap-y)}nv-fieldselect .select-wrapper .select-container select option:hover,nv-fieldselect .select-wrapper .select-container select option:focus,nv-fieldselect .select-wrapper .select-container select option:focus-within{background-color:var(--components-list-select-option-background-hover);color:var(--components-list-select-option-content-hover)}nv-fieldselect .select-wrapper .select-container select option:checked{background-color:var(--components-list-select-option-background-active);color:var(--components-list-select-option-content-active)}nv-fieldselect .select-wrapper .select-container select option:checked::after{order:1;margin-left:auto;content:"";display:inline-block;width:var(--spacing-5);height:var(--spacing-5);background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='nvicon_check' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6px' d='m5 12 5 5L20 7' vector-effect='non-scaling-stroke'%3E%3C/path%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}nv-fieldselect .select-wrapper .select-container select option::checkmark{display:none}nv-fieldselect .select-wrapper .select-container select option:disabled,nv-fieldselect .select-wrapper .select-container select option:checked:disabled{color:var(--components-list-select-option-content-disabled);background-color:var(--components-list-select-option-background-default)}nv-fieldselect .select-wrapper .select-container select optgroup{appearance:base-select;display:flex;flex-wrap:wrap;align-items:center;width:100%;color:var(--components-list-select-optgroup-content);gap:var(--list-select-optgroup-gap);padding-top:var(--list-select-optgroup-padding-y, 8px);padding-bottom:var(--list-select-optgroup-padding-y, 8px)}nv-fieldselect .select-wrapper .select-container select optgroup:hover{color:var(--components-list-select-optgroup-content)}nv-fieldselect .select-wrapper .select-container select optgroup option{padding-left:var(--list-select-optgroup-option-padding-left)}nv-fieldselect .select-wrapper .select-container select optgroup option:first-child{margin-top:var(--list-select-optgroup-option-margin-top, 4px)}nv-fieldselect .select-wrapper .select-container select.hidden{display:none}nv-fieldselect .select-wrapper .select-container nv-icon.readonly-icon{color:var(--nv-field-border-default)}nv-fieldselect .select-wrapper .select-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldselect .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldselect .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldselect .error-description[hidden]{display:none}`;
|
|
10
10
|
|
|
11
11
|
const NvFieldselect = class {
|
|
12
12
|
constructor(hostRef) {
|
|
13
13
|
index.registerInstance(this, hostRef);
|
|
14
14
|
this.valueChanged = index.createEvent(this, "valueChanged", 3);
|
|
15
|
+
this.cleared = index.createEvent(this, "cleared", 3);
|
|
15
16
|
//#endregion DEPRECATED
|
|
16
17
|
/****************************************************************************/
|
|
17
18
|
//#region STATES
|
|
@@ -69,6 +70,12 @@ const NvFieldselect = class {
|
|
|
69
70
|
* When enabled, allows the select to handle multiple selections.
|
|
70
71
|
*/
|
|
71
72
|
this.multiple = false;
|
|
73
|
+
/**
|
|
74
|
+
* Shows the inline clear (×) button when a value is selected. The
|
|
75
|
+
* programmatic `clear()` method works regardless of this prop — leave
|
|
76
|
+
* it off when you want to manage clearing from outside the component.
|
|
77
|
+
*/
|
|
78
|
+
this.clearable = false;
|
|
72
79
|
/**
|
|
73
80
|
* The value of the select field.
|
|
74
81
|
* - If `multiple` is `false`, it's a single string.
|
|
@@ -122,6 +129,21 @@ const NvFieldselect = class {
|
|
|
122
129
|
this.selectElement.focus();
|
|
123
130
|
}
|
|
124
131
|
};
|
|
132
|
+
/**
|
|
133
|
+
* Handles a click on the inline clear button. Stops the click from
|
|
134
|
+
* bubbling up to the select container (which would refocus the select)
|
|
135
|
+
* and clears the value. On keyboard activation (Enter/Space) it also
|
|
136
|
+
* moves focus back to the native `<select>` so keyboard users don't
|
|
137
|
+
* lose their place when the button disappears.
|
|
138
|
+
* @param {MouseEvent} event - The click event from the clear button.
|
|
139
|
+
*/
|
|
140
|
+
this.handleClearButtonClick = (event) => {
|
|
141
|
+
event.stopPropagation();
|
|
142
|
+
this.clear();
|
|
143
|
+
// detail === 0 means keyboard-activated; >= 1 means a real mouse click.
|
|
144
|
+
if (event.detail === 0)
|
|
145
|
+
this.selectElement?.focus();
|
|
146
|
+
};
|
|
125
147
|
}
|
|
126
148
|
//#endregion EVENTS
|
|
127
149
|
/****************************************************************************/
|
|
@@ -253,6 +275,19 @@ const NvFieldselect = class {
|
|
|
253
275
|
this.selectElement = this.el.querySelector('select');
|
|
254
276
|
}
|
|
255
277
|
}
|
|
278
|
+
/**
|
|
279
|
+
* Clears the current selection. Resets the value to an empty string and
|
|
280
|
+
* emits `valueChanged` and `cleared` when the value actually changed.
|
|
281
|
+
* The `@Watch('value')` watcher takes care of syncing the underlying
|
|
282
|
+
* native `<select>` options and the form value.
|
|
283
|
+
*/
|
|
284
|
+
async clear() {
|
|
285
|
+
if (!this.value)
|
|
286
|
+
return;
|
|
287
|
+
this.value = '';
|
|
288
|
+
this.valueChanged.emit('');
|
|
289
|
+
this.cleared.emit();
|
|
290
|
+
}
|
|
256
291
|
//#endregion METHODS
|
|
257
292
|
/****************************************************************************/
|
|
258
293
|
//#region LIFECYCLE
|
|
@@ -373,15 +408,18 @@ const NvFieldselect = class {
|
|
|
373
408
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
374
409
|
: undefined;
|
|
375
410
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
376
|
-
return (index.h(index.Host, { key: '
|
|
411
|
+
return (index.h(index.Host, { key: '94e1f6453200ac25c9a8bb1161da1332fe964a88' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'cddbd8dcb267c3931f2a97d2409732e203e60d42', htmlFor: this.inputId }, index.h("slot", { key: 'bfbae02481c4bdac23e2c7c69044c171c2e4c627', name: "label" }, this.label))), index.h("div", { key: '1070a34841596517c2803aa529b875c86e1cace7', class: "select-wrapper" }, index.h("slot", { key: '8a36b232f72dcf98aaa0fd1d3fe0ee4a77102254', name: "before-input" }), index.h("div", { key: '716bd6d6f489b1b23d4f97ddf8b404c9b06cbb6d', class: "select-container", onClick: this.handleSelectContainerClick }, index.h("slot", { key: '282b5103ab923c70d66fb5cbf68bb741f2f9c436', name: "leading-input" }), this.internalReadonly && (index.h("input", { key: 'a612673aec7e0fb2a63c0d52a68bc2f74332db44', id: this.inputId + '-readonly', type: "text", value: this.computedDisplayValue, readonly: true, class: "readonly-input", "aria-readonly": "true", "aria-label": this.label, "aria-describedby": this.error
|
|
377
412
|
? `${this.inputId}-error`
|
|
378
|
-
: `${this.inputId}-description` })), index.h("select", { key: '
|
|
413
|
+
: `${this.inputId}-description` })), index.h("select", { key: '4fe11669e745846bcc14e3c657160287912351f2', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
379
414
|
'aria-required': String(ariaRequiredValue),
|
|
380
415
|
}), multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
|
|
381
416
|
? `${this.inputId}-error`
|
|
382
|
-
: `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (index.h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (index.h("slot", null))), index.h("div", { key: '
|
|
383
|
-
this.
|
|
384
|
-
this.
|
|
417
|
+
: `${this.inputId}-description` }, this.options && this.options.length > 0 ? (this.options.map(option => (index.h("option", { value: option.value, selected: option.selected, disabled: option.disabled }, option.label)))) : (index.h("slot", null))), index.h("div", { key: 'e04e676525522d40410815ea8da80f9c18730e3f', class: "select-icons" }, this.clearable &&
|
|
418
|
+
!this.disabled &&
|
|
419
|
+
!this.internalReadonly &&
|
|
420
|
+
this.value && (index.h("nv-iconbutton", { key: '176fdf45a3c04290895be367027c38581292c2c0', "data-scope": "clear", name: "x", size: "md", emphasis: "lower", class: "clear-button", onMouseDown: (e) => e.preventDefault(), onClick: this.handleClearButtonClick, "aria-label": "Clear selection", title: "Clear selection" })), this.error && (index.h("nv-icon", { key: '7eef5e80d744b7bfbcfb3fc857837c58e6ce4e54', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '68085ced60e2c9aa70aa26db8fa96f0a5407d3c4', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: 'c1e85cc79e3438f20ae891fb439b77ba694d8db8', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), index.h("slot", { key: '5534a2610d76d6d23e91ca3010b29f331501c923', name: "after-input" })), (this.description ||
|
|
421
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'eda00100479bb6325a49db62933f7d325e559491', class: "description", id: `${this.inputId}-description` }, index.h("slot", { key: 'f976d87998ef48b7e1e493f6064547efa1c212c3', name: "description" }, this.description))), (this.errorDescription ||
|
|
422
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '28d55210a573fe85b57752873ca14f0adc65a404', class: "error-description", id: `${this.inputId}-error` }, index.h("slot", { key: 'ac95ef49e88372d3b69456affbbdaad753a5e5c4', name: "error-description" }, this.errorDescription)))));
|
|
385
423
|
}
|
|
386
424
|
static get formAssociated() { return true; }
|
|
387
425
|
get el() { return index.getElement(this); }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BRxlcrvE.js');
|
|
4
4
|
var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
@@ -691,11 +691,11 @@ const NvFieldslider = class {
|
|
|
691
691
|
/****************************************************************************/
|
|
692
692
|
//#region RENDER
|
|
693
693
|
render() {
|
|
694
|
-
return (index.h(index.Host, { key: '
|
|
694
|
+
return (index.h(index.Host, { key: '6426519f29a4a345a2371ef6ba05c6e2f59fd01f' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '83583c4f6610032c5ba3b2b6e0d58a1ce6117f8a', htmlFor: this.startInputId }, index.h("slot", { key: '91bf1a9106d9044e8180b6115510764904d39c15', name: "label" }, this.label))), index.h("div", { key: 'f5154fb1aa800cda282c924e2ff036df6ba70969', class: "slider-container" }, this.range ? (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 0, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : null, index.h("div", { key: '3a11f56bc52e1bb2ff0fb82e14488173dffa5d48', class: "track-container" }, index.h("div", { key: '48065424f96d4bff452bfb122217a30767563219', class: "track", onPointerDown: this.onTrackInteraction }, this.range ? (index.h(RangeThumb, { rangeValue: this.rangeValueInternal, rawRangePosition: this.rawRangePosition, activeDragThumb: this.activeDragThumb, isDragging: this.isDragging, snap: this.snap, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue })) : (index.h(SingleThumb, { value: this.valueInternal, min: this.min, max: this.max, step: this.step, rawPosition: this.rawPosition, isDragging: this.isDragging, snap: this.snap, disabled: this.disabled, readonly: this.readonly, onKeyDown: this.onKeyDown, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue }))), index.h(TickMarks, { key: '3c03a6c0bb8e8f24d076f29c178bd71eaf9cda0e', ticks: this.internalTicks, min: this.min, max: this.max })), this.range ? (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, index: 1, inputId: this.endInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name, endName: this.endName })) : (index.h(FieldInput, { range: this.range, hasField: this.hasField, value: this.valueInternal, rangeValue: this.rangeValueInternal, inputId: this.startInputId, min: this.min, max: this.max, step: this.step, disabled: this.disabled, readonly: this.readonly, onInput: this.handleFieldChange, labelBeforeValue: this.labelBeforeValue, labelAfterValue: this.labelAfterValue, name: this.name }))), (this.success ||
|
|
695
695
|
this.description ||
|
|
696
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
696
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '7f2adaba3d758f14acc45e04636daca743264b53', class: "description" }, this.success && (index.h("nv-icon", { key: 'd499915841c2fb34e26af179e5fe1a592306c6ce', name: "circle-check", class: "validation", size: "md" })), index.h("slot", { key: 'bdd412849474b4ffaf5473005c1dad19cc9bb2ee', name: "description" }, this.description))), (this.error ||
|
|
697
697
|
this.errorDescription ||
|
|
698
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
698
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'b24b65aed4437a953fba34820a3cd6c385c246b7', class: "error-description", hidden: !this.error }, this.error && (index.h("nv-icon", { key: '76c21755d1f90aa3f2f64f03b20a57249f5ea568', name: "alert-circle", class: "validation", size: "md" })), index.h("slot", { key: '59d05da46df9e86b62f65db1d7ed967bb640675a', name: "error-description" }, this.errorDescription)))));
|
|
699
699
|
}
|
|
700
700
|
static get formAssociated() { return true; }
|
|
701
701
|
get el() { return index.getElement(this); }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BRxlcrvE.js');
|
|
4
4
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
@@ -149,11 +149,11 @@ const NvFieldtext = class {
|
|
|
149
149
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
150
150
|
: undefined;
|
|
151
151
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
152
|
-
return (index.h(index.Host, { key: '
|
|
152
|
+
return (index.h(index.Host, { key: '90ac165e82d023f829f92a29c96752034c23c9f2' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'f530f667afb8d7ca92b08091ed56334344a143f2', htmlFor: this.inputId }, index.h("slot", { key: 'fc47f6054630cabc3ad1990b015aa092f4aa4340', name: "label" }, this.label))), index.h("div", { key: '1e391ffe7dcf66df1ca71b0bdac6b2f6e1db0bbd', class: "input-wrapper" }, index.h("slot", { key: '10b6c0ba26cfa5746f49b5306fa50e9621abef2c', name: "before-input" }), index.h("div", { key: 'b4b09153ca8604d1b3e0196468fa76cc2a8f9241', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '0eeca77278eafbc0387e70e4aa2393f094ac011c', name: "leading-input" }), index.h("input", { key: '6fe1319ef9d8b6f6adad33c6d7aa3fda31bdcbe3', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
153
153
|
'aria-required': String(ariaRequiredValue),
|
|
154
|
-
}), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), index.h("slot", { key: '
|
|
155
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
156
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
154
|
+
}), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), index.h("slot", { key: '8371a6e3dda9c4d61a99246e675826c44b102f85', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: 'a36ff6b50c314255cb0ff141d199da1da14c0d4e', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'b51a8059483bbc78d383b7cf71b5a90bfd2633a4', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: '6b7eb32b47c9b74e6a567a359617668e7256efcb', name: "after-input" })), (this.description ||
|
|
155
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'ce97f38d7d31b18df36a92d75cd4dd7dd44063ab', class: "description" }, index.h("slot", { key: '92cc67f9b9c277e91316236c977e1bc9bd63a0c7', name: "description" }, this.description))), (this.errorDescription ||
|
|
156
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '44711fb351ac1da5da1a0f0630a1d7596957664d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '4645cc36a7383587f6baa8db0bb2b664f252768c', name: "error-description" }, this.errorDescription)))));
|
|
157
157
|
}
|
|
158
158
|
static get formAssociated() { return true; }
|
|
159
159
|
get el() { return index.getElement(this); }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BRxlcrvE.js');
|
|
4
4
|
var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
@@ -220,11 +220,11 @@ const NvFieldtextarea = class {
|
|
|
220
220
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
221
221
|
: undefined;
|
|
222
222
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
223
|
-
return (index.h(index.Host, { key: '
|
|
223
|
+
return (index.h(index.Host, { key: '1cddc37522161a4316ae8f82d3daf285ffb785b5' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '0c351922af13d881f90b17cea5d482fd45a34e65', htmlFor: this.inputId }, index.h("slot", { key: '665bee53de0fd1a1f076ecfcba06be68919881e0', name: "label" }, this.label))), index.h("div", { key: '22fc452a7657ea9b13a867d57b4242268dde2bca', class: "textarea-wrapper" }, index.h("div", { key: '333aace09346fae421a7a6654b1f6024fa0f87f7', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: '69172853551f5cbb2fc739a13fa5299142b191c1', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
224
224
|
'aria-required': String(ariaRequiredValue),
|
|
225
225
|
}), maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsxChV9xqsO.clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
|
|
226
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
227
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
226
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '91fc165e6275f96547eea666d643f9bd5184d06f', class: "description" }, index.h("slot", { key: '996a87505c112d9cb5c1a6d7877e6bc88ab14556', name: "description" }, this.description))), (this.errorDescription ||
|
|
227
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '3d105e76819ca671aa6c23722344ba9acfe90f38', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '7d721e77b392dbb0bdcf6892f4237f0d8d944c64', name: "error-description" }, this.errorDescription)))));
|
|
228
228
|
}
|
|
229
229
|
static get formAssociated() { return true; }
|
|
230
230
|
get el() { return index.getElement(this); }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var
|
|
3
|
+
var index = require('./index-BRxlcrvE.js');
|
|
4
|
+
var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
7
7
|
require('react');
|
|
@@ -13,37 +13,37 @@ require('react-dom');
|
|
|
13
13
|
const FORMAT_CONFIGS = {
|
|
14
14
|
'HH': {
|
|
15
15
|
pattern: /^([0-1]?[0-9]|2[0-3])$/,
|
|
16
|
-
parts: [
|
|
16
|
+
parts: [constantsGOKBmbgZ.TimeType.Hours],
|
|
17
17
|
defaultValue: '00',
|
|
18
18
|
maxLength: 2,
|
|
19
19
|
},
|
|
20
20
|
'HH:mm': {
|
|
21
21
|
pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9])$/,
|
|
22
|
-
parts: [
|
|
22
|
+
parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes],
|
|
23
23
|
defaultValue: '00:00',
|
|
24
24
|
maxLength: 5,
|
|
25
25
|
},
|
|
26
26
|
'HH:mm:ss': {
|
|
27
27
|
pattern: /^([0-1]?[0-9]|2[0-3]):([0-5]?[0-9]):([0-5]?[0-9])$/,
|
|
28
|
-
parts: [
|
|
28
|
+
parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes, constantsGOKBmbgZ.TimeType.Seconds],
|
|
29
29
|
defaultValue: '00:00:00',
|
|
30
30
|
maxLength: 8,
|
|
31
31
|
},
|
|
32
32
|
'hh': {
|
|
33
33
|
pattern: /^(0?[1-9]|1[0-2])$/,
|
|
34
|
-
parts: [
|
|
34
|
+
parts: [constantsGOKBmbgZ.TimeType.Hours],
|
|
35
35
|
defaultValue: '01',
|
|
36
36
|
maxLength: 2,
|
|
37
37
|
},
|
|
38
38
|
'hh:mm': {
|
|
39
39
|
pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9])$/,
|
|
40
|
-
parts: [
|
|
40
|
+
parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes],
|
|
41
41
|
defaultValue: '01:00',
|
|
42
42
|
maxLength: 5,
|
|
43
43
|
},
|
|
44
44
|
'hh:mm:ss': {
|
|
45
45
|
pattern: /^(0?[1-9]|1[0-2]):([0-5]?[0-9]):([0-5]?[0-9])$/,
|
|
46
|
-
parts: [
|
|
46
|
+
parts: [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes, constantsGOKBmbgZ.TimeType.Seconds],
|
|
47
47
|
defaultValue: '01:00:00',
|
|
48
48
|
maxLength: 8,
|
|
49
49
|
},
|
|
@@ -57,7 +57,7 @@ function getVisibleTimeTypes(format) {
|
|
|
57
57
|
const config = FORMAT_CONFIGS[format];
|
|
58
58
|
if (!config) {
|
|
59
59
|
// Fallback for unknown formats
|
|
60
|
-
return [
|
|
60
|
+
return [constantsGOKBmbgZ.TimeType.Hours, constantsGOKBmbgZ.TimeType.Minutes, constantsGOKBmbgZ.TimeType.Seconds];
|
|
61
61
|
}
|
|
62
62
|
return config.parts;
|
|
63
63
|
}
|
|
@@ -138,7 +138,7 @@ function parseValueByFormat(value, format) {
|
|
|
138
138
|
}
|
|
139
139
|
if (parts.length >= 2 &&
|
|
140
140
|
parts[1] &&
|
|
141
|
-
config.parts.includes(
|
|
141
|
+
config.parts.includes(constantsGOKBmbgZ.TimeType.Minutes)) {
|
|
142
142
|
const minutes = parseInt(parts[1], 10);
|
|
143
143
|
if (!isNaN(minutes) && minutes >= 0 && minutes <= 59) {
|
|
144
144
|
result.minutes = minutes.toString().padStart(2, '0');
|
|
@@ -146,7 +146,7 @@ function parseValueByFormat(value, format) {
|
|
|
146
146
|
}
|
|
147
147
|
if (parts.length >= 3 &&
|
|
148
148
|
parts[2] &&
|
|
149
|
-
config.parts.includes(
|
|
149
|
+
config.parts.includes(constantsGOKBmbgZ.TimeType.Seconds)) {
|
|
150
150
|
const seconds = parseInt(parts[2], 10);
|
|
151
151
|
if (!isNaN(seconds) && seconds >= 0 && seconds <= 59) {
|
|
152
152
|
result.seconds = seconds.toString().padStart(2, '0');
|
|
@@ -190,7 +190,7 @@ function extractRelevantComponents(components, format) {
|
|
|
190
190
|
minutes: '00',
|
|
191
191
|
seconds: '00',
|
|
192
192
|
};
|
|
193
|
-
if (config.parts.includes(
|
|
193
|
+
if (config.parts.includes(constantsGOKBmbgZ.TimeType.Hours)) {
|
|
194
194
|
// Validate hours for the target format
|
|
195
195
|
const hours = parseInt(components.hours, 10);
|
|
196
196
|
if (format.startsWith('hh')) {
|
|
@@ -208,10 +208,10 @@ function extractRelevantComponents(components, format) {
|
|
|
208
208
|
// If invalid, keep the default '00'
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
if (config.parts.includes(
|
|
211
|
+
if (config.parts.includes(constantsGOKBmbgZ.TimeType.Minutes)) {
|
|
212
212
|
result.minutes = components.minutes;
|
|
213
213
|
}
|
|
214
|
-
if (config.parts.includes(
|
|
214
|
+
if (config.parts.includes(constantsGOKBmbgZ.TimeType.Seconds)) {
|
|
215
215
|
result.seconds = components.seconds;
|
|
216
216
|
}
|
|
217
217
|
return result;
|
|
@@ -251,7 +251,7 @@ const NvFieldtime = class {
|
|
|
251
251
|
// Input elements for hours, minutes, and seconds
|
|
252
252
|
this.inputElements = {};
|
|
253
253
|
this.inputZeroAdded = {};
|
|
254
|
-
this.typeFocused =
|
|
254
|
+
this.typeFocused = constantsGOKBmbgZ.TimeType.Hours;
|
|
255
255
|
/****************************************************************************/
|
|
256
256
|
//#region STATES
|
|
257
257
|
this.hours = '00';
|
|
@@ -414,11 +414,11 @@ const NvFieldtime = class {
|
|
|
414
414
|
// React to external changes, e.g., highlight current time on open
|
|
415
415
|
if (newOpen) {
|
|
416
416
|
// Re-highlight columns based on current value
|
|
417
|
-
const hourSelector = `.time-column.time-column-${
|
|
417
|
+
const hourSelector = `.time-column.time-column-${constantsGOKBmbgZ.TimeType.Hours} div`;
|
|
418
418
|
this.updateColumnHighlight(hourSelector, this.hours);
|
|
419
|
-
const minutesSelector = `.time-column.time-column-${
|
|
419
|
+
const minutesSelector = `.time-column.time-column-${constantsGOKBmbgZ.TimeType.Minutes} div`;
|
|
420
420
|
this.updateColumnHighlight(minutesSelector, this.minutes);
|
|
421
|
-
const secondsSelector = `.time-column.time-column-${
|
|
421
|
+
const secondsSelector = `.time-column.time-column-${constantsGOKBmbgZ.TimeType.Seconds} div`;
|
|
422
422
|
this.updateColumnHighlight(secondsSelector, this.seconds);
|
|
423
423
|
}
|
|
424
424
|
}
|
|
@@ -454,13 +454,13 @@ const NvFieldtime = class {
|
|
|
454
454
|
}
|
|
455
455
|
// Update the time value based on the type
|
|
456
456
|
switch (type) {
|
|
457
|
-
case
|
|
457
|
+
case constantsGOKBmbgZ.TimeType.Hours:
|
|
458
458
|
this.handleHoursChange(inputValue, type);
|
|
459
459
|
break;
|
|
460
|
-
case
|
|
460
|
+
case constantsGOKBmbgZ.TimeType.Minutes:
|
|
461
461
|
this.handleMinutesChange(inputValue, type);
|
|
462
462
|
break;
|
|
463
|
-
case
|
|
463
|
+
case constantsGOKBmbgZ.TimeType.Seconds:
|
|
464
464
|
this.handleSecondsChange(inputValue, type);
|
|
465
465
|
break;
|
|
466
466
|
}
|
|
@@ -527,7 +527,7 @@ const NvFieldtime = class {
|
|
|
527
527
|
// Auto-navigation to next field when input is complete
|
|
528
528
|
if (this.hours.length >= 1 && !this.inputZeroAdded[type]) {
|
|
529
529
|
const visibleTypes = getVisibleTimeTypes(this.format);
|
|
530
|
-
const currentTypeIndex = visibleTypes.indexOf(
|
|
530
|
+
const currentTypeIndex = visibleTypes.indexOf(constantsGOKBmbgZ.TimeType.Hours);
|
|
531
531
|
const nextTypeIndex = currentTypeIndex + 1;
|
|
532
532
|
if (nextTypeIndex < visibleTypes.length) {
|
|
533
533
|
const nextType = visibleTypes[nextTypeIndex];
|
|
@@ -592,7 +592,7 @@ const NvFieldtime = class {
|
|
|
592
592
|
// Auto-navigation to next field when input is complete
|
|
593
593
|
if (this.minutes.length >= 1 && !this.inputZeroAdded[type]) {
|
|
594
594
|
const visibleTypes = getVisibleTimeTypes(this.format);
|
|
595
|
-
const currentTypeIndex = visibleTypes.indexOf(
|
|
595
|
+
const currentTypeIndex = visibleTypes.indexOf(constantsGOKBmbgZ.TimeType.Minutes);
|
|
596
596
|
const nextTypeIndex = currentTypeIndex + 1;
|
|
597
597
|
if (nextTypeIndex < visibleTypes.length) {
|
|
598
598
|
const nextType = visibleTypes[nextTypeIndex];
|
|
@@ -734,13 +734,13 @@ const NvFieldtime = class {
|
|
|
734
734
|
const option = parseInt(event.target.textContent || '0', 10);
|
|
735
735
|
// Update the time component directly without constraint validation
|
|
736
736
|
// Dropdown options are already filtered by constraints during generation
|
|
737
|
-
if (type ===
|
|
737
|
+
if (type === constantsGOKBmbgZ.TimeType.Hours) {
|
|
738
738
|
this.hours = option.toString().padStart(2, '0');
|
|
739
739
|
}
|
|
740
|
-
else if (type ===
|
|
740
|
+
else if (type === constantsGOKBmbgZ.TimeType.Minutes) {
|
|
741
741
|
this.minutes = option.toString().padStart(2, '0');
|
|
742
742
|
}
|
|
743
|
-
else if (type ===
|
|
743
|
+
else if (type === constantsGOKBmbgZ.TimeType.Seconds) {
|
|
744
744
|
this.seconds = option.toString().padStart(2, '0');
|
|
745
745
|
}
|
|
746
746
|
// Reconstruct time in the correct format and update value
|
|
@@ -793,11 +793,11 @@ const NvFieldtime = class {
|
|
|
793
793
|
}
|
|
794
794
|
// Generate the time options based on the type
|
|
795
795
|
switch (type) {
|
|
796
|
-
case
|
|
796
|
+
case constantsGOKBmbgZ.TimeType.Hours:
|
|
797
797
|
return this.generateHourOptions(stepInSeconds);
|
|
798
|
-
case
|
|
798
|
+
case constantsGOKBmbgZ.TimeType.Minutes:
|
|
799
799
|
return this.generateMinuteOptions(stepInSeconds);
|
|
800
|
-
case
|
|
800
|
+
case constantsGOKBmbgZ.TimeType.Seconds:
|
|
801
801
|
return this.generateSecondOptions(stepInSeconds);
|
|
802
802
|
default:
|
|
803
803
|
return [];
|
|
@@ -1047,11 +1047,11 @@ const NvFieldtime = class {
|
|
|
1047
1047
|
renderTimeInputField(type) {
|
|
1048
1048
|
const getValue = () => {
|
|
1049
1049
|
switch (type) {
|
|
1050
|
-
case
|
|
1050
|
+
case constantsGOKBmbgZ.TimeType.Hours:
|
|
1051
1051
|
return this.hours;
|
|
1052
|
-
case
|
|
1052
|
+
case constantsGOKBmbgZ.TimeType.Minutes:
|
|
1053
1053
|
return this.minutes;
|
|
1054
|
-
case
|
|
1054
|
+
case constantsGOKBmbgZ.TimeType.Seconds:
|
|
1055
1055
|
return this.seconds;
|
|
1056
1056
|
default:
|
|
1057
1057
|
return '00';
|
|
@@ -1059,11 +1059,11 @@ const NvFieldtime = class {
|
|
|
1059
1059
|
};
|
|
1060
1060
|
const getPlaceholder = () => {
|
|
1061
1061
|
switch (type) {
|
|
1062
|
-
case
|
|
1062
|
+
case constantsGOKBmbgZ.TimeType.Hours:
|
|
1063
1063
|
return this.format.includes('hh') ? 'hh' : 'HH';
|
|
1064
|
-
case
|
|
1064
|
+
case constantsGOKBmbgZ.TimeType.Minutes:
|
|
1065
1065
|
return 'mm';
|
|
1066
|
-
case
|
|
1066
|
+
case constantsGOKBmbgZ.TimeType.Seconds:
|
|
1067
1067
|
return 'ss';
|
|
1068
1068
|
default:
|
|
1069
1069
|
return '';
|
|
@@ -1071,11 +1071,11 @@ const NvFieldtime = class {
|
|
|
1071
1071
|
};
|
|
1072
1072
|
const getId = () => {
|
|
1073
1073
|
switch (type) {
|
|
1074
|
-
case
|
|
1074
|
+
case constantsGOKBmbgZ.TimeType.Hours:
|
|
1075
1075
|
return this.inputId;
|
|
1076
|
-
case
|
|
1076
|
+
case constantsGOKBmbgZ.TimeType.Minutes:
|
|
1077
1077
|
return `${this.inputId}-minutes`;
|
|
1078
|
-
case
|
|
1078
|
+
case constantsGOKBmbgZ.TimeType.Seconds:
|
|
1079
1079
|
return `${this.inputId}-seconds`;
|
|
1080
1080
|
default:
|
|
1081
1081
|
return this.inputId;
|
|
@@ -1101,15 +1101,15 @@ const NvFieldtime = class {
|
|
|
1101
1101
|
RenderTimeOptionsColumn(type) {
|
|
1102
1102
|
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: {
|
|
1103
1103
|
'time-option': true,
|
|
1104
|
-
'selected': (type ===
|
|
1105
|
-
(type ===
|
|
1106
|
-
(type ===
|
|
1104
|
+
'selected': (type === constantsGOKBmbgZ.TimeType.Hours && option === this.hours) ||
|
|
1105
|
+
(type === constantsGOKBmbgZ.TimeType.Minutes && option === this.minutes) ||
|
|
1106
|
+
(type === constantsGOKBmbgZ.TimeType.Seconds && option === this.seconds),
|
|
1107
1107
|
}, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
|
|
1108
1108
|
}
|
|
1109
1109
|
render() {
|
|
1110
|
-
return (index.h(index.Host, { key: '
|
|
1111
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
1112
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
1110
|
+
return (index.h(index.Host, { key: 'b1679a16a6e7461fb69ca54b6e1f8eb77b9b3c08', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'ced81e56d8600dbfea8dcef14546c90857e5a186', htmlFor: this.inputId }, index.h("slot", { key: 'e393b0550cbe5aaef9d89085a5596702b19bb6ef', name: "label" }, this.label))), index.h("nv-popover", { key: '28dbb3701706b009f3611075cac9365cb82c76a8', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, index.h("div", { key: '28f7ce04dc3b84dd0abf389514aeff992c4ffc2f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '7e071c82b06bd594d92f8956201f1fec96283ec1', name: "before-input" }), index.h("div", { key: 'd4e6a32632d55d697bf8d71ca9a7f37929b142aa', class: "input-container" }, index.h("slot", { key: 'bc38eebb73e18d6adf4b903e9157e8f5fdd573c5', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: 'd2c74dd724f91c8b81a5f5b780e3ac3cdc8fc3bb', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: 'bad18f64f2d01a4314e8a7801beed221668a86ac', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: 'c372fd6a7cdca8a36f9267cb4fa6e4edf25fb765', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '1770d964871b2d34ec19244408b7099a05e0a1d2', name: "after-input" })), index.h("div", { key: 'cfa8c623ab7090505a6c2d75557af0e9d6ceb3ea', class: "time-dropdown", slot: "content" }, index.h("div", { key: 'f06ea88fc1fb99733f03f47d5e39f50e0d6c0458', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
|
|
1111
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '43c8aa83d745684fbe5c7bde4ae809ed5d190558', class: "description" }, index.h("slot", { key: '336db7403e47ddca37050340fde22d148e67c83c', name: "description" }, this.description))), (this.errorDescription ||
|
|
1112
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '8f4a1a1d8f0c3907f9dc0c2be1357a48b9088693', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '6ec132e695695f7da3e8910b11f089cbff903498', name: "error-description" }, this.errorDescription)))));
|
|
1113
1113
|
}
|
|
1114
1114
|
static get formAssociated() { return true; }
|
|
1115
1115
|
get el() { return index.getElement(this); }
|