@nova-design-system/nova-react 3.9.1 → 3.10.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-4faa1fae-BzFAKCkR.js → constants-23aaef7b-Cj2b-su0.js} +12 -0
- package/dist/cjs/{index-BtjpbnUr.js → index-Cm4m8MM1.js} +1396 -432
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/{nv-accordion-item.entry-Dr_2iHhQ.js → nv-accordion-item.entry-CnpS6CGa.js} +2 -2
- package/dist/cjs/{nv-accordion.entry-CYVpcwuY.js → nv-accordion.entry-8UIjQG0P.js} +1 -1
- package/dist/cjs/{nv-alert.entry-C_H-R9wb.js → nv-alert.entry-96FaJ9yM.js} +8 -8
- package/dist/cjs/{nv-avatar.entry-BeSOqGvb.js → nv-avatar.entry-BcLkxe35.js} +7 -7
- package/dist/cjs/nv-badge_2.entry-CzDec_7j.js +206 -0
- package/dist/cjs/{nv-breadcrumb.entry-yQozUTFi.js → nv-breadcrumb.entry-BvnO7tGb.js} +2 -2
- package/dist/cjs/{nv-breadcrumbs.entry-Qar1fOI7.js → nv-breadcrumbs.entry-Du98f0lC.js} +1 -1
- package/dist/cjs/{nv-button.entry-M_c4r8PX.js → nv-button.entry-D8Ob5YDg.js} +8 -8
- package/dist/cjs/nv-buttongroup.entry-BGpQpMD_.js +195 -0
- package/dist/cjs/{nv-calendar.entry-DFE372aB.js → nv-calendar.entry-CAINTAPB.js} +120 -43
- package/dist/cjs/{nv-col.entry-Bi8pH33J.js → nv-col.entry-5trkPEIg.js} +2 -2
- package/dist/cjs/{nv-datagrid.entry-B-blFDg-.js → nv-datagrid.entry-DqbLtkI4.js} +9 -9
- package/dist/cjs/{nv-datagridcolumn.entry-CAzB7NtB.js → nv-datagridcolumn.entry-Dn1u3PFr.js} +2 -2
- package/dist/cjs/{nv-dialog.entry-Bdw3O22w.js → nv-dialog.entry-pibB_NBe.js} +3 -3
- package/dist/cjs/{nv-dialogfooter_2.entry-BTUrxVzn.js → nv-dialogfooter_2.entry-0MTTK7Y2.js} +5 -5
- package/dist/cjs/{nv-fieldcheckbox.entry-DNzC8s-J.js → nv-fieldcheckbox.entry-DBSUOWI_.js} +6 -6
- package/dist/cjs/{nv-fielddate.entry-BI8REINj.js → nv-fielddate.entry-DM6ap-c_.js} +7 -7
- package/dist/cjs/{nv-fielddaterange.entry-B7mtEV97.js → nv-fielddaterange.entry-DJEbpwlV.js} +7 -7
- package/dist/cjs/{nv-fielddropdown.entry-Cz7yuHTj.js → nv-fielddropdown.entry-COGswgIv.js} +4 -4
- package/dist/cjs/{nv-fielddropdownitem.entry-CH_C4Dr-.js → nv-fielddropdownitem.entry-m6TjyMp3.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-BqEdEUR0.js → nv-fieldmultiselect.entry-PhmD9JYp.js} +378 -28
- package/dist/cjs/{nv-fieldnumber.entry-BhRb8v1L.js → nv-fieldnumber.entry-dR0KzTa9.js} +4 -4
- package/dist/cjs/{nv-fieldpassword.entry-BL4T90zr.js → nv-fieldpassword.entry-CuQO_qjq.js} +4 -4
- package/dist/cjs/{nv-fieldradio.entry-D-x10Pri.js → nv-fieldradio.entry-UvL5fKFQ.js} +5 -5
- package/dist/cjs/{nv-fieldselect.entry-B-kynHlw.js → nv-fieldselect.entry-DKMYBCaJ.js} +6 -6
- package/dist/cjs/{nv-fieldslider.entry-D6X0LJKJ.js → nv-fieldslider.entry-tOUuTb46.js} +4 -4
- package/dist/cjs/{nv-fieldtext.entry-xR41AQcM.js → nv-fieldtext.entry-m9XbYLZW.js} +4 -4
- package/dist/cjs/{nv-fieldtextarea.entry-4mqhSSHM.js → nv-fieldtextarea.entry-DQpfF5ME.js} +4 -4
- package/dist/cjs/{nv-fieldtime.entry-S3r7RYwN.js → nv-fieldtime.entry-Pmt1E_Hm.js} +66 -66
- package/dist/cjs/{nv-icon.entry-C2t6pj-B.js → nv-icon.entry-C4VmFtRW.js} +9 -9
- package/dist/cjs/{nv-iconbutton_2.entry-Cv1d6ktl.js → nv-iconbutton_2.entry-Cc2xKJb5.js} +4 -4
- package/dist/cjs/{nv-menu.entry-J_Ytq1Kn.js → nv-menu.entry-B6kxLiip.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-DpOO9tMo.js → nv-menuitem.entry-rYbCnY7o.js} +2 -2
- package/dist/cjs/{nv-popover.entry-BZJHJXSA.js → nv-popover.entry-CJJjW4Pv.js} +2 -2
- package/dist/cjs/{nv-row.entry-D4qBjtBv.js → nv-row.entry-BMMoJvjb.js} +2 -2
- package/dist/cjs/{nv-stack.entry-DOc6ZvMZ.js → nv-stack.entry-DI6QCSbS.js} +2 -2
- package/dist/cjs/{nv-table.entry-7-TxQSlH.js → nv-table.entry-BPWQIWyg.js} +3 -3
- package/dist/cjs/{nv-tablecolumn.entry-Bd4xWDYD.js → nv-tablecolumn.entry-De81f1e9.js} +1 -1
- package/dist/cjs/{nv-toggle.entry-DJmXXavz.js → nv-toggle.entry-BTNtBXGR.js} +4 -4
- package/dist/cjs/nv-togglebutton.entry-vWKwWiQe.js +55 -0
- package/dist/cjs/nv-togglebuttongroup.entry-BmpHIXnd.js +169 -0
- package/dist/cjs/{nv-tooltip.entry-D9nl_ejz.js → nv-tooltip.entry-BJHXydMC.js} +2 -2
- package/dist/generated/components.js +24 -0
- package/dist/generated/components.server.js +41 -4
- package/dist/types/generated/components.d.ts +16 -0
- package/dist/types/generated/components.server.d.ts +16 -0
- package/package.json +1 -1
- package/dist/cjs/nv-badge_2.entry-BGWUswPo.js +0 -206
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Cm4m8MM1.js');
|
|
4
4
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -115,9 +115,9 @@ const NvFieldnumber = class {
|
|
|
115
115
|
/****************************************************************************/
|
|
116
116
|
//#region RENDER
|
|
117
117
|
render() {
|
|
118
|
-
return (index.h(index.Host, { key: '
|
|
119
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
120
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
118
|
+
return (index.h(index.Host, { key: '1bbe4506220df2ebb5723e916edcf49b3c0295e4' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '56ed85a58e669e9c6aec04ed9ea7bc9664c478f8', htmlFor: this.inputId }, index.h("slot", { key: 'b4cf04b6bca34f0ff158fd9e7b14c56df7ea3e8a', name: "label" }, this.label))), index.h("div", { key: '9c9432645591952acff5b1f73c5be8d8f1dae7fb', class: "input-wrapper" }, index.h("slot", { key: '05bacf384b22fce12a66109864ec95fab403f8d7', name: "before-input" }), index.h("div", { key: '66f0c59c38b7309834ba22bbd767e94a04964781', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '7e2a7c766484b8c4c4caabab311ea635f95eb4fd', name: "leading-input" }), index.h("input", { key: '808f4f16b3a73d0b07efa7cff18dd5dd3f94bda4', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: this.required, max: this.max, min: this.min, step: this.step, value: this.value, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), index.h("slot", { key: '65a7f356f2a9f650df9e78f53b98b43c7e179802', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: '5eed73e177092188387abd35ccab6085a1bdb2cf', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '74edadb953f9668e49a1b3ecd328bfd2999065ea', name: "circle-check", class: "validation", size: "md" })), index.h("div", { key: 'e886fe1df175d5c4dcd9a4704ad47820e0af2474', class: "stepper" }, index.h("nv-iconbutton", { key: 'ff6247b57693f2a45c26e1eae67c9d86c473e0e3', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), index.h("nv-iconbutton", { key: 'aa12c105d159e08e874bdd37f56ab1837ba01c4f', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), index.h("slot", { key: 'c485ac2e1ca388b6e0998bdb1c5ca5876cd9e392', name: "after-input" })), (this.description ||
|
|
119
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '88d80f2f5b0061b0f8dab4bcc88bf2d196427800', class: "description" }, index.h("slot", { key: '0380af6af9986d000ad58328e6c4b8250f86c22a', name: "description" }, this.description))), (this.errorDescription ||
|
|
120
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'a2233d218f58376b6c7958efabe96a3e08c6e1f6', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'd90bc8abdcecc9711b271472a8da60b207aa04af', name: "error-description" }, this.errorDescription)))));
|
|
121
121
|
}
|
|
122
122
|
static get formAssociated() { return true; }
|
|
123
123
|
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-Cm4m8MM1.js');
|
|
4
4
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -106,9 +106,9 @@ const NvFieldpassword = class {
|
|
|
106
106
|
/****************************************************************************/
|
|
107
107
|
//#region RENDER
|
|
108
108
|
render() {
|
|
109
|
-
return (index.h(index.Host, { key: '
|
|
110
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
111
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
109
|
+
return (index.h(index.Host, { key: 'f6c3db1036f210ed45d9175f86536fefcec49aee' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '3f90294e9d136887c77765dff60f84a2feeba0af', htmlFor: this.inputId }, index.h("slot", { key: '6406a7f607430ffd4751b1eeda3c169e1e510795', name: "label" }, this.label))), index.h("div", { key: '2316eabf4abfe0ed740a078b4fde0d744f98f793', class: "input-wrapper" }, index.h("slot", { key: '00987dffa4d6e3666891ebf3cee4e36cc0534481', name: "before-input" }), index.h("div", { key: 'e6974c392b1a44dc1f631e85bdf4b45a1d1a5eee', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '05b9ced4358271f96c0e1051fa8dee06fdc1fcd7', name: "leading-input" }), index.h("input", { key: '0996fa9815a09da1b66dad9d9e1bd4f37842ab9f', id: this.inputId, ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, type: this.showPasswordState ? 'text' : 'password', inputMode: this.mode, value: this.value, required: this.required, maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), (this.success || this.error) && (index.h("nv-icon", { key: '065dbf76c1d1d6afee787e9b2becb8a4499bcfd7', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (index.h("nv-iconbutton", { key: 'eea65c55d64e58e621c9f8d7ad403eb985584afb', name: this.showPasswordState ? 'eye' : 'eye-off', size: "md", emphasis: "lower", onClick: this.togglePasswordVisibility, "aria-label": this.showPasswordState ? 'Hide password' : 'Show password', "aria-pressed": this.showPasswordState.toString() }))), index.h("slot", { key: '17b613bb7b55fd13d445507d8b5182e3107811e8', name: "after-input" })), (this.description ||
|
|
110
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '5d99b2fb2e460febe5b93148d277cee9a73ee180', class: "description" }, index.h("slot", { key: 'd196e0641080bf455b02e0a92cf95f2d167eb8f9', name: "description" }, this.description))), (this.errorDescription ||
|
|
111
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '0f96208e27909dca72aea61a6c7fee2a37aaba5f', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '86d51c3d0244d7536b1818f28420b8d1a11e63b7', name: "error-description" }, this.errorDescription)))));
|
|
112
112
|
}
|
|
113
113
|
static get formAssociated() { return true; }
|
|
114
114
|
get el() { return index.getElement(this); }
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Cm4m8MM1.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
7
7
|
|
|
8
|
-
const nvFieldradioCss = "nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{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:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:\"\";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio .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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
|
|
8
|
+
const nvFieldradioCss = "nv-fieldradio{--nv-fieldradio-border-default:var(--components-form-field-border-default);--nv-fieldradio-border-hover:var(--components-form-field-border-hover);--nv-fieldradio-border-focus:var(--components-form-field-border-default);--nv-fieldradio-background-default:var(--components-form-field-background-default);--nv-fieldradio-background-checked:var(--components-form-field-background-checked);--nv-fieldradio-background-disabled:var(--components-form-field-background-disabled);--nv-fieldradio-focus-box-shadow:var(--color-focus-brand);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-shape-foreground-disabled);--nv-fieldradio-outline-color:var(--color-focus-brand);display:inline-flex;align-items:flex-start;gap:var(--form-gap-x)}nv-fieldradio:not([disabled]) input,nv-fieldradio:not([disabled]) label,nv-fieldradio[disabled=false] input,nv-fieldradio[disabled=false] label{cursor:pointer}nv-fieldradio.error{--nv-fieldradio-border-default:var(--components-form-field-border-error);--nv-fieldradio-border-hover:var(--nv-fieldradio-border-default);--nv-fieldradio-border-focus:var(--components-form-field-border-error);--nv-fieldradio-background-checked:var(--components-form-field-background-error);--nv-fieldradio-focus-box-shadow:var(--color-focus-destructive);--nv-fieldradio-dot-color-checked:var(--components-form-shape-foreground-default);--nv-fieldradio-dot-color-disabled:var(--components-form-field-border-error);--nv-fieldradio-outline-color:var(--color-focus-destructive)}nv-fieldradio.label-placement-before{flex-direction:row-reverse}nv-fieldradio[disabled]{opacity:0.5}nv-fieldradio label{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:var(--form-label-font-weight);line-height:var(--form-label-line-height)}nv-fieldradio input[type=radio]{appearance:none;position:relative;display:flex;width:var(--form-radio-size);height:var(--form-radio-size);padding:var(--form-radio-inner-circle-padding);flex-direction:column;align-items:flex-start;border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-default)}nv-fieldradio input[type=radio]:hover{border-color:var(--nv-fieldradio-border-hover)}nv-fieldradio input[type=radio]:focus{border-color:var(--nv-fieldradio-border-focus)}nv-fieldradio input[type=radio]:focus,nv-fieldradio input[type=radio]:focus-within{outline:none}nv-fieldradio input[type=radio]:focus-visible,nv-fieldradio input[type=radio]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--nv-fieldradio-outline-color);outline-offset:calc(var(--focus-outline-offset) * 1);z-index:111}nv-fieldradio input[type=radio]:checked{background:var(--nv-fieldradio-background-checked);border-color:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked:hover,nv-fieldradio input[type=radio]:checked:focus{border-color:var(--nv-fieldradio-background-checked);background:var(--nv-fieldradio-background-checked)}nv-fieldradio input[type=radio]:checked::before{content:\"\";position:absolute;top:50%;right:50%;transform:translate(50%, -50%);left:0;width:var(--form-radio-inner-circle-size);height:var(--form-radio-inner-circle-size);flex-shrink:0;border-radius:var(--radius-rounded-full);background:var(--nv-fieldradio-dot-color-checked)}nv-fieldradio input[type=radio]:disabled{border-radius:var(--radius-rounded-full);border-width:var(--form-radio-border-width);border-style:solid;border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio input[type=radio]:disabled:checked::before{background:var(--nv-fieldradio-dot-color-disabled)}nv-fieldradio input[type=radio]:disabled:hover{border-color:var(--nv-fieldradio-border-default);background:var(--nv-fieldradio-background-disabled)}nv-fieldradio .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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height)}nv-fieldradio .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;font-weight:var(--form-description-font-weight);line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldradio .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
|
|
9
9
|
const NvFieldradioStyle0 = nvFieldradioCss;
|
|
10
10
|
|
|
11
11
|
const NvFieldradio = class {
|
|
@@ -87,9 +87,9 @@ const NvFieldradio = class {
|
|
|
87
87
|
/****************************************************************************/
|
|
88
88
|
//#region RENDER
|
|
89
89
|
render() {
|
|
90
|
-
return (index.h(index.Host, { key: '
|
|
91
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
92
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
90
|
+
return (index.h(index.Host, { key: 'df74694648d4d6ca117d5766871d032b0ec0fa85', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("input", { key: 'cf30fb745aba5943414e1572a8f7a42af1bf0e3d', type: "radio", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: this.checked, disabled: this.disabled }), index.h("div", { key: 'ff593d4187158ca803f5e49be365f701dc4d618d', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '25120e7e90ce5fb99f90ddca35edc54c1d73f760', htmlFor: this.inputId }, index.h("slot", { key: '557bc3204927f58c0c809870f766fdf36c701c7d', name: "label" }, this.label))), (this.description ||
|
|
91
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '9ded425c581cd60f8ef33a830b594589d83fec71', class: "description" }, index.h("slot", { key: '9554607229576afbd33da6bb95d08c7a0b354ee0', name: "description" }, this.description))), (this.errorDescription ||
|
|
92
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '4435f0d7258e3ea0124d06763ffa6a8f17e8ba15', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'd4a80a4b4ddca790a4cb65d79d5d898da4140a07', name: "error-description" }, this.errorDescription))))));
|
|
93
93
|
}
|
|
94
94
|
static get formAssociated() { return true; }
|
|
95
95
|
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-Cm4m8MM1.js');
|
|
4
4
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -335,13 +335,13 @@ const NvFieldselect = class {
|
|
|
335
335
|
* @returns {HTMLStencilElement} The HTML element to render.
|
|
336
336
|
*/
|
|
337
337
|
render() {
|
|
338
|
-
return (index.h(index.Host, { key: '
|
|
338
|
+
return (index.h(index.Host, { key: '8db3dc06b44e4db7e2a0742e601c12e18e758ce4' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'ba4f797c94d2e8155758caf61ac58ad81ec76e9c', htmlFor: this.inputId }, index.h("slot", { key: '066e33d824ae5cf44e3c7e0ca63784d945a89fff', name: "label" }, this.label))), index.h("div", { key: '0c07cf2f4628ef816e6d1e927fef0da2f822ca54', class: "select-wrapper" }, index.h("slot", { key: '53dbbfa9adc491c47896c3898a3e2004a3ee7e54', name: "before-input" }), index.h("div", { key: 'c31b867bd77008caca565d81805964da23f8330c', class: "select-container", onClick: this.handleSelectContainerClick }, index.h("slot", { key: '7be8d229d57c77ec4c02761ae8c7e8bb7238a185', name: "leading-input" }), this.internalReadonly && (index.h("input", { key: '282485f65b1a7bc5b85623d5f892cb1d83a9e99c', 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
|
|
339
339
|
? `${this.inputId}-error`
|
|
340
|
-
: `${this.inputId}-description` })), index.h("select", { key: '
|
|
340
|
+
: `${this.inputId}-description` })), index.h("select", { key: '1170c1fc05941662434a7720cf00de136969621b', id: this.inputId, ref: el => (this.selectElement = el), name: this.name, autofocus: this.autofocus, disabled: this.disabled, required: this.required, multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
|
|
341
341
|
? `${this.inputId}-error`
|
|
342
|
-
: `${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: '
|
|
343
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
344
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
342
|
+
: `${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: '349a41292a5e2c20783884b04295f3fdfd40df42', class: "select-icons" }, this.error && (index.h("nv-icon", { key: '586c197ccb0797b6e051c52e4734d06ae9fdff15', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '506fbbb4c0248ce93b9c240b0db6f7714f285e09', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: '848c3638af8d84eeb2a6b884c8e3c5aa549a053f', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), index.h("slot", { key: '77e8ed090caf243296918a2916d5964090783a10', name: "after-input" })), (this.description ||
|
|
343
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '3b6f24dc66bbca05210bc77f64ef47524d6d4460', class: "description", id: `${this.inputId}-description` }, index.h("slot", { key: '1e23487e1008b2c2c9c9208e315509be2a46eba3', name: "description" }, this.description))), (this.errorDescription ||
|
|
344
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '8073f26e95848f831b210e3a8d730458d2b62e89', class: "error-description", id: `${this.inputId}-error` }, index.h("slot", { key: '8980e5890052257fef11e0fe0b932ef933d34316', name: "error-description" }, this.errorDescription)))));
|
|
345
345
|
}
|
|
346
346
|
static get formAssociated() { return true; }
|
|
347
347
|
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-Cm4m8MM1.js');
|
|
4
4
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -695,11 +695,11 @@ const NvFieldslider = class {
|
|
|
695
695
|
/****************************************************************************/
|
|
696
696
|
//#region RENDER
|
|
697
697
|
render() {
|
|
698
|
-
return (index.h(index.Host, { key: '
|
|
698
|
+
return (index.h(index.Host, { key: '7dafd85aa9bae558c6339bacc1ab0f9ca284f252' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '5a85de0b6d1216a1cdfa27172def79c7e2d17142', htmlFor: this.startInputId }, index.h("slot", { key: '5f17b24bc70f148a70677f52dfe0be84162a675b', name: "label" }, this.label))), index.h("div", { key: '5fb5d887c5fe61febfd877876365863f0657af93', 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: '801e4189130725d5f4b3b0f116761e35a89f1236', class: "track-container" }, index.h("div", { key: 'fba52a45d3b5ba937b3e87441e17df458c490755', 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: '1530c379bac4d4d0d7ef2eb22ddabe507ace1c0a', 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 ||
|
|
699
699
|
this.description ||
|
|
700
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
700
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '032ea2e613073412908abe35fe04545d2369f04a', class: "description" }, this.success && (index.h("nv-icon", { key: 'ff7a4249402880359bc46dd07ff39acd196a7630', name: "circle-check", class: "validation", size: "md" })), index.h("slot", { key: '2fc0542506811cfc2d50eac140aae4cf97d279ea', name: "description" }, this.description))), (this.error ||
|
|
701
701
|
this.errorDescription ||
|
|
702
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
702
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'd7ac4fc356cef87c86f7bd75dd4d5b4151379cfa', class: "error-description", hidden: !this.error }, this.error && (index.h("nv-icon", { key: '598353c10d3f709fee22b44b8f831f22c2804d08', name: "alert-circle", class: "validation", size: "md" })), index.h("slot", { key: 'a426ae3e63aafeea9d74cba5baa4bbf0fb65b0d1', name: "error-description" }, this.errorDescription)))));
|
|
703
703
|
}
|
|
704
704
|
static get formAssociated() { return true; }
|
|
705
705
|
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-Cm4m8MM1.js');
|
|
4
4
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -111,9 +111,9 @@ const NvFieldtext = class {
|
|
|
111
111
|
/****************************************************************************/
|
|
112
112
|
//#region RENDER
|
|
113
113
|
render() {
|
|
114
|
-
return (index.h(index.Host, { key: '
|
|
115
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
116
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
114
|
+
return (index.h(index.Host, { key: 'c807258b41bcaada1a02abf56171f84a4dadc981' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '9ba74a42aaddc54af913d8e9a76ad596f0b0ca02', htmlFor: this.inputId }, index.h("slot", { key: '7b0c763c5034807aceaf883dc8a7097cc5d21586', name: "label" }, this.label))), index.h("div", { key: '89396cfa77b11ea2499292448f43303ec1419432', class: "input-wrapper" }, index.h("slot", { key: '0574e6280a9f8575a555ed71cb380f8d622019a3', name: "before-input" }), index.h("div", { key: 'a7822f74ded6e21992ebf15afbbcaea449195c6a', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: 'af6789b67cea21c9445bd1000fa582c092daccf6', name: "leading-input" }), index.h("input", { key: '00118f95a1555d601cf5de2b4703e064dc31250a', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: this.required, 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: '67e4fecbfd6c938e77b98416d0d6229993ec4592', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: '5f11f64460e003859fefffa904c70719ebf87a26', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '161fec1690c7672be64684c0121a802406b1d30b', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: '05d808bc7c372d5c911d03c074c89a829e42083b', name: "after-input" })), (this.description ||
|
|
115
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '07818a5aec0540a8758ccdfc32dbc15129adf5e9', class: "description" }, index.h("slot", { key: 'cc7b3a9086b4afae71c25964a92ea2ed5f07813a', name: "description" }, this.description))), (this.errorDescription ||
|
|
116
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'a313507b2c8f88c5d7304513b84f9bb360886961', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '796a5b0c0df37196a4c71bef6a35814fff1eae47', name: "error-description" }, this.errorDescription)))));
|
|
117
117
|
}
|
|
118
118
|
static get formAssociated() { return true; }
|
|
119
119
|
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-Cm4m8MM1.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
@@ -181,9 +181,9 @@ const NvFieldtextarea = class {
|
|
|
181
181
|
/****************************************************************************/
|
|
182
182
|
//#region RENDER
|
|
183
183
|
render() {
|
|
184
|
-
return (index.h(index.Host, { key: '
|
|
185
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
186
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
184
|
+
return (index.h(index.Host, { key: '8f7f14974b855a44e88a951ff0795e11e3ab7d61' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '9b438132196d7bc75cc4efdae736451bd7a23cdc', htmlFor: this.inputId }, index.h("slot", { key: 'f64e341eccefed72152326fadd9287f056842634', name: "label" }, this.label))), index.h("div", { key: '454213728d3b455d602a21653c1fc784bc411477', class: "textarea-wrapper" }, index.h("div", { key: '9ab87f44cf9622ca7c389d797a7e777eda7621d9', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: 'd8c66568fa9c581063e2b9f531f3442020d07b70', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx297c1ffe.clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
|
|
185
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '92700f5775053107569d2a2a0857c939a882debb', class: "description" }, index.h("slot", { key: 'd38ebd52d5d08ffe286acbee11e8733023c45824', name: "description" }, this.description))), (this.errorDescription ||
|
|
186
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '872008326796f477c7c48ee2e8eec60ca51135ba', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'eae9c837562d2b39bbe5813390c9bf63d86dcf36', name: "error-description" }, this.errorDescription)))));
|
|
187
187
|
}
|
|
188
188
|
static get formAssociated() { return true; }
|
|
189
189
|
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-Cm4m8MM1.js');
|
|
4
|
+
var constants23aaef7b = require('./constants-23aaef7b-Cj2b-su0.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
7
7
|
|
|
@@ -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 =
|
|
32
|
+
this.typeFocused = constants23aaef7b.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 ===
|
|
146
|
-
(_a = this.inputElements[
|
|
147
|
-
(_b = this.inputElements[
|
|
145
|
+
if (this.typeFocused === constants23aaef7b.TimeType.Hours) {
|
|
146
|
+
(_a = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
147
|
+
(_b = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
|
|
148
148
|
}
|
|
149
|
-
else if (this.typeFocused ===
|
|
150
|
-
this.typeFocused ===
|
|
151
|
-
(_c = this.inputElements[
|
|
152
|
-
(_d = this.inputElements[
|
|
149
|
+
else if (this.typeFocused === constants23aaef7b.TimeType.Minutes ||
|
|
150
|
+
this.typeFocused === constants23aaef7b.TimeType.Seconds) {
|
|
151
|
+
(_c = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
|
|
152
|
+
(_d = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
else if (event.key === 'Escape') {
|
|
156
156
|
event.preventDefault();
|
|
157
|
-
if (this.inputElements[
|
|
158
|
-
this.inputElements[
|
|
157
|
+
if (this.inputElements[constants23aaef7b.TimeType.Hours]) {
|
|
158
|
+
this.inputElements[constants23aaef7b.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
|
|
176
|
+
case constants23aaef7b.TimeType.Hours:
|
|
177
177
|
this.handleHoursChange(inputValue, type);
|
|
178
178
|
break;
|
|
179
|
-
case
|
|
179
|
+
case constants23aaef7b.TimeType.Minutes:
|
|
180
180
|
this.handleMinutesChange(inputValue, type);
|
|
181
181
|
break;
|
|
182
|
-
case
|
|
182
|
+
case constants23aaef7b.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[
|
|
339
|
-
(_b = this.inputElements[
|
|
338
|
+
(_a = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
339
|
+
(_b = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _b === void 0 ? void 0 : _b.select();
|
|
340
340
|
}
|
|
341
341
|
else if (reputedToZero) {
|
|
342
|
-
(_c = this.inputElements[
|
|
343
|
-
(_d = this.inputElements[
|
|
342
|
+
(_c = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _c === void 0 ? void 0 : _c.focus();
|
|
343
|
+
(_d = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _d === void 0 ? void 0 : _d.select();
|
|
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[
|
|
497
|
-
(_d = this.inputElements[
|
|
496
|
+
(_c = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
|
|
497
|
+
(_d = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
|
|
498
498
|
}
|
|
499
499
|
else if (reputedToZero) {
|
|
500
|
-
(_e = this.inputElements[
|
|
501
|
-
(_f = this.inputElements[
|
|
500
|
+
(_e = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _e === void 0 ? void 0 : _e.focus();
|
|
501
|
+
(_f = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _f === void 0 ? void 0 : _f.select();
|
|
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[
|
|
630
|
-
(_d = this.inputElements[
|
|
629
|
+
(_c = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _c === void 0 ? void 0 : _c.focus();
|
|
630
|
+
(_d = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _d === void 0 ? void 0 : _d.select();
|
|
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[
|
|
684
|
+
if (this.open && this.inputElements[constants23aaef7b.TimeType.Hours]) {
|
|
685
685
|
this.open = false; // Close the popover if it is open
|
|
686
686
|
}
|
|
687
|
-
else if (this.open && this.inputElements[
|
|
687
|
+
else if (this.open && this.inputElements[constants23aaef7b.TimeType.Minutes]) {
|
|
688
688
|
this.open = false; // Close the popover if it is open
|
|
689
689
|
}
|
|
690
|
-
else if (this.open && this.inputElements[
|
|
690
|
+
else if (this.open && this.inputElements[constants23aaef7b.TimeType.Seconds]) {
|
|
691
691
|
this.open = false; // Close the popover if it is open
|
|
692
692
|
}
|
|
693
|
-
else if (!this.open && this.inputElements[
|
|
694
|
-
(_a = this.inputElements[
|
|
695
|
-
(_b = this.inputElements[
|
|
693
|
+
else if (!this.open && this.inputElements[constants23aaef7b.TimeType.Hours]) {
|
|
694
|
+
(_a = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus(); // Focus will open the popover
|
|
695
|
+
(_b = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
|
|
696
696
|
}
|
|
697
|
-
else if (!this.open && this.inputElements[
|
|
698
|
-
(_c = this.inputElements[
|
|
699
|
-
(_d = this.inputElements[
|
|
697
|
+
else if (!this.open && this.inputElements[constants23aaef7b.TimeType.Minutes]) {
|
|
698
|
+
(_c = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _c === void 0 ? void 0 : _c.focus(); // Focus will open the popover
|
|
699
|
+
(_d = this.inputElements[constants23aaef7b.TimeType.Minutes]) === null || _d === void 0 ? void 0 : _d.select();
|
|
700
700
|
}
|
|
701
|
-
else if (!this.open && this.inputElements[
|
|
702
|
-
(_e = this.inputElements[
|
|
703
|
-
(_f = this.inputElements[
|
|
701
|
+
else if (!this.open && this.inputElements[constants23aaef7b.TimeType.Seconds]) {
|
|
702
|
+
(_e = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _e === void 0 ? void 0 : _e.focus(); // Focus will open the popover
|
|
703
|
+
(_f = this.inputElements[constants23aaef7b.TimeType.Seconds]) === null || _f === void 0 ? void 0 : _f.select();
|
|
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 ===
|
|
725
|
+
if (type === constants23aaef7b.TimeType.Hours) {
|
|
726
726
|
this.hours = option.toString().padStart(2, '0');
|
|
727
727
|
}
|
|
728
|
-
else if (type ===
|
|
728
|
+
else if (type === constants23aaef7b.TimeType.Minutes) {
|
|
729
729
|
this.minutes = option.toString().padStart(2, '0');
|
|
730
730
|
}
|
|
731
|
-
else if (type ===
|
|
731
|
+
else if (type === constants23aaef7b.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
|
|
782
|
+
case constants23aaef7b.TimeType.Hours:
|
|
783
783
|
return this.generateHourOptions(stepInSeconds);
|
|
784
|
-
case
|
|
784
|
+
case constants23aaef7b.TimeType.Minutes:
|
|
785
785
|
return this.generateMinuteOptions(stepInSeconds);
|
|
786
|
-
case
|
|
786
|
+
case constants23aaef7b.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[
|
|
889
|
-
(_b = this.inputElements[
|
|
888
|
+
(_a = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
889
|
+
(_b = this.inputElements[constants23aaef7b.TimeType.Hours]) === null || _b === void 0 ? void 0 : _b.select();
|
|
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 ===
|
|
980
|
-
(type ===
|
|
981
|
-
(type ===
|
|
979
|
+
'selected': (type === constants23aaef7b.TimeType.Hours && option === this.hours) ||
|
|
980
|
+
(type === constants23aaef7b.TimeType.Minutes && option === this.minutes) ||
|
|
981
|
+
(type === constants23aaef7b.TimeType.Seconds && option === this.seconds),
|
|
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: '
|
|
986
|
-
index.h("input", { key: '
|
|
987
|
-
? `${
|
|
988
|
-
:
|
|
985
|
+
return (index.h(index.Host, { key: 'a960e7daf8d9a323a55b0f248dd24f8e94321161', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '23c78f159cb32ef76d0d8b5a1171246c9c69fdb7', htmlFor: this.inputId }, index.h("slot", { key: '70b2361b44414dba4ca91b487a7b04872cc0d75d', name: "label" }, this.label))), index.h("nv-popover", { key: '80de55aa7eb0c165ed6871cb0ac6a5aec9046769', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'fcd670c6dd32e6687540ddbdaefc2808898a459f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'cea8867cee99035e97bc9ad40a7f20cf1091f415', name: "before-input" }), index.h("div", { key: 'b68a1a7477baaa3fbf39182a36fe4a693e29a688', class: "input-container" }, index.h("slot", { key: '3bb50bb3ad0207ded63bddfff6b5c5afda7ddfd4', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
|
|
986
|
+
index.h("input", { key: '236b3a8067f50c443a117e6b3e8e4b882a84eb01', ref: el => (this.inputElements[constants23aaef7b.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constants23aaef7b.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constants23aaef7b.TimeType.Hours), name: this.name
|
|
987
|
+
? `${constants23aaef7b.TimeType.Hours}-${this.name}`
|
|
988
|
+
: constants23aaef7b.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
|
|
989
989
|
], this.format.includes('mm') && [
|
|
990
|
-
index.h("span", { key: '
|
|
991
|
-
index.h("input", { key: '
|
|
992
|
-
? `${
|
|
993
|
-
:
|
|
990
|
+
index.h("span", { key: '2440acab80a0d91ebe758f5a329ac5d805a18f9a' }, ":"),
|
|
991
|
+
index.h("input", { key: '72bc71a8bce65be766c899738745d85da7ef3530', ref: el => (this.inputElements[constants23aaef7b.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constants23aaef7b.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constants23aaef7b.TimeType.Minutes), name: this.name
|
|
992
|
+
? `${constants23aaef7b.TimeType.Minutes}-${this.name}`
|
|
993
|
+
: constants23aaef7b.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
|
|
994
994
|
], this.format.includes('ss') && [
|
|
995
|
-
index.h("span", { key: '
|
|
996
|
-
index.h("input", { key: '
|
|
997
|
-
? `${
|
|
998
|
-
:
|
|
999
|
-
], index.h("nv-iconbutton", { key: '
|
|
1000
|
-
this.RenderTimeOptionsColumn(
|
|
1001
|
-
this.RenderTimeOptionsColumn(
|
|
1002
|
-
this.RenderTimeOptionsColumn(
|
|
1003
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
1004
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
995
|
+
index.h("span", { key: '0afdff59b999c346b455ed7408332d087ae48b12' }, ":"),
|
|
996
|
+
index.h("input", { key: '0ecf4b18af18b6184e0ccdd00ddea561ee403195', ref: el => (this.inputElements[constants23aaef7b.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constants23aaef7b.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constants23aaef7b.TimeType.Seconds), name: this.name
|
|
997
|
+
? `${constants23aaef7b.TimeType.Seconds}-${this.name}`
|
|
998
|
+
: constants23aaef7b.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
|
|
999
|
+
], index.h("nv-iconbutton", { key: '2d3d19d683d85110df8aab9d7c70fb377b189381', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: '8b49cb73821fea8926ede8406019fa68baa8500e', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '372b8e95455c269a988257f2504fc24c680d7f4b', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '9e23fd13862e6218cd7213729b3e165ae74fe2eb', name: "after-input" })), index.h("div", { key: 'c5b99d58c96a055ea8aeade81fb5d75490421716', class: "time-dropdown", slot: "content" }, index.h("div", { key: '2bcee9fa41574db70850445bba4d4041c9471a46', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
|
|
1000
|
+
this.RenderTimeOptionsColumn(constants23aaef7b.TimeType.Hours), this.format.includes('mm') &&
|
|
1001
|
+
this.RenderTimeOptionsColumn(constants23aaef7b.TimeType.Minutes), this.format.includes('ss') &&
|
|
1002
|
+
this.RenderTimeOptionsColumn(constants23aaef7b.TimeType.Seconds)))), (this.description ||
|
|
1003
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '822534262bb1769294be95c1a240a2753d556e1c', class: "description" }, index.h("slot", { key: '62489b82bee33610b55dfa4c2f9997b5d68b6bfe', name: "description" }, this.description))), (this.errorDescription ||
|
|
1004
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '9cedb395a09c4243c7c714574ad8d41b6a836fbb', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '7b8802739ad74756f2843dd8807afe6abda92831', name: "error-description" }, this.errorDescription)))));
|
|
1005
1005
|
}
|
|
1006
1006
|
static get formAssociated() { return true; }
|
|
1007
1007
|
get el() { return index.getElement(this); }
|