@nova-design-system/nova-react 3.29.0 → 3.30.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 +33 -1
- package/dist/cjs/index-DXwd3F_r.js +10391 -0
- package/dist/cjs/index.js +7 -1
- package/dist/cjs/{nv-accordion-item.entry-D1o0gC5w.js → nv-accordion-item.entry-CTbduehY.js} +3 -3
- package/dist/cjs/{nv-accordion.entry-DYJtq9Az.js → nv-accordion.entry-DeaPwIUP.js} +2 -2
- package/dist/cjs/{nv-alert.entry-CMtCdHmk.js → nv-alert.entry-B5k8RXXD.js} +8 -8
- package/dist/cjs/{nv-avatar.entry-B6e7aG4W.js → nv-avatar.entry-CJh9bGfN.js} +8 -8
- package/dist/cjs/{nv-badge_2.entry-RD3j0bJM.js → nv-badge_2.entry-BnPPW4rW.js} +5 -5
- package/dist/cjs/{nv-breadcrumb.entry-DgpqY2fr.js → nv-breadcrumb.entry-DS5GJVCJ.js} +2 -2
- package/dist/cjs/{nv-breadcrumbs.entry-CZgcDUw5.js → nv-breadcrumbs.entry-CJ835Ba8.js} +2 -2
- package/dist/cjs/{nv-button.entry-DR9NaRxG.js → nv-button.entry-8U0o_X3d.js} +7 -7
- package/dist/cjs/{nv-buttongroup.entry-qO8r7WqG.js → nv-buttongroup.entry-D5I5d9y0.js} +2 -2
- package/dist/cjs/{nv-calendar.entry-DRlv3Xph.js → nv-calendar.entry-C0ggIM3A.js} +9 -9
- package/dist/cjs/{nv-col.entry-B7utJttP.js → nv-col.entry-tIk723nS.js} +2 -2
- package/dist/cjs/{nv-datagrid.entry-digYmlnA.js → nv-datagrid.entry-Cal_usTi.js} +8 -8
- package/dist/cjs/{nv-datagridcolumn.entry-UwaDi-Hr.js → nv-datagridcolumn.entry-BLbpwW7Q.js} +2 -2
- package/dist/cjs/{nv-datetest.entry-BJtWaM2T.js → nv-datetest.entry-NQzySOox.js} +2 -2
- package/dist/cjs/{nv-datetimetest.entry-WaNPcHxh.js → nv-datetimetest.entry-Br6j4eAR.js} +1 -1
- package/dist/cjs/{nv-dialog.entry-BI_mFT2G.js → nv-dialog.entry-GTDQJaoQ.js} +3 -3
- package/dist/cjs/{nv-dialogfooter_2.entry-DU2ClBUR.js → nv-dialogfooter_2.entry-CHY36NHl.js} +6 -6
- package/dist/cjs/{nv-drawer.entry-BKF4CyOt.js → nv-drawer.entry-C-TZDi4-.js} +3 -3
- package/dist/cjs/{nv-drawerfooter_2.entry-BSyUs7_4.js → nv-drawerfooter_2.entry-DTY4qAnd.js} +6 -6
- package/dist/cjs/{nv-fieldcheckbox.entry-l5FWToQi.js → nv-fieldcheckbox.entry-Qf4gdEnq.js} +5 -5
- package/dist/cjs/{nv-fielddate.entry-BfviesNp.js → nv-fielddate.entry-D1aJmKbh.js} +7 -7
- package/dist/cjs/{nv-fielddaterange.entry-BvDkPLXG.js → nv-fielddaterange.entry-Vc-gHwf8.js} +7 -7
- package/dist/cjs/{nv-fielddropdown.entry-B-nYjuMt.js → nv-fielddropdown.entry-BVVsM71m.js} +5 -5
- package/dist/cjs/{nv-fielddropdownitem.entry-Dxqyb9DN.js → nv-fielddropdownitem.entry-DTRonCZJ.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-CgO1RP0W.js → nv-fieldmultiselect.entry-Cvsh_jn7.js} +1 -1
- package/dist/cjs/{nv-fieldnumber.entry-stgdLi7x.js → nv-fieldnumber.entry-jVFZ0wj3.js} +5 -5
- package/dist/cjs/{nv-fieldpassword.entry-CHA3JAUd.js → nv-fieldpassword.entry-CQKbWqMe.js} +5 -5
- package/dist/cjs/{nv-fieldradio.entry-DHavVjB-.js → nv-fieldradio.entry-FPGOqFBo.js} +4 -4
- package/dist/cjs/{nv-fieldselect.entry-Dq5AsOFt.js → nv-fieldselect.entry-DJmW4pff.js} +6 -6
- package/dist/cjs/{nv-fieldslider.entry-SlF3BBUW.js → nv-fieldslider.entry-D71HjSto.js} +4 -4
- package/dist/cjs/{nv-fieldtext.entry-BYCc8SyD.js → nv-fieldtext.entry-BxgbvxEW.js} +5 -5
- package/dist/cjs/{nv-fieldtextarea.entry-96JCOb9L.js → nv-fieldtextarea.entry-BDS37zhJ.js} +4 -4
- package/dist/cjs/{nv-fieldtime.entry-BdzjxkaK.js → nv-fieldtime.entry-DkWokxdT.js} +44 -44
- package/dist/cjs/{nv-icon.entry-CSRxi6BH.js → nv-icon.entry-CUemAv89.js} +8 -8
- package/dist/cjs/{nv-iconbutton_2.entry-BtDxwMFD.js → nv-iconbutton_2.entry-BLdJr3QV.js} +3 -3
- package/dist/cjs/{nv-menu.entry-aX39SPH8.js → nv-menu.entry-z4cDNCeX.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-DzSp52G2.js → nv-menuitem.entry-4XdONuGl.js} +2 -2
- package/dist/cjs/{nv-notification-bullet.entry-D2yOXj46.js → nv-notification-bullet.entry-B1EK4G_X.js} +1 -1
- package/dist/cjs/{nv-notification.entry-BRXHbtT8.js → nv-notification.entry-BBAQ72f7.js} +19 -19
- package/dist/cjs/{nv-notificationcontainer.entry-YNIM2_ah.js → nv-notificationcontainer.entry-CtFunFA9.js} +2 -2
- package/dist/cjs/{nv-pagination-nav.entry-uY1nT9aT.js → nv-pagination-nav.entry-DbzEBjoa.js} +2 -2
- package/dist/cjs/{nv-paginationtable.entry-mr5KYXVC.js → nv-paginationtable.entry-DRGsk0DH.js} +19 -3
- package/dist/cjs/{nv-popover.entry-_9ARKM70.js → nv-popover.entry-w9o3Y_vT.js} +2 -2
- package/dist/cjs/{nv-row.entry-BMQvcqlU.js → nv-row.entry-Cop4QB1Y.js} +2 -2
- package/dist/cjs/nv-sidebar.entry-96HyTMt9.js +355 -0
- package/dist/cjs/{nv-sidebarcontent.entry-llnRwVuj.js → nv-sidebarcontent.entry-RCkZZp9I.js} +2 -2
- package/dist/cjs/{nv-sidebardivider.entry--rQv8d5T.js → nv-sidebardivider.entry-DY25WqI7.js} +2 -2
- package/dist/cjs/{nv-sidebarfooter.entry-C5R0sUI_.js → nv-sidebarfooter.entry-9BFpNPLP.js} +2 -2
- package/dist/cjs/{nv-sidebargroup.entry-DdrpLbU7.js → nv-sidebargroup.entry-Cj52DXba.js} +2 -2
- package/dist/cjs/{nv-sidebarheader.entry-HuBPIsyf.js → nv-sidebarheader.entry-_WZgNwoi.js} +2 -2
- package/dist/cjs/{nv-sidebarlogo.entry-TZNPoqnA.js → nv-sidebarlogo.entry-4Zy6k3V5.js} +2 -2
- package/dist/cjs/{nv-sidebarnavitem.entry-BWc3mF5I.js → nv-sidebarnavitem.entry-fQ9sqxDj.js} +3 -3
- package/dist/cjs/{nv-sidebarnavsubitem.entry-DekANwO8.js → nv-sidebarnavsubitem.entry-1iBobkME.js} +2 -2
- package/dist/cjs/{nv-split.entry-BOwOB8FW.js → nv-split.entry-Dfzpge0r.js} +2 -2
- package/dist/cjs/{nv-stack.entry-CaTiSLGN.js → nv-stack.entry-BnCput1S.js} +2 -2
- package/dist/cjs/nv-statusindicator.entry-ClPHcTkz.js +42 -0
- package/dist/cjs/{nv-table.entry-LFZaS0Dy.js → nv-table.entry-DsllD6Bz.js} +3 -3
- package/dist/cjs/{nv-tableheader.entry-CK50S8xW.js → nv-tableheader.entry-AWCKrpLj.js} +2 -2
- package/dist/cjs/nv-tag.entry-BwENpoSV.js +85 -0
- package/dist/cjs/{nv-timetest.entry-A9elKwkf.js → nv-timetest.entry-BQsV7Qb2.js} +2 -2
- package/dist/cjs/{nv-toggle.entry-BGu-6rEs.js → nv-toggle.entry-a0tSJ6GE.js} +3 -3
- package/dist/cjs/{nv-togglebutton.entry-BzAcBOgN.js → nv-togglebutton.entry-CT8fZr74.js} +2 -2
- package/dist/cjs/{nv-togglebuttongroup.entry-CIWp7IXc.js → nv-togglebuttongroup.entry-BN7WkQ_L.js} +2 -2
- package/dist/cjs/{nv-tooltip.entry-CoGkSHpv.js → nv-tooltip.entry-xpFqRgZM.js} +2 -2
- package/dist/components/NvDatatable/NvDatatable.js +176 -59
- 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 +20 -1
- package/dist/generated/components.server.js +31 -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 +16 -1
- package/dist/types/generated/components.d.ts +12 -1
- package/dist/types/generated/components.server.d.ts +12 -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
package/dist/cjs/{nv-drawerfooter_2.entry-BSyUs7_4.js → nv-drawerfooter_2.entry-DTY4qAnd.js}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
4
|
-
var
|
|
3
|
+
var index = require('./index-DXwd3F_r.js');
|
|
4
|
+
var constantsGOKBmbgZ = require('./constants-gOKBmbgZ-CSoZ8z-G.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-dom');
|
|
@@ -85,15 +85,15 @@ const NvDrawerfooter = class {
|
|
|
85
85
|
// Set the default button type based on the form property
|
|
86
86
|
if (!this.primaryButtonType) {
|
|
87
87
|
this.primaryButtonRef.type = this.form
|
|
88
|
-
?
|
|
89
|
-
:
|
|
88
|
+
? constantsGOKBmbgZ.ButtonType.Submit
|
|
89
|
+
: constantsGOKBmbgZ.ButtonType.Button;
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
//#endregion LIFECYCLE
|
|
93
93
|
/****************************************************************************/
|
|
94
94
|
//#region RENDER
|
|
95
95
|
render() {
|
|
96
|
-
return (index.h(index.Host, { key: '
|
|
96
|
+
return (index.h(index.Host, { key: '2ade4dcb3320ee8c514733ec13ba426b3ac4aaf5' }, index.h("slot", { key: '8fb3bcd6539645049053168f079f44e213b54877' }, index.h(index.Fragment, { key: 'f6a2466e843703f36d347e5863e714a147f8bc9b' }, !this.undismissable && (index.h("nv-button", { key: '7d4bbfc76ffd9164f02fde26a10d7261ff239d23', onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.h("nv-button", { key: 'a05c968d24da7c3fe320dfb74d0a88d4d6fa9f3b', ref: el => (this.primaryButtonRef = el), onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (index.h("nv-icon", { key: 'a352b063ac4ca57fef730182462dea3c73d8203d', slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { key: 'bf249ca468d0e382723a28a3bbc730ed9c6defea', slot: "trailing-icon", name: this.trailingIcon, size: "sm" })))))));
|
|
97
97
|
}
|
|
98
98
|
static get formAssociated() { return true; }
|
|
99
99
|
get el() { return index.getElement(this); }
|
|
@@ -120,7 +120,7 @@ const NvDrawerheader = class {
|
|
|
120
120
|
/****************************************************************************/
|
|
121
121
|
//#region RENDER
|
|
122
122
|
render() {
|
|
123
|
-
return (index.h(index.Host, { key: '
|
|
123
|
+
return (index.h(index.Host, { key: 'a16aa0062df9ec7e2ddf452c5576575f14cdbb0b' }, index.h("slot", { key: '10d3c3d716e5c9f1c12c9e93d16bbfd30c8091dd' }, index.h(index.Fragment, { key: '2c4c2355b6974083fff08adf6291c33f1bf2a918' }, index.h("div", { key: '380dd38b59960f9f252e05c98496bf51b7a70f94', class: "heading" }, this.heading), index.h("div", { key: 'fb0565032b9988752837b25a9344be9c3f0957fe', class: "subheading" }, this.subheading)))));
|
|
124
124
|
}
|
|
125
125
|
get el() { return index.getElement(this); }
|
|
126
126
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DXwd3F_r.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');
|
|
@@ -156,15 +156,15 @@ const NvFieldcheckbox = class {
|
|
|
156
156
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
157
157
|
: undefined;
|
|
158
158
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
159
|
-
return (index.h(index.Host, { key: '
|
|
159
|
+
return (index.h(index.Host, { key: 'cf30010511c7bdc27cb609f2a8ce939587c2464a', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("div", { key: '0cc70966eac1bb25c3d74f8cacdc0bb7f1f4a67f', class: "input-container" }, index.h("input", { key: '7ecb777e9a6ee8b4ec0dba7ba544d645e2d7151e', type: "checkbox", id: this.inputId, name: this.name, autofocus: this.autofocus, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly && !useNativeRequired, required: useNativeRequired ? this.required : undefined, tabindex: this.el.tabIndex, ...(ariaRequiredValue !== undefined && {
|
|
160
160
|
'aria-required': String(ariaRequiredValue),
|
|
161
161
|
}), indeterminate: this.indeterminate, ref: el => {
|
|
162
162
|
if (el) {
|
|
163
163
|
el.indeterminate = this.indeterminate;
|
|
164
164
|
}
|
|
165
|
-
} }), index.h("span", { key: '
|
|
166
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
167
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
165
|
+
} }), index.h("span", { key: 'b59ba654a3955d6620d70148522dce20be9599c5', class: "icon" }, this.checked && !this.indeterminate && (index.h("slot", { key: '275628f6c03bf7ee640d5732556e22912ce4fe0d', name: "checked-icon" }, index.h("svg", { key: 'd2c8d55cdef913b32e34955bd82cd78d4af15afd', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: '0c43dea52342adf873b83d6e9d801b477cb383be', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (index.h("slot", { key: 'a31a5276a5b950cfc7f4e66f560c6568118ef7d9', name: "indeterminate-icon" }, index.h("svg", { key: 'af5cec22670fb50c45c03cd2ac127fc2584293af', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: '8d78986ffb6be73c3cc81adb77fe5ff7948fe263', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("slot", { key: '1e240e12effef23f8f3d78eabaa7828a7cbb80a2' }), index.h("div", { key: 'd33b034460a714a67a7f403c26f3e87ff2c68138', class: "text-container" }, index.h("slot", { key: '05902b1b4af52b5f9c5139e5313fb4a93be7271b', name: "main" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '41914073c3c0341dfb71ef0ceaaf6640930b0fb7', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'bc59332c91966fdc3943fe426dca3cadc33d28d4', name: "label" }, this.label))), (this.description ||
|
|
166
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '24f02b9d567ca21ddbbb4081835397c0a902b9f6', class: "description" }, index.h("slot", { key: '8b720bd362a70edde6ff1a8e886084364fff8559', name: "description" }, this.description)))), (this.errorDescription ||
|
|
167
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '7b969200e549177205d23aa8841b9c301d617ed1', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '103cb6bafca0867bf36b87dce97e9bf6cb29a1b8', name: "error-description" }, this.errorDescription))))));
|
|
168
168
|
}
|
|
169
169
|
static get formAssociated() { return true; }
|
|
170
170
|
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-DXwd3F_r.js');
|
|
4
4
|
var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
@@ -404,15 +404,15 @@ const NvFielddate = class {
|
|
|
404
404
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
405
405
|
: undefined;
|
|
406
406
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
407
|
-
return (index.h(index.Host, { key: '
|
|
408
|
-
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '
|
|
407
|
+
return (index.h(index.Host, { key: '8a52688bd6a8739256310a59a7e78f6ac80598f2' }, ((this.label && this.label.length > 0) ||
|
|
408
|
+
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '467bba7d225fe472f832226e39c03f2ccb32ce09', htmlFor: this.inputId }, index.h("slot", { key: 'c372e4c061d7708c10c66beb663dcc1acd6749c4', name: "label" }, this.label))), index.h("nv-popover", { key: '6019c2d41926414f7cb22d9c468c9102d376a192', ref: this.setPopoverRef, id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '468aca7a419ee74bc06a33b6db1828d9f4d879d7', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '7719e96c033ce988c2eb2a140933d41f6e0274f1', name: "before-input" }), index.h("div", { key: 'c9280aa0e17cbc7b11cfdf15523c2c02d7e21d7b', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '52a01c9fc92bf40435faf13b0492aab64d585adf', name: "leading-input" }), index.h("input", { key: '98701b6adb0eb857ed2411a96402874b41485055', id: this.inputId, ref: this.setInputRef, placeholder: this.placeholder ||
|
|
409
409
|
this.convertToInputmaskFormat(this.dateFormat), name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
410
410
|
'aria-required': String(ariaRequiredValue),
|
|
411
|
-
}), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (index.h("nv-icon", { key: '
|
|
411
|
+
}), autofocus: this.autofocus, onInput: this.handleInput, onFocus: this.handleFocus, "data-scope": "date" }), this.error && (index.h("nv-icon", { key: 'ce78e8ecefe12547f34304229201e4a2f7b313d6', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '512a15dca24742c33005e9beab9a4bafcd5c473e', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '4ed638a61d62ce44b94effb942f3eab98d37c871', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
|
|
412
412
|
,
|
|
413
|
-
size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '
|
|
414
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
415
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
413
|
+
size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '0cb23a55e9d8ac474f1c479d41ea95563cbe7a74', name: "after-input" })), index.h("div", { key: '62dfe1673077745f6cc90eb74d56ce00d11efa42', slot: "content" }, index.h("nv-calendar", { key: '033ad7d2c066741fb2178538da8b286c303b3f0f', onSingleDateChange: this.handleSingleDateChange.bind(this), dateFormat: this.dateFormat, singleValue: this.singleValue, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, onValueChanged: this.handleCalendarValueChanged }))), ((this.description && this.description.length > 0) ||
|
|
414
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'de333761b2cf725bbad48263c9b2f3b43d35e25d', class: "description" }, index.h("slot", { key: '9d10b90345e035fbf7b5cd1e8698f14560e704d5', name: "description" }, this.description))), (this.errorDescription ||
|
|
415
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '41ffe913883404441173d962461c5af824e4e27b', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '0fb13823bd0fe37d1a1040cc1d6ef0b54982fa4c' })));
|
|
416
416
|
}
|
|
417
417
|
get el() { return index.getElement(this); }
|
|
418
418
|
static get watchers() { return {
|
package/dist/cjs/{nv-fielddaterange.entry-BvDkPLXG.js → nv-fielddaterange.entry-Vc-gHwf8.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DXwd3F_r.js');
|
|
4
4
|
var inputmaskCSo292ul = require('./inputmask-CSo292ul-DlvupPk6.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
@@ -561,16 +561,16 @@ const NvFielddaterange = class {
|
|
|
561
561
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
562
562
|
: undefined;
|
|
563
563
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
564
|
-
return (index.h(index.Host, { key: '
|
|
565
|
-
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '
|
|
564
|
+
return (index.h(index.Host, { key: '72eedbcf2b8150af17a0e13a86c64052b549df4f' }, ((this.label && this.label.length > 0) ||
|
|
565
|
+
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '2d507287369342d26069438f814d2247f69a6eeb', htmlFor: this.startInputId }, index.h("slot", { key: 'f71c2562185885caaf171cdcc0d1a45a5a7c96bc', name: "label" }, this.label))), index.h("nv-popover", { key: '347378adcbad2af070de86932df99ea76a4f90d8', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '999dd22805ca2b00fa6199361eccd72017aa99a9', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: 'ef74ae9271a4f27361fe4f86c721e53f5e4db338', name: "before-input" }), index.h("div", { key: '902ee11f0a85ce865de1b79f1e16e24f23acc696', class: "input-container" }, index.h("slot", { key: '353d326f48cf52c804216c5a4d693ad15c756eda', name: "leading-input" }), index.h("div", { key: 'f573a6474e1ffb54eac8dcff4b4ce809a72106b2', class: "range-inputs" }, index.h("input", { key: '0f68addf68a4bd26d9376b4cad6473330c463b1d', id: this.startInputId, type: "text", placeholder: this.startPlaceholder ||
|
|
566
566
|
this.convertToInputmaskFormat(this.dateFormat), name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
567
567
|
'aria-required': String(ariaRequiredValue),
|
|
568
|
-
}), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), index.h("div", { key: '
|
|
568
|
+
}), autofocus: this.autofocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus, "data-scope": "date-range" }), index.h("div", { key: '7c4dea3b2844f542d09c5343890a057a198b8959', class: "range-separator" }), index.h("input", { key: 'e865a043d22ae844705c398bc989d76f03ba134b', id: this.endInputId, type: "text", placeholder: this.endPlaceholder ||
|
|
569
569
|
this.convertToInputmaskFormat(this.dateFormat), name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
570
570
|
'aria-required': String(ariaRequiredValue),
|
|
571
|
-
}), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (index.h("nv-icon", { key: '
|
|
572
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
573
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
571
|
+
}), value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus, "data-scope": "date-range" })), this.error && (index.h("nv-icon", { key: '2487913e0ca5887989d59ecf36b54597d825f519', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '16fd2d6a50045042e92327c73af572e0569f5538', name: "circle-check", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: 'e1e8024fd38d402e774d33ea46e81217680e81f1', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'fb7bb98c40a92294cb8dae80b2148ac21c032389', name: "after-input" })), index.h("div", { key: '93537a1973acddbec91a051fd75d59da68851e0f', slot: "content" }, index.h("nv-calendar", { key: 'abbf6ec3e5934fe4e8d0e5bab097633b5dca1f13', ref: el => (this.calendarElement = el), onRangeDateChange: this.handleRangeDateChange.bind(this), onValueChanged: this.handleCalendarValueChanged.bind(this), onSingleDateChange: this.handleCancelDateChange.bind(this), dateFormat: this.dateFormat, value: this.value, firstDayOfWeek: this.firstDayOfWeek, numberOfCalendars: this.numberOfCalendars, min: this.min, max: this.max, locale: this.locale, shortcutsPlacement: this.shortcutsPlacement, showActions: this.showActions, shortcuts: this.shortcuts, showWeekNumbers: this.showWeekNumbers, disabledDates: this.disabledDates, selectionType: "range", "data-prevent-navigation": "true" }))), ((this.description && this.description.length > 0) ||
|
|
572
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '4783e7960e12b88d183f72b63e8f96d4d71b1a49', class: "description" }, index.h("slot", { key: '2f33e315d94e9fadb05d2d83b6291a93815f3b04', name: "description" }, this.description))), (this.errorDescription ||
|
|
573
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '4acabd61332b519bd969feea19736a5dd9664f9d', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '6fe455b36e2ae0288a1d202057414da2450fc8ca' })));
|
|
574
574
|
}
|
|
575
575
|
get el() { return index.getElement(this); }
|
|
576
576
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DXwd3F_r.js');
|
|
4
4
|
var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
@@ -655,11 +655,11 @@ const NvFielddropdown = class {
|
|
|
655
655
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
656
656
|
: undefined;
|
|
657
657
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
658
|
-
return (index.h(index.Host, { key: '
|
|
658
|
+
return (index.h(index.Host, { key: 'a0a129aeee7140680b618e20e0ba2557835d3aee', role: "combobox", "aria-expanded": this.open.toString(), "aria-haspopup": "listbox", "aria-label": this.label }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'e84b1cb668cc910b8fe4f81a4939eb6109829983', htmlFor: this.inputId, onClick: this.syncToggleDropdown.bind(this) }, index.h("slot", { key: 'b1e59b97c865e87559f7bad61019a05184d27623', name: "label" }, this.label))), index.h("nv-popover", { key: '31e5b57856dfb48b5c6f212f0f29a95b05eefe06', triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("div", { key: 'b828839bf1b2c957afee3aaa1a9c9faf34c15bce', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'a0d2cc5c6806ed2694310b2e20fa5d4d218194e1', name: "before-input" }), index.h("div", { key: '812cbc43ba84748db9cbc49eb0f0c22995ac0285', class: "input-container" }, index.h("slot", { key: '0e79dfcd550c09a9cf45ed9cdae36e15a72be285', name: "leading-input" }), this.filterable || this.disabled || this.readonly ? (index.h("input", { "data-scope": "focusable", id: this.inputId, type: "search", ref: e => (this.inputElement = e), autofocus: this.autofocus, autocomplete: this.autocomplete, placeholder: this.placeholder, name: this.name, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
659
659
|
'aria-required': String(ariaRequiredValue),
|
|
660
|
-
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (index.h("nv-iconbutton", { key: '
|
|
661
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
662
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
660
|
+
}), disabled: this.disabled, readOnly: this.readonly, onInput: this.handleFilterInput })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, ref: el => (this.selectElement = el), class: "non-filterable-text", tabIndex: this.disabled ? -1 : 0 }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && (index.h("nv-iconbutton", { key: 'd84df53cffb3eb54d8263f8b83ea325e1806d036', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter.bind(this), "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: 'aa47af71684d1143d49acea9f652a75af721ea42', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: 'b3b4f616bfa69a0ec169d38bc4a5997a25bb752a', "data-scope": "toggle-dropdown", ref: el => (this.toggleElement = el), name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', onClick: this.syncToggleDropdown.bind(this), tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '1186748c136a4738a40bedbd9d4e55ce34d43600', name: "after-input" })), index.h("div", { key: 'af5fd84039c5a319b0301e41d42eca46ec599a6d', slot: "content", style: this.maxHeight ? { maxHeight: this.maxHeight } : {} }, this.options?.length > 0 && (index.h("ul", { key: 'b28fae6234d2b5a6d5a350fc91070f2a59c19939' }, this.options.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))), index.h("slot", { key: '1036fac674f016670b916c09f7892d1600c3998a', name: "content" }))), (this.description ||
|
|
661
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'a047c7a480de216be1c83f84e7f52220cc174cc6', class: "description" }, index.h("slot", { key: '01a54b2fd7f5086c7c7247d5b11628e3012d63dd', name: "description" }, this.description))), (this.errorDescription ||
|
|
662
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '4cff548c666ea082738bd7f66878c564126dc60c', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '553170d5254e4841d91eee119756a5466663c5c0', name: "error-description" }, this.errorDescription)))));
|
|
663
663
|
}
|
|
664
664
|
static get formAssociated() { return true; }
|
|
665
665
|
get el() { return index.getElement(this); }
|
package/dist/cjs/{nv-fielddropdownitem.entry-Dxqyb9DN.js → nv-fielddropdownitem.entry-DTRonCZJ.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DXwd3F_r.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -60,7 +60,7 @@ const NvFielddropdownitem = class {
|
|
|
60
60
|
/****************************************************************************/
|
|
61
61
|
//#region RENDER
|
|
62
62
|
render() {
|
|
63
|
-
return (index.h(index.Host, { key: '
|
|
63
|
+
return (index.h(index.Host, { key: '9931decf5664d77d8c164859bc4046ca313e13a9', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: '21c6457187f8d5d561e2783b212d5230e85a8f8c' }, index.h("div", { key: '751615833fcb1d200abd526d9c80822d7bda30b4', class: "text-wrapper" }, index.h("span", { key: '67a7bcb31cdf32eee18e419e85f28b53b74a4f82', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: '09b1b6f5366f89ca8d03fe51738c627b899bb454', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
|
|
64
64
|
}
|
|
65
65
|
get el() { return index.getElement(this); }
|
|
66
66
|
};
|
package/dist/cjs/{nv-fieldmultiselect.entry-CgO1RP0W.js → nv-fieldmultiselect.entry-Cvsh_jn7.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DXwd3F_r.js');
|
|
4
4
|
var i18n_utilsCR9MpYzU = require('./i18n.utils-CR9MpYzU-ku0bScip.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DXwd3F_r.js');
|
|
4
4
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
@@ -170,11 +170,11 @@ const NvFieldnumber = class {
|
|
|
170
170
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
171
171
|
: undefined;
|
|
172
172
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
173
|
-
return (index.h(index.Host, { key: '
|
|
173
|
+
return (index.h(index.Host, { key: 'bd60dd6875bab03a11f68c8cdeb40503dd11387b' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '9b11d71766cb20870e42e3d86509c30ec0bbc1df', htmlFor: this.inputId }, index.h("slot", { key: 'b1b84003346a9d9240a9a2072629701545eb8a4e', name: "label" }, this.label))), index.h("div", { key: 'de3100bb6e5d0befca657857b5011929621c0856', class: "input-wrapper" }, index.h("slot", { key: 'ae056ee9445d741e449ad926b998614e45268dd1', name: "before-input" }), index.h("div", { key: 'ec029f917a8472d207776b279e2a9ae2ed3c87d2', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '3156846b24658fb8b033345038ba8a19e5ed39cf', name: "leading-input" }), index.h("input", { key: '9978de0b82a67650629ccedc7f400d7f3e17810f', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: "number", autofocus: this.autofocus, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
174
174
|
'aria-required': String(ariaRequiredValue),
|
|
175
|
-
}), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), index.h("slot", { key: '
|
|
176
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
177
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
175
|
+
}), max: this.max, min: this.min, step: this.step, value: typeof this.value === 'number' ? this.value : undefined, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput }), index.h("slot", { key: '6a65f9360ac4aae869f47a386f964d7121ee62b7', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: '3f6d5f2ac11907170c57fffa8e080adaa9f2445d', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'f47db690daa520fe1611a72ef52bd4e8824843e0', name: "circle-check", class: "validation", size: "md" })), index.h("div", { key: '97d545f25f81e0089fadd33c53caf38aa8dbda85', class: "stepper" }, index.h("nv-iconbutton", { key: 'fa6e78061e8f90564aaed2416ee27996cbddf794', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), index.h("nv-iconbutton", { key: 'efca8a29e9c5af8136ab557744e9642b60717915', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), index.h("slot", { key: 'b99033fd0ecfbca1c791e1f0ad867fab41fc2716', name: "after-input" })), (this.description ||
|
|
176
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'fd843a1bb551f1d706de5045658356582667048d', class: "description" }, index.h("slot", { key: 'e9e1699a36a6485063eb4d90f920b1b48a03c280', name: "description" }, this.description))), (this.errorDescription ||
|
|
177
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '7216797fc4a37dee59086111e9160401f5567c09', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '93cee823eec935644372d062db6cd009a2f16357', name: "error-description" }, this.errorDescription)))));
|
|
178
178
|
}
|
|
179
179
|
static get formAssociated() { return true; }
|
|
180
180
|
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-DXwd3F_r.js');
|
|
4
4
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
@@ -148,11 +148,11 @@ const NvFieldpassword = class {
|
|
|
148
148
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
149
149
|
: undefined;
|
|
150
150
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
151
|
-
return (index.h(index.Host, { key: '
|
|
151
|
+
return (index.h(index.Host, { key: 'e24affee3586427a9d7b2dbf2205dc4ac62b7491' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '3ce9065dc2d72992d5c6e3e856df4c1447717ed2', htmlFor: this.inputId }, index.h("slot", { key: 'ed16a44bfdcf67f371d0a1f083bc0d6e6009350b', name: "label" }, this.label))), index.h("div", { key: 'b43e17d340383e0b70bcb4fb5fa061d479baf46a', class: "input-wrapper" }, index.h("slot", { key: '2f101c6bf63c88fc4a6ad8aee5622097c133245b', name: "before-input" }), index.h("div", { key: '37fe8f5efd8f4374b9a237f4f5d1ebe9af9f6e05', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '4ca0f2ce27bded082e2fe49598ef6310db1ac0b3', name: "leading-input" }), index.h("input", { key: '302e86558f7843f44486b47987d37df6ac7f50ac', 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: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
|
|
152
152
|
'aria-required': String(ariaRequiredValue),
|
|
153
|
-
}), 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: '
|
|
154
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
155
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
153
|
+
}), 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: 'c8874ce153ceddb132f9be42178bd3ff150005d2', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (index.h("nv-iconbutton", { key: '90b7e1f592e67ea60194b581931fa842af695ef4', 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: '71add973e9ce73cc172d074492a9dbb2c20caaf9', name: "after-input" })), (this.description ||
|
|
154
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'c2d8551e86c028619f2c7c810597353df24cf83a', class: "description" }, index.h("slot", { key: '8ebe471324eba4eb9734ccd5a3aa600cc44512d9', name: "description" }, this.description))), (this.errorDescription ||
|
|
155
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '71d0c4737a51c030ba8ca859d1fd0b26d5a48772', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '70e23fc8738958e2f2518079e0289a5a839903cd', name: "error-description" }, this.errorDescription)))));
|
|
156
156
|
}
|
|
157
157
|
static get formAssociated() { return true; }
|
|
158
158
|
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-DXwd3F_r.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');
|
|
@@ -88,9 +88,9 @@ const NvFieldradio = class {
|
|
|
88
88
|
/****************************************************************************/
|
|
89
89
|
//#region RENDER
|
|
90
90
|
render() {
|
|
91
|
-
return (index.h(index.Host, { key: '
|
|
92
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
93
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
91
|
+
return (index.h(index.Host, { key: '53e418bfab22c9019f8efae9e474e6e729532a73', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("input", { key: '85ab7c010dfa893e9e92bebd39b845a604ca0069', 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: '851587d22af2d0739e5531f361cbefe3e282b914', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '475cad34dea78bd00bf822ccafbfb18ddba4264a', htmlFor: this.inputId }, index.h("slot", { key: 'd6c84f56f1913d97e71ce79fd112362f4880acd0', name: "label" }, this.label))), (this.description ||
|
|
92
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '8e1f4d0e9cbd00630cadde99923f2952d4dd492c', class: "description" }, index.h("slot", { key: 'dea3d8661dc83a237a8d290e02b365ea47491b51', name: "description" }, this.description))), (this.errorDescription ||
|
|
93
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'f67d73864db0c32013605343ac22f451b37047e9', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'ebd467b48c874db8b3649ec940d950f0d2218417', name: "error-description" }, this.errorDescription))))));
|
|
94
94
|
}
|
|
95
95
|
static get formAssociated() { return true; }
|
|
96
96
|
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-DXwd3F_r.js');
|
|
4
4
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
@@ -373,15 +373,15 @@ const NvFieldselect = class {
|
|
|
373
373
|
? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
|
|
374
374
|
: undefined;
|
|
375
375
|
const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
|
|
376
|
-
return (index.h(index.Host, { key: '
|
|
376
|
+
return (index.h(index.Host, { key: 'ee72e67a671b7061d3af5f76796d09c0372b38fa' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '8bec44fa26d9360b585e0a5bccd4fdd7ed8cfc92', htmlFor: this.inputId }, index.h("slot", { key: '35b2a393d88b37141a6dd7ea90f860fcee1d840e', name: "label" }, this.label))), index.h("div", { key: '151b1e03cd50911b024ae692fa7eb25e5c7c8938', class: "select-wrapper" }, index.h("slot", { key: 'b82c37856a7a616a9addb1bd5a4d79aeeb2587b4', name: "before-input" }), index.h("div", { key: 'cf5713c682e4ea9e08bb0ee6db5ab369cdaaf713', class: "select-container", onClick: this.handleSelectContainerClick }, index.h("slot", { key: '4fc79bed93ab1dfdf31a18805b5e72c5b35cd641', name: "leading-input" }), this.internalReadonly && (index.h("input", { key: '316cc1f0bf08ead5f7f5d8d1306cbc02b91fde54', 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
377
|
? `${this.inputId}-error`
|
|
378
|
-
: `${this.inputId}-description` })), index.h("select", { key: '
|
|
378
|
+
: `${this.inputId}-description` })), index.h("select", { key: '1e1676c50ee4915bd6750677b501f6683d34fa25', 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
379
|
'aria-required': String(ariaRequiredValue),
|
|
380
380
|
}), multiple: this.multiple, onChange: this.handleSelectChange, class: this.internalReadonly ? 'hidden' : '', "aria-label": this.label, "aria-describedby": this.error
|
|
381
381
|
? `${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.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
384
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
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: 'df1132a8bb20d35d94daec1b7e32f5769c9e6ec8', class: "select-icons" }, this.error && (index.h("nv-icon", { key: '39825cc8efd80f89b29644525d4e9fe9ae9e5edb', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'c9123ff11d354283e53470991a4d8755cc89b552', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: '7f6dacc97b04100c4ddbbc503d16f31282365232', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), index.h("slot", { key: '61b4d062cc94f90ebe02113950f02940a2765d36', name: "after-input" })), (this.description ||
|
|
383
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '0685de6f40b839ea062c6088c60a10d72490fab0', class: "description", id: `${this.inputId}-description` }, index.h("slot", { key: '1d15fa435a00efef9a75295149c44dfc407fcc63', name: "description" }, this.description))), (this.errorDescription ||
|
|
384
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '623d7af55f6b523e834159769a2f783fb63052f7', class: "error-description", id: `${this.inputId}-error` }, index.h("slot", { key: '2f2c9b6ea72ae9093ccd5735813bc5c3415a39cc', name: "error-description" }, this.errorDescription)))));
|
|
385
385
|
}
|
|
386
386
|
static get formAssociated() { return true; }
|
|
387
387
|
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-DXwd3F_r.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: '1251891d0796093b0b199218304444cb5e530367' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'dfb2f64d6b289ad18ac9b5a8ca6e445bf591add9', htmlFor: this.startInputId }, index.h("slot", { key: '96cce5982bf52a76f92afcf027277955fe30ce2e', name: "label" }, this.label))), index.h("div", { key: '84d9150d80d5a971180f04872fb2de07817e2e90', 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: 'acea0634b80251ef76b91e85a447dcafa636924d', class: "track-container" }, index.h("div", { key: 'b323a5da0449af8ca8f9463bbfbceac3e9310796', 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: 'b3fdbe669889f22309a6f6a717f850b117a91cc8', 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: '53b4e7236c469b87d96a666c4711b0fd9f060be9', class: "description" }, this.success && (index.h("nv-icon", { key: '332161c24c7aa882de0d07e0e7c4264bf5dc02b0', name: "circle-check", class: "validation", size: "md" })), index.h("slot", { key: 'd0ab58883e0d3d079511738835eba8a6c5caebd8', 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: '8ead9d45a545ba2e1abad6a855e88c655bbc5254', class: "error-description", hidden: !this.error }, this.error && (index.h("nv-icon", { key: '09d224201d747651dcd0f0ce22d9d81a784e75eb', name: "alert-circle", class: "validation", size: "md" })), index.h("slot", { key: '8c8a0e621a54dcf67569ad4e6818b3a4bc0a3a19', 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-DXwd3F_r.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: '63089724e21e6c1e216a11a2638f30fee689c82e' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c6cd68f868bd971708c5e95a5fef80de9dc6512d', htmlFor: this.inputId }, index.h("slot", { key: '5cf94a89c4229b78a79778ff7aade534ff72e507', name: "label" }, this.label))), index.h("div", { key: '28c17fd690a3a2bb0e55585d946677d8a3681a0e', class: "input-wrapper" }, index.h("slot", { key: 'd870c9740c1d9ba4386d963892de1e66778e1bfa', name: "before-input" }), index.h("div", { key: '09b3bff856699402e949ba15015c21229fafb029', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '86fdcb7cad564aa79deb5007fc443b2ed5c2bcdf', name: "leading-input" }), index.h("input", { key: '6b11e70de402487f3bd16c3b4229313d242c905e', 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: 'a0dc3bc46517a3457c0d3d8681a4078d23b2c2ea', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: '240fc71f78572d94a5e4c5645f2531c58dd9762f', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '027784ee5c9d4bc37bfab78b991afd6c462bce37', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: '4fc38f97f3b24b008589e5ba77a6d99c1dfb903d', name: "after-input" })), (this.description ||
|
|
155
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '9a784d007b8b94cf426d1b9e6090e37890859dce', class: "description" }, index.h("slot", { key: '1269822c641095aab99334f969d57a2850568a50', name: "description" }, this.description))), (this.errorDescription ||
|
|
156
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'e5b3bb57e05350d65af0a333936cd8a0e91c42c2', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '70a6d5cbe96d13deb808b3bbed64bb4e935636fa', 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-DXwd3F_r.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: '8d31a9e4c294a58a02040dddb427c94caecf4d2e' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '4352374d8078448ce5f877d20b526a6725219f76', htmlFor: this.inputId }, index.h("slot", { key: '1f5dca95213c848f105fe8d4aec5e7a363cfd468', name: "label" }, this.label))), index.h("div", { key: '831c87ed454b2b7a6dfc84daf903c6bc3e7581f4', class: "textarea-wrapper" }, index.h("div", { key: '1a3dd73ca1a4f650f02309211154e3fcee02824c', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: '97454b0c1845a4ed8f1e2f99285f363affff7c7c', 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: 'd70c40f382d8d8a369e1ce584e4c050e6f6704b4', class: "description" }, index.h("slot", { key: '2287c2a52e18557f104ff6b2ceab876c41f7d666', name: "description" }, this.description))), (this.errorDescription ||
|
|
227
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '3bc7bdb991381398ff622c10929848d4f6527533', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '061f5fba67f18750f50090a78f53a5229e384343', name: "error-description" }, this.errorDescription)))));
|
|
228
228
|
}
|
|
229
229
|
static get formAssociated() { return true; }
|
|
230
230
|
get el() { return index.getElement(this); }
|