@nova-design-system/nova-react 3.27.0 → 3.28.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/generated/components.server.js +24 -0
- package/dist/cjs/{index-clzdrCkN.js → index-Kxp9mv-Q.js} +723 -317
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/nova-datetime-CyL2J6O4-0Y9g3rfI.js +10531 -0
- package/dist/cjs/{nv-accordion-item.entry-Gn0QFETn.js → nv-accordion-item.entry-fds_kk_3.js} +1 -1
- package/dist/cjs/{nv-accordion.entry-BooppL5C.js → nv-accordion.entry-BLs4N5ZL.js} +1 -1
- package/dist/cjs/{nv-alert.entry-CDmHhq86.js → nv-alert.entry-Bx1BiC8F.js} +1 -1
- package/dist/cjs/{nv-avatar.entry-pYMjQvxK.js → nv-avatar.entry-DS88LME3.js} +1 -1
- package/dist/cjs/{nv-badge_2.entry-BneUUyR7.js → nv-badge_2.entry-vBPxmUmg.js} +2 -2
- package/dist/cjs/{nv-breadcrumb.entry-B7CGcJ_l.js → nv-breadcrumb.entry-BOo3hA5y.js} +1 -1
- package/dist/cjs/{nv-breadcrumbs.entry-BNKz4ehX.js → nv-breadcrumbs.entry-igHC_6Bd.js} +1 -1
- package/dist/cjs/{nv-button.entry-DDCkNY_S.js → nv-button.entry-BRQPmQbs.js} +1 -1
- package/dist/cjs/{nv-buttongroup.entry-Bio-SWcx.js → nv-buttongroup.entry-D3tG2EZ1.js} +1 -1
- package/dist/cjs/{nv-calendar.entry-BoNFEz6W.js → nv-calendar.entry-BpNHMTKr.js} +1 -1
- package/dist/cjs/{nv-col.entry-BHTqFTHl.js → nv-col.entry-lyIZqDsW.js} +1 -1
- package/dist/cjs/{nv-datagrid.entry-Bw_sqaMu.js → nv-datagrid.entry-BeemONKu.js} +1 -1
- package/dist/cjs/{nv-datagridcolumn.entry-Z-RXn3ak.js → nv-datagridcolumn.entry-B6kE4eVC.js} +1 -1
- package/dist/cjs/nv-datetest.entry-C1uuC-ZG.js +69 -0
- package/dist/cjs/nv-datetimetest.entry-Hthxbjj9.js +57 -0
- package/dist/cjs/{nv-dialog.entry-ByZkK4F9.js → nv-dialog.entry-Cr9zwMPo.js} +2 -2
- package/dist/cjs/{nv-dialogfooter_2.entry-Bddcz6HA.js → nv-dialogfooter_2.entry-DaaKojyE.js} +3 -3
- package/dist/cjs/{nv-drawer.entry-660dihzy.js → nv-drawer.entry-0UaYxCjh.js} +2 -2
- package/dist/cjs/{nv-drawerfooter_2.entry-D6EA-3-u.js → nv-drawerfooter_2.entry-CqtuC7xP.js} +3 -3
- package/dist/cjs/{nv-fieldcheckbox.entry-Bm6qurcS.js → nv-fieldcheckbox.entry-DK3aO8C8.js} +5 -5
- package/dist/cjs/{nv-fielddate.entry-DW9RQ_dD.js → nv-fielddate.entry-BY-xF3KN.js} +7 -7
- package/dist/cjs/{nv-fielddaterange.entry-m3dY0P2v.js → nv-fielddaterange.entry-BT6qCQc3.js} +7 -7
- package/dist/cjs/{nv-fielddropdown.entry-DkARzQix.js → nv-fielddropdown.entry-CsVD067i.js} +5 -5
- package/dist/cjs/{nv-fielddropdownitem.entry-DKG1bO2H.js → nv-fielddropdownitem.entry-Crtfwlx7.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-B4As0NxI.js → nv-fieldmultiselect.entry-C2uoE60e.js} +1 -1
- package/dist/cjs/{nv-fieldnumber.entry-DHBPKUcr.js → nv-fieldnumber.entry-DzW5SiiZ.js} +5 -5
- package/dist/cjs/{nv-fieldpassword.entry-DxEaIvRh.js → nv-fieldpassword.entry-D4r9Qxos.js} +5 -5
- package/dist/cjs/{nv-fieldradio.entry-MSrPlSzv.js → nv-fieldradio.entry-DX0Ghx--.js} +4 -4
- package/dist/cjs/{nv-fieldselect.entry-qMAtqdcr.js → nv-fieldselect.entry-_CglE66i.js} +6 -6
- package/dist/cjs/{nv-fieldslider.entry-CHdMG-lt.js → nv-fieldslider.entry-6zt75uDU.js} +4 -4
- package/dist/cjs/{nv-fieldtext.entry-tbYFUJP9.js → nv-fieldtext.entry-B4X110wn.js} +5 -5
- package/dist/cjs/{nv-fieldtextarea.entry-D7b3-4Ar.js → nv-fieldtextarea.entry-CeAMhA8Y.js} +4 -4
- package/dist/cjs/{nv-fieldtime.entry-TSPljEeW.js → nv-fieldtime.entry-BvzncwNd.js} +4 -4
- package/dist/cjs/nv-icon.entry-C2md2kmq.js +80 -0
- package/dist/cjs/{nv-iconbutton_2.entry-Ch0rfD12.js → nv-iconbutton_2.entry-D-zRpLjT.js} +3 -3
- package/dist/cjs/{nv-menu.entry-BKLyCbyy.js → nv-menu.entry-DN_DkosX.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-BBK6uQav.js → nv-menuitem.entry-Cj6w33rq.js} +2 -2
- package/dist/cjs/{nv-notification-bullet.entry-Dk0oaUTe.js → nv-notification-bullet.entry-DagStJ3K.js} +1 -1
- package/dist/cjs/{nv-notification.entry-DVUXuj9T.js → nv-notification.entry-oV69FpxE.js} +2 -2
- package/dist/cjs/{nv-notificationcontainer.entry-BQbB0vJ8.js → nv-notificationcontainer.entry-gQGHHeer.js} +2 -14
- package/dist/cjs/{nv-pagination-nav.entry-BON8ve70.js → nv-pagination-nav.entry-BYvcVj1M.js} +2 -2
- package/dist/cjs/{nv-paginationtable.entry-pT2Qx3xY.js → nv-paginationtable.entry-CwCFQwbl.js} +2 -2
- package/dist/cjs/{nv-popover.entry-91VegZzi.js → nv-popover.entry-DySToeSB.js} +2 -2
- package/dist/cjs/{nv-row.entry-C_75GYAm.js → nv-row.entry-46ghuEeG.js} +2 -2
- package/dist/cjs/{nv-sidebar.entry-XIcDybjF.js → nv-sidebar.entry-B6opNG2r.js} +2 -2
- package/dist/cjs/{nv-sidebarcontent.entry-JSf1Mb0x.js → nv-sidebarcontent.entry-Pb8c2QoA.js} +2 -2
- package/dist/cjs/{nv-sidebardivider.entry-XZ1hYAgj.js → nv-sidebardivider.entry-LCCO53Z5.js} +2 -2
- package/dist/cjs/{nv-sidebarfooter.entry-BHO9gh6y.js → nv-sidebarfooter.entry-DG5fkLHd.js} +2 -2
- package/dist/cjs/{nv-sidebargroup.entry-DAb7dWFF.js → nv-sidebargroup.entry-DRqkSyQi.js} +2 -2
- package/dist/cjs/{nv-sidebarheader.entry-BksZP_km.js → nv-sidebarheader.entry-D6WvH2wG.js} +2 -2
- package/dist/cjs/{nv-sidebarlogo.entry-BntEWmH_.js → nv-sidebarlogo.entry-BorScwI-.js} +2 -2
- package/dist/cjs/{nv-sidebarnavitem.entry-DSu34C34.js → nv-sidebarnavitem.entry-BEW74Rw3.js} +3 -3
- package/dist/cjs/{nv-sidebarnavsubitem.entry-Y8Ex0_Lr.js → nv-sidebarnavsubitem.entry-EgaIlUfP.js} +2 -2
- package/dist/cjs/{nv-split.entry-BDr6FxCd.js → nv-split.entry-CEC5Tuwz.js} +2 -2
- package/dist/cjs/{nv-stack.entry-CChjKrA3.js → nv-stack.entry-BR8lYaoI.js} +2 -2
- package/dist/cjs/{nv-table.entry-CfqHpj1L.js → nv-table.entry-CISZFst5.js} +2 -2
- package/dist/cjs/{nv-tableheader.entry-C61xO9Ra.js → nv-tableheader.entry-DbdpTJGC.js} +2 -2
- package/dist/cjs/nv-timetest.entry-Dg1JEgAv.js +75 -0
- package/dist/cjs/{nv-toggle.entry-B0HofO36.js → nv-toggle.entry-DDfRpC1R.js} +3 -3
- package/dist/cjs/{nv-togglebutton.entry-CzyNiZyK.js → nv-togglebutton.entry-D7NkdIXP.js} +2 -2
- package/dist/cjs/{nv-togglebuttongroup.entry-TizvIVlB.js → nv-togglebuttongroup.entry-L8gitSUS.js} +2 -2
- package/dist/cjs/{nv-tooltip.entry-0kcGcQZo.js → nv-tooltip.entry-BElnrEqE.js} +9 -4
- package/dist/components/NvDatatable/NvDatatable.js +293 -63
- package/dist/components/NvDatatable/selectionState.js +45 -0
- package/dist/components/NvDatatable/selectionState.test.js +74 -0
- package/dist/generated/components.js +38 -0
- package/dist/generated/components.server.js +21 -0
- package/dist/types/components/NvDatatable/NvDatatable.d.ts +1 -1
- package/dist/types/components/NvDatatable/selectionState.d.ts +21 -0
- package/dist/types/components/NvDatatable/selectionState.test.d.ts +1 -0
- package/dist/types/components/NvDatatable/types.d.ts +17 -0
- package/dist/types/generated/components.d.ts +51 -1
- package/dist/types/generated/components.server.d.ts +51 -1
- package/package.json +6 -4
- package/dist/cjs/nv-icon.entry-BtmsouTL.js +0 -80
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Kxp9mv-Q.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: 'a26895be78d7080e86d761ce0cb3b918f352f1d9' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '2b3f13fa1bb3564b1e384bcf080fa666e480147a', htmlFor: this.inputId }, index.h("slot", { key: '03d7432458720d231948341a552102c865fe07ff', name: "label" }, this.label))), index.h("div", { key: '1a01b65d78732da4ef177cf86c4f13ecfde31f1e', class: "input-wrapper" }, index.h("slot", { key: 'bad1d59a59eecc2f4c45d16818ac521916d71731', name: "before-input" }), index.h("div", { key: '295e8c0f1953673fedb9a48784f507823f45e7af', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '54a81573b069471adbcda4e1bbaff97fc1fe1eeb', name: "leading-input" }), index.h("input", { key: '067f32480f74f78a33192a0761e46a7e04bc886b', 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: '6e652469a6ef16dd590349db418397626a64e9ba', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: '2a4eae5e0fd7a26d21315e0d76e09bac7bf22bed', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '7d33539993e294ab5cbc31e60903daa664743ee3', name: "circle-check", class: "validation", size: "md" })), index.h("div", { key: '33a87b9c4446d718d34ba04faaf3ab0cffaa5941', class: "stepper" }, index.h("nv-iconbutton", { key: '6830b021b13acc955d0e333ae65bfec4efb8616d', size: "md", name: "minus", emphasis: "lower", onClick: this.handleMinus, disabled: this.isMinValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }), index.h("nv-iconbutton", { key: 'c83226f3dbdbf009c9a7748abea950a30b975a77', size: "md", name: "plus", emphasis: "lower", onClick: this.handlePlus, disabled: this.isMaxValueReached(), onMouseDown: this.preventSelection, tabindex: "-1" }))), index.h("slot", { key: '1ad95195471abf0962b958cf32088552f4b51205', name: "after-input" })), (this.description ||
|
|
176
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'b6d229a54b3c88d53b787047d5c94ebfa197d2ab', class: "description" }, index.h("slot", { key: 'd33c1f6c4015594e0096e70828934b859da40883', name: "description" }, this.description))), (this.errorDescription ||
|
|
177
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '80e7c2709f0d83d427829f6e92b376dff51dbe87', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '5fb07dba33795dfb968ad5b5c3d3ae8726c0a754', 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-Kxp9mv-Q.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: '30f853d7d12cd12f4093c3a185e497eb5374fecd' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a0a4557d38448ea9101f255b8080eb298107906e', htmlFor: this.inputId }, index.h("slot", { key: '76eccd0d2ef97d4a714f9d72f736e7b8a3b1ac9d', name: "label" }, this.label))), index.h("div", { key: 'd1042d63c628c26614aabe08155848f265dd67d1', class: "input-wrapper" }, index.h("slot", { key: '1412d40db63a8a1bcea9a941ca0c263d3227cbbc', name: "before-input" }), index.h("div", { key: '683b678a05a524258ee6924148c2bea9be68690a', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '34f2878c425e6544ab7862cb1e3e892da399c23f', name: "leading-input" }), index.h("input", { key: '153fa6a7aac31180e6355dcf7a0b3e2fbaa75ce0', 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: '3b024daa690eb7ff8d34da6000d37ce6ae182112', name: this.success ? 'circle-check' : 'alert-circle', class: "validation", size: "md" })), !this.hidePasswordIcon && (index.h("nv-iconbutton", { key: 'c8877e4d7d2c106161bfd1b27e3e3dc664cec313', 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: 'c3b428593383be23101c2dead68421f620e25d38', name: "after-input" })), (this.description ||
|
|
154
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '56a5ebc137e6864570626e0ce75aca0fff6314d3', class: "description" }, index.h("slot", { key: 'eb8c5141c3a79359ca606defea0c0b7dbc0f5bd6', name: "description" }, this.description))), (this.errorDescription ||
|
|
155
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '4aaf597ca070227517d231b7e673e0db280ccab1', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '6815df2fc9b2ec36cfe1f88cebaeaf88e11ec882', 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-Kxp9mv-Q.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: '66de1f9bfcf3981e3cfc94ac1bc1c7fa1940676d', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("input", { key: 'ee32e5617e50888d9064d7d4d00fbdaf55b97e89', 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: '16f867329f8c9a735c9728a466fd49ff1b9b8e8a', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '50bbb783254086da1f6c4ff3ce6ae432567d5585', htmlFor: this.inputId }, index.h("slot", { key: 'd6801fd892c2b82c39eb8b2b906ad0d148edd63f', name: "label" }, this.label))), (this.description ||
|
|
92
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '6810da8129a5e70a6069a5212b6755017efe9856', class: "description" }, index.h("slot", { key: '70539fb3789af1183fe92fbd9fdb18520633ef97', name: "description" }, this.description))), (this.errorDescription ||
|
|
93
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '9c8059dd1f5335c99a28a84eb5db7ed0726933bd', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'ec4c1d7a36cb892c2a97593a6e3341f69791a721', 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-Kxp9mv-Q.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: 'b137c4e0d0db3cda5f0c4ab42315b939f311b163' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c9809608e4e5ac5618b9790a007939d7769f4c55', htmlFor: this.inputId }, index.h("slot", { key: '2a0ba344b4f3ad3de25c3d3826d3750f84b82262', name: "label" }, this.label))), index.h("div", { key: 'ce10e4affb9941f030b832303bd6a7ac6c298f39', class: "select-wrapper" }, index.h("slot", { key: 'fe3261e1bc772d87487e0332ac645e15f2615ec7', name: "before-input" }), index.h("div", { key: '9c8b7cdb5c213339e77892356e1d7cf911f9e9d6', class: "select-container", onClick: this.handleSelectContainerClick }, index.h("slot", { key: '4e9dc10fed7e6cb137d6ceb9fdeca5f4148f0547', name: "leading-input" }), this.internalReadonly && (index.h("input", { key: '1575949664305c6f5503833505416e7c6091c519', 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: 'c049ed0b2f977d210b9a742553c772f75f4333c0', 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: '8e0b029b8374189dc97e3835a3790428744b7567', class: "select-icons" }, this.error && (index.h("nv-icon", { key: '0114760160ce710a20273942cdd2f9fbd1871b8e', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: '2deff4438b6617fb8d7de59bbb8cf237981941bb', name: "circle-check", class: "validation", size: "md" })), !this.multiple && (index.h("nv-iconbutton", { key: '070d69fc2812ace583d61041536b9148adffde6d', name: "chevron-down", size: "md", emphasis: "lower", tabindex: -1 })))), index.h("slot", { key: '4a3bff3a810e4b1248b3b7036eba72bc51fd668b', name: "after-input" })), (this.description ||
|
|
383
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'cba88e7ce48085753e17b0278fc63f384493029a', class: "description", id: `${this.inputId}-description` }, index.h("slot", { key: 'a0ab0527bd1f016ed471bb362309d9d54be80209', name: "description" }, this.description))), (this.errorDescription ||
|
|
384
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '8d1ad1f4ef096e4183ed2f230e2fbf7d5fa6e963', class: "error-description", id: `${this.inputId}-error` }, index.h("slot", { key: '75a77e48a392229b84a41cb014b6eb00d361f914', 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-Kxp9mv-Q.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: '99dc83ee04a8531714fc706204a8f0f7d041335d' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '4f2438a448fdf2b488bcd277bf40ff6645c6c526', htmlFor: this.startInputId }, index.h("slot", { key: 'd6a272526f313de63d39301a7e7b6fd0dd45bc98', name: "label" }, this.label))), index.h("div", { key: 'f95047b008d87f60eee6cac74447ae96bdb8a2e7', 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: '087808de2ce793d7c2317cfecd1cd0382c4f58c7', class: "track-container" }, index.h("div", { key: 'ca08ad86d4b66e93fd4f1482c7a6ebbeafbff700', 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: '2bf097761208511839e3df0d37d0af9b21090e36', 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: '35d6a7f7d9331430504b264dd51c71c4c71e4c71', class: "description" }, this.success && (index.h("nv-icon", { key: '60fe2a36eff25142617f79f54c719e1d7a001fcf', name: "circle-check", class: "validation", size: "md" })), index.h("slot", { key: 'd494185a548c60b39e96accc41739cb77c5f40dc', 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: 'a555a0e343e9f22b7a717afdbf3b7d7d6b965fcb', class: "error-description", hidden: !this.error }, this.error && (index.h("nv-icon", { key: 'a9221bda376b32b8031ff6da8677d04846e84451', name: "alert-circle", class: "validation", size: "md" })), index.h("slot", { key: '7133562b2734136cff58428d88a2ce899245487d', 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-Kxp9mv-Q.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: '06b6e9b9451710d472b0bcccf2c359fe39a8aa9c' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c09e307496887adea2c2e85abb47a2acecf6513e', htmlFor: this.inputId }, index.h("slot", { key: '992d9092cff24a1f66a727077822d83ba3d66c46', name: "label" }, this.label))), index.h("div", { key: '3cec57446afc770386e32fc668ad052ed30d4b66', class: "input-wrapper" }, index.h("slot", { key: '7c1c2e7b6d95a9fff42de4de987226489bd2c42a', name: "before-input" }), index.h("div", { key: '046de359ca38ac02eaa0f57d68b9cabc8670b0a2', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '2fe103101958bf04f03a33a7a273c1d5166d8d3f', name: "leading-input" }), index.h("input", { key: '3c9b977101115541230cdbc03f9206ba6dc61e64', 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: '13580eba3b8c7820532bd2d6542450605d289ea4', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: '9d054f584c4ab3b15af94dde18378d3e1d657118', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'd733d068fb6515fc6df5d140cf539fad9e2d1f0c', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: '357d5e8b2f74a289660acca34c65884de3fb82ad', name: "after-input" })), (this.description ||
|
|
155
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'ee9f1eedf393f177cc67b797dca60e4c7805708b', class: "description" }, index.h("slot", { key: '3a8f2551be74f0886fb0ed65242c60e47fb8070e', name: "description" }, this.description))), (this.errorDescription ||
|
|
156
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '96f465b7a489f1b9f34b71c3f23b4d78c2f0a77d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'dcdbbcd9f41cd1d947a789c71c33cd9b8b7ed4e4', 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-Kxp9mv-Q.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: 'e5dd85ced6fd9c2349937818b1bd3020918ec5a6' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '6f74a85203873163ff01ff1f9711c432a6e3cb7d', htmlFor: this.inputId }, index.h("slot", { key: 'b921ef64985f5a72aa4b6cb3828af99fd07e3982', name: "label" }, this.label))), index.h("div", { key: '422b0b20edb0f60bd3fc4050c885eabb71f0d4dc', class: "textarea-wrapper" }, index.h("div", { key: '8c22c47b74a97467ed399da53337b1c2904af395', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: '63dbbf09f0abbed5ec62d024b45a783adc3e4069', 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: '75b575de27e1ad876c2036f379e7254e20259c23', class: "description" }, index.h("slot", { key: 'b54458f20c187207d5c69e4f74c3708970c1b6ff', name: "description" }, this.description))), (this.errorDescription ||
|
|
227
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'b34156ab4b08871d3474316b0dd75393de070ef7', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '630487e5097436909753f6ddad8d8b0edca94199', name: "error-description" }, this.errorDescription)))));
|
|
228
228
|
}
|
|
229
229
|
static get formAssociated() { return true; }
|
|
230
230
|
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-Kxp9mv-Q.js');
|
|
4
4
|
var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
|
|
5
5
|
var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
|
|
6
6
|
require('@stencil/react-output-target/runtime');
|
|
@@ -1104,9 +1104,9 @@ const NvFieldtime = class {
|
|
|
1104
1104
|
}, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
|
|
1105
1105
|
}
|
|
1106
1106
|
render() {
|
|
1107
|
-
return (index.h(index.Host, { key: '
|
|
1108
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
1109
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
1107
|
+
return (index.h(index.Host, { key: 'c250283de9b4de235cee8fa84f1561762c0bb6f9', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'd18029863a3ae8305cc5e43399b82f083f83d921', htmlFor: this.inputId }, index.h("slot", { key: '05655a64f240181f997f40a1e9067db035bff9bd', name: "label" }, this.label))), index.h("nv-popover", { key: '9780461676a907cf7eab03716f8a20a22e940a41', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, index.h("div", { key: 'c5d0c48848022e9e9fc65aa814e8e72521c1f6ed', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '9786f306ae1a325b584a3bbbe9cf090e527da256', name: "before-input" }), index.h("div", { key: '666e715dc8568ed25e1081f58570f5d2bf50c0c3', class: "input-container" }, index.h("slot", { key: '66545084f7872990be3adba701c54c2a86ccc64b', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: '2dfc9e20ae4d245cc125643226169e83b73d87e7', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: '4b6ee88ae65445de2a8f2228956fe47f9fb27764', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: 'd7b150d404c59efb3a9ba5964fe5d3d2201bac40', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '2ccaec2934e7d611675daf670832196f03217f3f', name: "after-input" })), index.h("div", { key: '6888123870b59cf64a5ee4c31bd05829154c542f', class: "time-dropdown", slot: "content" }, index.h("div", { key: '99547788b1aaf9b6e1c37176358da04d89060cd1', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
|
|
1108
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '23671a99897ae51a90eb4ffefe089a0f220163bc', class: "description" }, index.h("slot", { key: 'b3a3857e78459f31c5a3295319640c6b2d37322b', name: "description" }, this.description))), (this.errorDescription ||
|
|
1109
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '88bbae1c431c1ec5c81ed66b5399299b64a609cf', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '9f2a0530c81d5ec81a6a5224378f2e4346d776a1', name: "error-description" }, this.errorDescription)))));
|
|
1110
1110
|
}
|
|
1111
1111
|
static get formAssociated() { return true; }
|
|
1112
1112
|
get el() { return index.getElement(this); }
|