@nova-design-system/nova-react 3.4.0 → 3.5.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/{index-CrgVjOZF.js → index-Te0zRbKN.js} +141 -165
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/{nv-alert.entry-CW72ajnD.js → nv-alert.entry-CPbApg9_.js} +1 -1
- package/dist/cjs/{nv-avatar.entry-D9wUCu5K.js → nv-avatar.entry-CwM8IOei.js} +1 -1
- package/dist/cjs/{nv-badge_2.entry-CQs2Sf6G.js → nv-badge_2.entry-Bqu-2k7E.js} +2 -2
- package/dist/cjs/{nv-breadcrumb.entry-CGrSsjAL.js → nv-breadcrumb.entry-CmceXVS9.js} +1 -1
- package/dist/cjs/{nv-breadcrumbs.entry-HStUGnwu.js → nv-breadcrumbs.entry-B7xbEUl5.js} +1 -1
- package/dist/cjs/{nv-button.entry-BJfYc4Ow.js → nv-button.entry-Cd_CE1fx.js} +1 -1
- package/dist/cjs/{nv-calendar.entry-Co8f_3E5.js → nv-calendar.entry-B2lm2nvb.js} +1 -1
- package/dist/cjs/{nv-col.entry-PJML3P46.js → nv-col.entry-BF8XR4B1.js} +1 -1
- package/dist/cjs/{nv-datagrid.entry-Bpwt9yDb.js → nv-datagrid.entry-CcQ8XP6J.js} +1 -1
- package/dist/cjs/{nv-datagridcolumn.entry-Dfifeiia.js → nv-datagridcolumn.entry-uGbQ4NMr.js} +1 -1
- package/dist/cjs/{nv-dialog.entry-eUEzDdrS.js → nv-dialog.entry-DyK4wFFz.js} +1 -1
- package/dist/cjs/{nv-dialogfooter_2.entry-HQyyE6VN.js → nv-dialogfooter_2.entry-DT3kR9Xn.js} +1 -1
- package/dist/cjs/{nv-fieldcheckbox.entry-C5AMgttR.js → nv-fieldcheckbox.entry-D_wHbgcq.js} +1 -1
- package/dist/cjs/{nv-fielddate.entry-Dkqz-UqJ.js → nv-fielddate.entry-BaIcP2EG.js} +1 -1
- package/dist/cjs/{nv-fielddaterange.entry-D6QmyWHp.js → nv-fielddaterange.entry-BNcF2N2M.js} +7 -7
- package/dist/cjs/{nv-fielddropdown.entry-BpZz90ob.js → nv-fielddropdown.entry-DWlDvODi.js} +4 -4
- package/dist/cjs/{nv-fielddropdownitem.entry-BbJ9SKGo.js → nv-fielddropdownitem.entry-BIy_GUKA.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-mnYvhkj0.js → nv-fieldmultiselect.entry-B74CLRuh.js} +1 -1
- package/dist/cjs/{nv-fieldnumber.entry-B5ED8fCU.js → nv-fieldnumber.entry-BQBy1EIj.js} +4 -4
- package/dist/cjs/{nv-fieldpassword.entry-ohASip15.js → nv-fieldpassword.entry-DNFZvmBx.js} +4 -4
- package/dist/cjs/{nv-fieldradio.entry-BPipemAC.js → nv-fieldradio.entry-BIR29jv5.js} +4 -4
- package/dist/cjs/{nv-fieldselect.entry-BWZX6L-B.js → nv-fieldselect.entry-DulA_N5q.js} +6 -6
- package/dist/cjs/{nv-fieldslider.entry-nmE8TjBA.js → nv-fieldslider.entry-DCslY5gg.js} +4 -4
- package/dist/cjs/{nv-fieldtext.entry-DxoznMYV.js → nv-fieldtext.entry-Dvv8KjJC.js} +4 -4
- package/dist/cjs/{nv-fieldtextarea.entry-BccBiMKe.js → nv-fieldtextarea.entry-rVcnznae.js} +4 -4
- package/dist/cjs/{nv-fieldtime.entry-BmQ5DFbN.js → nv-fieldtime.entry-_fXkWsoI.js} +10 -10
- package/dist/cjs/nv-icon.entry-BGyFETNH.js +79 -0
- package/dist/cjs/{nv-iconbutton_2.entry-DguqeTa3.js → nv-iconbutton_2.entry-CtClzxKf.js} +3 -3
- package/dist/cjs/{nv-menu.entry-UTPRtlti.js → nv-menu.entry-B3vFxd1E.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-CaRqhVtk.js → nv-menuitem.entry-BIWwr98d.js} +2 -2
- package/dist/cjs/{nv-popover.entry-ByFhVB2j.js → nv-popover.entry-vonHjF_y.js} +2 -2
- package/dist/cjs/{nv-row.entry-BIwxIl3Q.js → nv-row.entry-BYUhLZ0r.js} +2 -2
- package/dist/cjs/{nv-stack.entry-xDwyG0Xr.js → nv-stack.entry-Cxc6QmII.js} +2 -2
- package/dist/cjs/{nv-table.entry-DCMcpbpc.js → nv-table.entry-DSBUXcSF.js} +3 -3
- package/dist/cjs/{nv-tablecolumn.entry-D_kTZ7Mp.js → nv-tablecolumn.entry-BP857bqD.js} +1 -1
- package/dist/cjs/{nv-toggle.entry-tds7tIzF.js → nv-toggle.entry-CnquGUlJ.js} +3 -3
- package/dist/cjs/{nv-tooltip.entry-PfQ2HgFG.js → nv-tooltip.entry-XvxL_FTH.js} +2 -2
- package/dist/generated/components.server.js +698 -0
- package/dist/types/generated/components.d.ts +40 -41
- package/dist/types/generated/components.server.d.ts +215 -0
- package/package.json +2 -2
- package/dist/cjs/nv-icon.entry-DE-sMmDp.js +0 -79
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-Te0zRbKN.js');
|
|
4
4
|
var constants4faa1fae = require('./constants-4faa1fae-BzFAKCkR.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
@@ -982,26 +982,26 @@ const NvFieldtime = class {
|
|
|
982
982
|
}, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
|
|
983
983
|
}
|
|
984
984
|
render() {
|
|
985
|
-
return (index.h(index.Host, { key: '
|
|
986
|
-
index.h("input", { key: '
|
|
985
|
+
return (index.h(index.Host, { key: '757fd8e7217562805cc463fcc62a29b150e07746', onclick: e => this.handleHostClick(e) }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '50bc85aea3f5191e8629ff5f8dee2386513d01f2', htmlFor: this.inputId }, index.h("slot", { key: '61a751dee3629e470168ec75fbb66ded1ad3c5bc', name: "label" }, this.label))), index.h("nv-popover", { key: 'fd96b7e7bc80c873442d01c13998b718c71a0434', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '65c075a139cb62092e1cbddbab2ac50a4dd6eb0b', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'b7adb1b1cb3d02715e9c9b5099ce750850998bd9', name: "before-input" }), index.h("div", { key: '61e8f2283bf0c1e56d37904532002753055957c4', class: "input-container" }, index.h("slot", { key: 'cd0f10bac015e720a7bb9ce195f0bbd15c989f72', name: "leading-input" }), startsWithIgnoreCase(this.format, 'HH') && [
|
|
986
|
+
index.h("input", { key: '4609d5071d4436d3bd59fa57017348ad2e1b34ae', ref: el => (this.inputElements[constants4faa1fae.TimeType.Hours] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.hours, onInput: e => this.handleInputChange(e, constants4faa1fae.TimeType.Hours), placeholder: this.format.includes('hh') ? 'hh' : 'HH', inputMode: "numeric", onFocus: () => this.handleFocus(constants4faa1fae.TimeType.Hours), name: this.name
|
|
987
987
|
? `${constants4faa1fae.TimeType.Hours}-${this.name}`
|
|
988
988
|
: constants4faa1fae.TimeType.Hours, id: this.inputId, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
|
|
989
989
|
], this.format.includes('mm') && [
|
|
990
|
-
index.h("span", { key: '
|
|
991
|
-
index.h("input", { key: '
|
|
990
|
+
index.h("span", { key: 'a92d1f6762397cf19fb9b66650ece033a34090fa' }, ":"),
|
|
991
|
+
index.h("input", { key: '88f8e9e3a1dfcbee2b1ea1a5aa9e698b6ad455e5', ref: el => (this.inputElements[constants4faa1fae.TimeType.Minutes] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.minutes, onInput: e => this.handleInputChange(e, constants4faa1fae.TimeType.Minutes), placeholder: "mm", inputMode: "numeric", onFocus: () => this.handleFocus(constants4faa1fae.TimeType.Minutes), name: this.name
|
|
992
992
|
? `${constants4faa1fae.TimeType.Minutes}-${this.name}`
|
|
993
993
|
: constants4faa1fae.TimeType.Minutes, id: `${this.inputId}-minutes`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
|
|
994
994
|
], this.format.includes('ss') && [
|
|
995
|
-
index.h("span", { key: '
|
|
996
|
-
index.h("input", { key: '
|
|
995
|
+
index.h("span", { key: '80f7b55263f287a136a0d75965ca2aeebb9286a4' }, ":"),
|
|
996
|
+
index.h("input", { key: '71cf4d20ed7c85f535092c29116849982dfcfa54', ref: el => (this.inputElements[constants4faa1fae.TimeType.Seconds] = el), type: "number", autofocus: this.autofocus, class: "time-input", pattern: "[0-9]*", maxlength: "3", value: this.seconds, onInput: e => this.handleInputChange(e, constants4faa1fae.TimeType.Seconds), placeholder: "ss", inputMode: "numeric", onFocus: () => this.handleFocus(constants4faa1fae.TimeType.Seconds), name: this.name
|
|
997
997
|
? `${constants4faa1fae.TimeType.Seconds}-${this.name}`
|
|
998
998
|
: constants4faa1fae.TimeType.Seconds, id: `${this.inputId}-seconds`, readonly: this.readonly, disabled: this.disabled, required: this.required, onKeyDown: e => this.handleKeyDown(e), onBlur: () => this.handleInputBlur() }),
|
|
999
|
-
], index.h("nv-iconbutton", { key: '
|
|
999
|
+
], index.h("nv-iconbutton", { key: 'd7dd4eeec66097b1b28843a2b152de3a54264d86', name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', "aria-pressed": this.open.toString(), onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: 'a4d970f47e77340f0d979018f82d63fe16e330ac', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: '09a48f8cddcbc7ebd68e824cd3b6b98d4bdb05bc', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: 'd0f36a492944565d4abaf110ba5852c32c9aa17f', name: "after-input" })), index.h("div", { key: 'edf9e7b894f55b2ba8075a26a24dad36034baba3', class: "time-dropdown", slot: "content" }, index.h("div", { key: '3119fd1f881fbc06e1b00c687aa5e2e719959455', class: "time-columns" }, startsWithIgnoreCase(this.format, 'HH') &&
|
|
1000
1000
|
this.RenderTimeOptionsColumn(constants4faa1fae.TimeType.Hours), this.format.includes('mm') &&
|
|
1001
1001
|
this.RenderTimeOptionsColumn(constants4faa1fae.TimeType.Minutes), this.format.includes('ss') &&
|
|
1002
1002
|
this.RenderTimeOptionsColumn(constants4faa1fae.TimeType.Seconds)))), (this.description ||
|
|
1003
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
1004
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
1003
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'fdce7e05e292bf00dcec4ff8f00e8d014d4e35d8', class: "description" }, index.h("slot", { key: '8f0a4f0a8128d49eeb6910f5fc77b7518dee60d4', name: "description" }, this.description))), (this.errorDescription ||
|
|
1004
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c54ffb42c2cb4ffb002f6786f8ffe17b2c33cbd3', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '902f6adc01ec02ecbbb1a8f524e14e3f3ad9c707', name: "error-description" }, this.errorDescription)))));
|
|
1005
1005
|
}
|
|
1006
1006
|
static get formAssociated() { return true; }
|
|
1007
1007
|
get el() { return index.getElement(this); }
|