@nova-design-system/nova-react 3.0.0-beta.45 → 3.0.0-beta.46
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-S09Gr7Tw.js → index-BgDhK4Po.js} +171 -153
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/{nv-alert.entry-DH8Qd2s2.js → nv-alert.entry-C9DnCn0Q.js} +1 -1
- package/dist/cjs/{nv-avatar.entry-B3-elLZC.js → nv-avatar.entry-Cj_bK7KY.js} +1 -1
- package/dist/cjs/{nv-badge_2.entry-D15EDzX0.js → nv-badge_2.entry-H664ASUM.js} +5 -5
- package/dist/cjs/{nv-base.entry-D-_RUZTX.js → nv-base.entry-DdLnS1hF.js} +2 -2
- package/dist/cjs/{nv-breadcrumb.entry-DG49Nj1L.js → nv-breadcrumb.entry-BOyjRSxM.js} +2 -2
- package/dist/cjs/{nv-breadcrumbs.entry-BqJO5pbN.js → nv-breadcrumbs.entry-DkffTj6Z.js} +2 -2
- package/dist/cjs/{nv-button.entry-CN9kB98T.js → nv-button.entry-Dv4bG9oE.js} +2 -2
- package/dist/cjs/{nv-calendar.entry-CMEgSU64.js → nv-calendar.entry-DSoKDy9Q.js} +2 -2
- package/dist/cjs/{nv-col.entry-wcZ9HHAb.js → nv-col.entry-CGNiCKta.js} +2 -2
- package/dist/cjs/{nv-datagrid.entry-GCLeN2qT.js → nv-datagrid.entry-YSL7aTz5.js} +39 -6
- package/dist/cjs/nv-datagridcolumn.entry-7whgB5iS.js +22 -0
- package/dist/cjs/{nv-dialog.entry-DfY0TaYp.js → nv-dialog.entry-CLANnPw3.js} +2 -2
- package/dist/cjs/{nv-dialogfooter_2.entry-OByWsulH.js → nv-dialogfooter_2.entry-cHevwuGs.js} +3 -3
- package/dist/cjs/{nv-fieldcheckbox.entry-Bqpe9BK3.js → nv-fieldcheckbox.entry-BV8M8SyS.js} +5 -5
- package/dist/cjs/{nv-fielddate.entry-DJePv6tR.js → nv-fielddate.entry--KEcXuio.js} +6 -6
- package/dist/cjs/{nv-fielddaterange.entry--YC750sX.js → nv-fielddaterange.entry-Bctzvr40.js} +5 -5
- package/dist/cjs/{nv-fielddropdown.entry-BPlTlc_S.js → nv-fielddropdown.entry-DJPARQ0F.js} +4 -10
- package/dist/cjs/{nv-fielddropdownitem.entry-zwoGySum.js → nv-fielddropdownitem.entry-DAlnhF7-.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-Bg_v0LUF.js → nv-fieldmultiselect.entry-DDKtC-sR.js} +4 -17
- package/dist/cjs/{nv-fieldnumber.entry-BLNaq7yr.js → nv-fieldnumber.entry-FzcOQMWp.js} +4 -4
- package/dist/cjs/{nv-fieldpassword.entry-iSEdS5R8.js → nv-fieldpassword.entry-ZgJKgEWo.js} +10 -8
- package/dist/cjs/{nv-fieldradio.entry-Dov4vZkh.js → nv-fieldradio.entry-B6vwI0oH.js} +4 -4
- package/dist/cjs/{nv-fieldselect.entry-NmpesarX.js → nv-fieldselect.entry-Dpb1RR2D.js} +6 -6
- package/dist/cjs/{nv-fieldtext.entry-r6oQajRS.js → nv-fieldtext.entry-WhMFksEn.js} +4 -4
- package/dist/cjs/{nv-fieldtextarea.entry-CJ2yQkfi.js → nv-fieldtextarea.entry-Cpqi_pE7.js} +4 -4
- package/dist/cjs/{nv-fieldtime.entry-Bxoj6N53.js → nv-fieldtime.entry-BApGHC9K.js} +10 -10
- package/dist/cjs/{nv-icon.entry-CWKRt8F0.js → nv-icon.entry-DTbgrNDQ.js} +2 -2
- package/dist/cjs/{nv-iconbutton_2.entry-CnbscpNn.js → nv-iconbutton_2.entry-D5Wjr6mr.js} +3 -3
- package/dist/cjs/{nv-menu.entry-wC7oSruP.js → nv-menu.entry-4P44Bom1.js} +4 -4
- package/dist/cjs/{nv-menuitem.entry-BVSa1vrS.js → nv-menuitem.entry-pYkLIeY9.js} +2 -2
- package/dist/cjs/{nv-popover.entry-ChP1we3l.js → nv-popover.entry-DJzEjs-d.js} +2 -2
- package/dist/cjs/{nv-row.entry-D6FeFpzG.js → nv-row.entry-AQGhBTGs.js} +2 -2
- package/dist/cjs/{nv-stack.entry-zjJmztkO.js → nv-stack.entry-Bb6k4Yob.js} +2 -2
- package/dist/cjs/{nv-table.entry-CGX0jsR3.js → nv-table.entry-C4DY5CRF.js} +3 -3
- package/dist/cjs/{nv-tablecolumn.entry-Cwdmo_RY.js → nv-tablecolumn.entry-jJAoHJnt.js} +1 -1
- package/dist/cjs/{nv-toggle.entry-BvToMkI2.js → nv-toggle.entry-P76L0fsx.js} +3 -3
- package/dist/cjs/{nv-tooltip.entry-DZ7_lB-p.js → nv-tooltip.entry-DC7XngcD.js} +2 -2
- package/package.json +1 -1
- package/dist/cjs/nv-datagridcolumn.entry-lgIz71UU.js +0 -18
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
|
|
6
6
|
var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
var timeline_animation1b88f052 = require('./timeline.animation-1b88f052-B8-vCVrY.js');
|
|
6
6
|
var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
|
|
@@ -45,7 +45,6 @@ const NvBadge = class {
|
|
|
45
45
|
* Controls the visibility of the badge. Will animate with fade and collapse.
|
|
46
46
|
*/
|
|
47
47
|
this.hidden = false; // eslint-disable-line @stencil-community/reserved-member-names
|
|
48
|
-
this._isHidden = this.hidden;
|
|
49
48
|
/**
|
|
50
49
|
* When true, the alert does not automatically close upon dismissing.
|
|
51
50
|
* Useful for externally controlled component behavior.
|
|
@@ -114,6 +113,7 @@ const NvBadge = class {
|
|
|
114
113
|
this.leadIcon = this.icon;
|
|
115
114
|
}
|
|
116
115
|
if (this.hidden) {
|
|
116
|
+
this._isHidden = true;
|
|
117
117
|
const { setCollapsed } = timeline_animation1b88f052.useCollapse(this.ref);
|
|
118
118
|
const { setFadeOut } = fade_animation2a077983.useFade(this.ref);
|
|
119
119
|
setCollapsed();
|
|
@@ -124,11 +124,11 @@ const NvBadge = class {
|
|
|
124
124
|
/****************************************************************************/
|
|
125
125
|
//#region RENDER
|
|
126
126
|
render() {
|
|
127
|
-
return (index.h(index.Host, { key: '
|
|
127
|
+
return (index.h(index.Host, { key: '8d97eed4a84f2f913e4f8cd64d08c806d9724f33', class: clsx297c1ffe.clsx(`badge-${this.color}`, {
|
|
128
128
|
'has-close': this.dismissible,
|
|
129
129
|
'with-gap': this.dismissible || this.label,
|
|
130
130
|
'visually-hidden': this._isHidden,
|
|
131
|
-
}) }, index.h("slot", { key: '
|
|
131
|
+
}) }, index.h("slot", { key: '34c2c387727e6b68d37fe2b2ac68c82799356e3d', name: "leading-icon" }, this.leadIcon && index.h("nv-icon", { key: '0c23dd58e48fce39d7935549c6289f87f1fb66af', name: this.leadIcon, size: "sm" })), index.h("slot", { key: '7485f570aa3cf519b030bedfa8ccf6a6d37d2c1b' }, this.label && index.h("span", { key: 'eb7afa0eb52582c6d782d2383dfe2eeb41a9649b' }, this.label)), this.dismissible && (index.h("button", { key: 'bc07eed3e1328a8009cb2c8add026a7f8a5335da', onClick: this.handleClose, class: "close", type: "button" }, index.h("nv-icon", { key: 'ab0b2c6224f4b8b147e8158856acbf1ab987b392', name: "x", size: "sm" })))));
|
|
132
132
|
}
|
|
133
133
|
get ref() { return index.getElement(this); }
|
|
134
134
|
static get watchers() { return {
|
|
@@ -185,7 +185,7 @@ const NvFielddropdownitemcheck = class {
|
|
|
185
185
|
};
|
|
186
186
|
}
|
|
187
187
|
render() {
|
|
188
|
-
return (index.h(index.Host, { key: '
|
|
188
|
+
return (index.h(index.Host, { key: '69e403031200efea98b211ed6d69d3a21338bea0', onClick: this.handleClick }, index.h("nv-fieldcheckbox", { key: '0d12dbeef8532087d950bfc4e14994821b1cd3f1', checked: this.checked, name: this.label || this.value, label: this.label || this.value, "label-placement": "after", description: this.description, disabled: this.disabled, tabindex: "-1", role: "option", onCheckedChanged: this.onFieldcheckboxChanged })));
|
|
189
189
|
}
|
|
190
190
|
get el() { return index.getElement(this); }
|
|
191
191
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
const classes = {
|
|
@@ -63,7 +63,7 @@ const NvBaseComponent = class {
|
|
|
63
63
|
/****************************************************************************/
|
|
64
64
|
//#region RENDER
|
|
65
65
|
render() {
|
|
66
|
-
return (index.h(index.Host, { key: '
|
|
66
|
+
return (index.h(index.Host, { key: 'ba3d284241a61fa30bd434f563b7e4962ea3f238', style: { display: 'block' } }, index.h("slot", { key: '44a0f1bc5267cf7e7bd0c1d258e8d9b8020a59f3' })));
|
|
67
67
|
}
|
|
68
68
|
get el() { return index.getElement(this); }
|
|
69
69
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -36,7 +36,7 @@ const NvBreadcrumb = class {
|
|
|
36
36
|
/****************************************************************************/
|
|
37
37
|
//#region RENDER
|
|
38
38
|
render() {
|
|
39
|
-
return (index.h(index.Host, { key: '
|
|
39
|
+
return (index.h(index.Host, { key: '8ffa46d8714261924aaab55940c7dc6b36f2a9f9', role: "listitem", "aria-current": this.current ? 'location' : undefined, class: clsx297c1ffe.clsx({ 'visually-hidden': this.current }) }, this.type === 'collapsed' ? (index.h("button", { ref: el => (this.popoverTrigger = el) }, "...")) : (index.h("slot", null)), this.tooltip && (index.h("nv-tooltip", { key: 'a2beda9f4b9a5eb71962a1cc060f5467fd2b0134', message: this.tooltip, triggerElement: this.popoverTrigger, placement: "top" })), this.type === 'collapsed' && (index.h("nv-popover", { key: 'd4a837d21c07697d6ef01506169474bd5cf5a304', triggerMode: "click", groupName: "breadcrumbs", triggerElement: this.popoverTrigger }, index.h("ul", { key: 'bf089278cfe03ed3ae4beeac57ad67dc029b91cf', slot: "content" }, index.h("slot", { key: '23f21367fc803a5f176947720e55dba4201f64c4' })))), index.h("span", { key: 'e1a9414f3be1fd6ef3450f3e7b99d7ff091ec2f0', "data-scope": "separator" }, "/")));
|
|
40
40
|
}
|
|
41
41
|
get el() { return index.getElement(this); }
|
|
42
42
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
const nvBreadcrumbsCss = "nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--breadcrumb-padding-y)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";
|
|
@@ -12,7 +12,7 @@ const NvBreadcrumbs = class {
|
|
|
12
12
|
}
|
|
13
13
|
//#region RENDER
|
|
14
14
|
render() {
|
|
15
|
-
return (index.h(index.Host, { key: '
|
|
15
|
+
return (index.h(index.Host, { key: '5ab0f09cb86a92464ffcd06d8129543539bdcddf', role: "navigation", "aria-label": "breadcrumbs" }, index.h("ol", { key: 'a7624a2400d9a91ec477694bbd3600960e198981' }, index.h("slot", { key: '7c4102ceebe110377bf212e0695bdec6b455ea74' }))));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
NvBreadcrumbs.style = NvBreadcrumbsStyle0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -150,7 +150,7 @@ const NvButton = class {
|
|
|
150
150
|
/****************************************************************************/
|
|
151
151
|
//#region RENDER
|
|
152
152
|
render() {
|
|
153
|
-
return (index.h(index.Host, { key: '
|
|
153
|
+
return (index.h(index.Host, { key: '751fa0a552eaf13a193a15f9c9d6fe0c257b93e8', role: "button", tabindex: "0", onClick: this.handleButtonClick }, this.loading && (index.h("nv-loader", { key: 'ae8b39b13bfd6cd8a33f7a30afea19e426d0064d', size: this.size === constants98e2dcc2.ButtonSize.Large ? 'sm' : 'xs' })), index.h("slot", { key: 'e1a213305895c9b35d517bedce3a61f49e39642a', name: "leading-icon" }), index.h("slot", { key: '2e9e5ed4381790f3c1c06f1a4bf5f60bda79bd1c' }), index.h("slot", { key: 'e960ec4f4eca0a2a941ca7f3b96a4e31603fa633', name: "trailing-icon" })));
|
|
154
154
|
}
|
|
155
155
|
static get formAssociated() { return true; }
|
|
156
156
|
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-BgDhK4Po.js');
|
|
4
4
|
var _commonjsHelpers1789f0cf = require('./_commonjsHelpers-1789f0cf-BJu3ubxk.js');
|
|
5
5
|
var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
|
|
6
6
|
require('react');
|
|
@@ -1021,7 +1021,7 @@ const NvCalendar = class {
|
|
|
1021
1021
|
* @slot default - Child content of the component.
|
|
1022
1022
|
*/
|
|
1023
1023
|
render() {
|
|
1024
|
-
return (index.h(index.Host, { key: '
|
|
1024
|
+
return (index.h(index.Host, { key: '49bdf5cc44f9e8f13b0fd61936d3b015e6105d18' }, index.h("div", { key: 'e1a0fcc20c7c12930df31c36751824a64fae053f', class: "datepicker-root" }, index.h("div", { key: '48cd6f6d92c41c748fdd05a6d932cbb634e3dfd6', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, index.h("div", { key: 'f5d5ca631e448067cbfb04f0bcc74695b5c6fb5e', class: `datepicker-wrapper ${this.numberOfCalendars === 1 ? 'single' : ''}` }, this.shortcutsPlacement === 'left' && this.renderShortcuts(), Array.from({ length: this.numberOfCalendars }, (_, index) => this.renderCalendar(index, index)), this.shortcutsPlacement === 'right' && this.renderShortcuts()), (this.hasShortcuts || this.hasActions) && (index.h("div", { key: 'cb1ebc42e3616b9c35d147c227a53924fd2c73c8', class: "datepicker-controls" }, this.hasShortcuts && this.renderShortcuts(), this.hasActions && this.renderActions())))), index.h("slot", { key: 'e9bec2dd219502e8855c6195ebe69bff8fff0da5' })));
|
|
1025
1025
|
}
|
|
1026
1026
|
get el() { return index.getElement(this); }
|
|
1027
1027
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -29,7 +29,7 @@ const NvCol = class {
|
|
|
29
29
|
/****************************************************************************/
|
|
30
30
|
//#region RENDER
|
|
31
31
|
render() {
|
|
32
|
-
return (index.h(index.Host, { key: '
|
|
32
|
+
return (index.h(index.Host, { key: '8c6efe159aa3b9d853d07897e17045adabf5716c', class: clsx297c1ffe.clsx(this.getColSize()) }, index.h("slot", { key: '5438e2dd941088fde68b17495a4d231cc56fba3c' })));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
NvCol.style = NvColStyle0;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -3178,6 +3178,7 @@ const NvDatagrid = class {
|
|
|
3178
3178
|
this.parsedColumns = []; // Parsed array
|
|
3179
3179
|
this.parsedData = []; // Parsed array
|
|
3180
3180
|
this.globalFilter = '';
|
|
3181
|
+
this.columnData = [];
|
|
3181
3182
|
//#endregion STATES
|
|
3182
3183
|
/****************************************************************************/
|
|
3183
3184
|
//#region PROPERTIES
|
|
@@ -3253,6 +3254,7 @@ const NvDatagrid = class {
|
|
|
3253
3254
|
*/
|
|
3254
3255
|
cacheTemplates() {
|
|
3255
3256
|
const columns = Array.from(this.el.querySelectorAll('nv-datagridcolumn'));
|
|
3257
|
+
this.columnData = [];
|
|
3256
3258
|
columns.forEach((col) => {
|
|
3257
3259
|
const key = col.accessor;
|
|
3258
3260
|
const cellSlot = col.querySelector('[slot="cell"]');
|
|
@@ -3273,6 +3275,12 @@ const NvDatagrid = class {
|
|
|
3273
3275
|
this.headerTemplateCache.set(key, headerDiv);
|
|
3274
3276
|
}
|
|
3275
3277
|
}
|
|
3278
|
+
const colData = {
|
|
3279
|
+
header: col.header,
|
|
3280
|
+
accessor: col.accessor,
|
|
3281
|
+
repeatTemplate: col.hasAttribute('repeat-template'),
|
|
3282
|
+
};
|
|
3283
|
+
this.columnData.push(colData);
|
|
3276
3284
|
});
|
|
3277
3285
|
}
|
|
3278
3286
|
parseDataAndColumns() {
|
|
@@ -3554,7 +3562,25 @@ const NvDatagrid = class {
|
|
|
3554
3562
|
}
|
|
3555
3563
|
}
|
|
3556
3564
|
// Handle single-level key lookup
|
|
3557
|
-
|
|
3565
|
+
if (key in cellValue) {
|
|
3566
|
+
return String(cellValue[key]);
|
|
3567
|
+
}
|
|
3568
|
+
else if (Array.isArray(cellValue)) {
|
|
3569
|
+
// Handle array of objects
|
|
3570
|
+
const response = cellValue.map((item) => {
|
|
3571
|
+
if (typeof item !== 'object') {
|
|
3572
|
+
return item.toString();
|
|
3573
|
+
}
|
|
3574
|
+
else if (key in item) {
|
|
3575
|
+
return item[key];
|
|
3576
|
+
}
|
|
3577
|
+
else {
|
|
3578
|
+
return item.toString();
|
|
3579
|
+
}
|
|
3580
|
+
});
|
|
3581
|
+
return response.join(', ');
|
|
3582
|
+
}
|
|
3583
|
+
return this.fallbackValue;
|
|
3558
3584
|
}
|
|
3559
3585
|
// If cellValue is a primitive (string, number, boolean, etc.), return it as a string
|
|
3560
3586
|
return (_a = cellValue === null || cellValue === void 0 ? void 0 : cellValue.toString()) !== null && _a !== void 0 ? _a : this.fallbackValue;
|
|
@@ -3665,7 +3691,7 @@ const NvDatagrid = class {
|
|
|
3665
3691
|
const rows = !this.table || this.table === undefined || this.parsedData.length === 0
|
|
3666
3692
|
? []
|
|
3667
3693
|
: (_c = (_b = this.table) === null || _b === void 0 ? void 0 : _b.getRowModel()) === null || _c === void 0 ? void 0 : _c.rows;
|
|
3668
|
-
return (index.h(index.Host, { key: '
|
|
3694
|
+
return (index.h(index.Host, { key: '94163c2c73d03dca35795bfb536c5743cb3aa0dc' }, index.h("div", { key: '022776844872a4a6fcf9d7bdc71651e946e83724', class: "hidden" }, index.h("slot", { key: 'a479cfc2b5ee53aa83450ec784451625e1ae7667' })), index.h("slot", { key: '9beeb16975a685d8ce05981923c999ab2ffa004e', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: '57efcd1ee55fae941a0071000dc665ee76615f32', class: "search-container" }, index.h("input", { key: 'd7352618ce123a7c14d8ebcc0b228136ae2df66a', type: "text", value: (_d = this.globalFilter) !== null && _d !== void 0 ? _d : '', onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns...", class: "search-input", "aria-label": "Search all columns" }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
|
|
3669
3695
|
? headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(headerGroup => (index.h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
|
|
3670
3696
|
return (index.h("th", { key: header.id }, header.isPlaceholder
|
|
3671
3697
|
? null
|
|
@@ -3675,12 +3701,19 @@ const NvDatagrid = class {
|
|
|
3675
3701
|
const rowId = row.id;
|
|
3676
3702
|
const visibleCells = row === null || row === void 0 ? void 0 : row.getVisibleCells();
|
|
3677
3703
|
return (index.h("tr", { key: rowId }, visibleCells.map(cell => {
|
|
3704
|
+
var _a, _b;
|
|
3678
3705
|
const cellAccessors = cell.column.id;
|
|
3679
3706
|
const cellValue = cell.getValue();
|
|
3680
|
-
return (index.h("td", { key: cell.id, "data-row-id": rowId },
|
|
3681
|
-
|
|
3707
|
+
return (index.h("td", { key: cell.id, "data-row-id": rowId }, ((_a = this.columnData.find(x => x.accessor === cellAccessors)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(cellValue)
|
|
3708
|
+
? cellValue.map((item) => {
|
|
3709
|
+
var _a;
|
|
3710
|
+
return (_a = (this.renderTemplate(this.templateCache.get(cellAccessors), item, row) ||
|
|
3711
|
+
item)) !== null && _a !== void 0 ? _a : this.fallbackValue;
|
|
3712
|
+
})
|
|
3713
|
+
: (_b = (this.renderTemplate(this.templateCache.get(cellAccessors), cellValue, row) ||
|
|
3714
|
+
cellValue)) !== null && _b !== void 0 ? _b : this.fallbackValue));
|
|
3682
3715
|
})));
|
|
3683
|
-
}))))), index.h("slot", { key: '
|
|
3716
|
+
}))))), index.h("slot", { key: '15815f259d3936559c89ff943dc349f99fda34fa', name: "after" })));
|
|
3684
3717
|
}
|
|
3685
3718
|
get el() { return index.getElement(this); }
|
|
3686
3719
|
static get watchers() { return {
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
|
+
require('react');
|
|
5
|
+
|
|
6
|
+
const NvDatagridcolumn = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
index.registerInstance(this, hostRef);
|
|
9
|
+
/**
|
|
10
|
+
* Whether the column need to be repeated with the template.
|
|
11
|
+
*/
|
|
12
|
+
this.repeatTemplate = false;
|
|
13
|
+
}
|
|
14
|
+
//#endregion PROPERTIES
|
|
15
|
+
/****************************************************************************/
|
|
16
|
+
//#region RENDER
|
|
17
|
+
render() {
|
|
18
|
+
return (index.h(index.Host, { key: '462144dc8ea401f4f3e3683bdafba983c7147737' }, index.h("slot", { key: '9af4055567f5199f6b4393e37a8a77b884ce82b9', name: "header" }), index.h("slot", { key: '36b8cfd9bc974ed9d2a249418ababa504b66091d', name: "cell" })));
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
exports.nv_datagridcolumn = NvDatagridcolumn;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
|
|
5
5
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
6
6
|
var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
|
|
@@ -776,7 +776,7 @@ const NvDialog = class {
|
|
|
776
776
|
//#region RENDER
|
|
777
777
|
render() {
|
|
778
778
|
const hasForm = this.form || this.el.querySelector('form');
|
|
779
|
-
return (index.h(index.Host, { key: '
|
|
779
|
+
return (index.h(index.Host, { key: '61eba0f85db952b244052a3ee2ef7b7f87fd326c' }, index.h("slot", { key: '44c72cba8610442c45386055285fcc81b9fccc4f', name: "trigger" }), index.h("dialog", { key: 'db3983ac428f7e537037884f5556d97330928238', ref: el => (this.dialogElement = el), onClose: this.handleDialogClose, role: "dialog", "aria-modal": "true", "aria-labelledby": "dialog-header", "aria-describedby": "dialog-content", class: clsx297c1ffe.clsx({ full: this.full }) }, index.h("div", { key: '9ec2a2df306d68ac4cea2c5b2c303d3b491d5e34', class: "content" }, !this.undismissable && (index.h("nv-button", { key: 'a586462512605de60726b912897fa16c39f8f68f', class: "close-button", emphasis: "lower", size: "sm", onClick: this.handleCloseButton, "aria-label": "Close dialog" }, index.h("nv-icon", { key: '95eb4b492442aa0eb43dcab3f9111d9961421322', name: "x", size: "sm" }))), this.headerElement ? (index.h("slot", { name: "header" })) : (index.h("nv-dialogheader", { id: "dialog-header" })), index.h("div", { key: 'f9c1cf75b545166afc4dbb3d650e90042a83ea7a', class: "content-body", id: "dialog-content" }, index.h("slot", { key: '7716af492453f1a9f142aaf2a8af06689e4ded82' })), this.footerElement ? (index.h("slot", { name: "footer" })) : (index.h("nv-dialogfooter", { form: this.form, primaryButtonType: hasForm ? constants98e2dcc2.ButtonType.Submit : constants98e2dcc2.ButtonType.Button, onDialogCanceled: this.handleCancelButton, undismissable: this.undismissable }))))));
|
|
780
780
|
}
|
|
781
781
|
get el() { return index.getElement(this); }
|
|
782
782
|
static get watchers() { return {
|
package/dist/cjs/{nv-dialogfooter_2.entry-OByWsulH.js → nv-dialogfooter_2.entry-cHevwuGs.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -89,7 +89,7 @@ const NvDialogfooter = class {
|
|
|
89
89
|
/****************************************************************************/
|
|
90
90
|
//#region RENDER
|
|
91
91
|
render() {
|
|
92
|
-
return (index.h(index.Host, { key: '
|
|
92
|
+
return (index.h(index.Host, { key: '11bfb772cb942d91363b9636f0baf10d33ce6bbd' }, !this.hasSlot ? (index.h(index.Fragment, null, !this.undismissable && (index.h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), index.h("nv-button", { 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", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (index.h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (index.h("slot", null))));
|
|
93
93
|
}
|
|
94
94
|
static get formAssociated() { return true; }
|
|
95
95
|
get el() { return index.getElement(this); }
|
|
@@ -124,7 +124,7 @@ const NvDialogheader = class {
|
|
|
124
124
|
/****************************************************************************/
|
|
125
125
|
//#region RENDER
|
|
126
126
|
render() {
|
|
127
|
-
return (index.h(index.Host, { key: '
|
|
127
|
+
return (index.h(index.Host, { key: '7658d8f0517e63b3688b938108e8c3a6df788a77' }, !this.hasSlot ? (index.h(index.Fragment, null, index.h("div", { class: "heading" }, this.heading), index.h("div", { class: "subheading" }, this.subheading))) : (index.h("slot", null))));
|
|
128
128
|
}
|
|
129
129
|
get el() { return index.getElement(this); }
|
|
130
130
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
@@ -118,13 +118,13 @@ const NvFieldcheckbox = class {
|
|
|
118
118
|
/****************************************************************************/
|
|
119
119
|
//#region RENDER
|
|
120
120
|
render() {
|
|
121
|
-
return (index.h(index.Host, { key: '
|
|
121
|
+
return (index.h(index.Host, { key: '1d627199f94d133d82bbef8f20de86590d9a3813', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before', this.error && 'error') }, index.h("div", { key: 'bca54e59576da2ec632a7ef7c5f8adb6fb3c77fb', class: "input-container" }, index.h("input", { key: '4f27772a35e74cc945fc4de202099866fbd8a317', 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 && !this.required, required: this.required, indeterminate: this.indeterminate, ref: el => {
|
|
122
122
|
if (el) {
|
|
123
123
|
el.indeterminate = this.indeterminate;
|
|
124
124
|
}
|
|
125
|
-
} }), index.h("span", { key: '
|
|
126
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
127
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
125
|
+
} }), index.h("span", { key: 'd575209c82fe0cbb4f3136a50eb78a9db12cacc0', class: "icon" }, this.checked && !this.indeterminate && (index.h("slot", { key: 'c265cb54bc4d76962203e8ee0298508e9f96bc58', name: "checked-icon" }, index.h("svg", { key: '03d326e69ac11bf22bc3ce43a80023f8c2ff8401', xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: 'ae602d5613c82569f89f97d9e1b6994940f03f9c', d: "M11.6667 3.5L5.25004 9.91667L2.33337 7", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.indeterminate && (index.h("slot", { key: '9f90d9b9a63a50bd0ecd4433b390d4c03604e124', name: "indeterminate-icon" }, index.h("svg", { key: '7681c9b1203240f419fb7cf93644cef77f8438f6', class: "indeterminate-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, index.h("path", { key: 'c28a5d22adace616ede31baa3a4edbc8cb899f01', d: "M2.9165 7H11.0832", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: '9213ad654a4c4f9576160c80195aec378559f2a0', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '73f6c22fe57659b0618216e69289a5704ac231eb', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'fd70342006329609c2b0f9b501d0e2e7ad311f07', name: "label" }, this.label))), (this.description ||
|
|
126
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '17fb2ed0060b24b1ef797efe34b53c94a755a1ac', class: "description" }, index.h("slot", { key: '96d6c1b135f716de40c1223f35a479d3c8cc6c0d', name: "description" }, this.description))), (this.errorDescription ||
|
|
127
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'c63392b6d315d5104087561ca2abf166e190f0f7', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '154010b1ec725f95d88bbf18a9e5d309b73affdd', name: "error-description" }, this.errorDescription))))));
|
|
128
128
|
}
|
|
129
129
|
static get formAssociated() { return true; }
|
|
130
130
|
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-BgDhK4Po.js');
|
|
4
4
|
var inputmaskEdcad3c1 = require('./inputmask-edcad3c1-B9Omti4z.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
@@ -261,12 +261,12 @@ const NvFielddate = class {
|
|
|
261
261
|
/****************************************************************************/
|
|
262
262
|
//#region RENDER
|
|
263
263
|
render() {
|
|
264
|
-
return (index.h(index.Host, { key: '
|
|
265
|
-
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '
|
|
264
|
+
return (index.h(index.Host, { key: 'c7df11a97881887a55ebcedcb2b92aa1ac24097e' }, ((this.label && this.label.length > 0) ||
|
|
265
|
+
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a1b973f2de3b2510e7ed9c4a02d38ebc96cf5261', htmlFor: this.inputId }, index.h("slot", { key: '8a236ef847c3c65994fa47fad12f7c1a84820859', name: "label" }, this.label))), index.h("nv-popover", { key: '76448ee54d85eeed56bc700b6cf5c92bfbad75b3', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '1e3610ab28f294d1075aa78a971ee80a2c5f67bc', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '1ddf6042b74ba760238a92a4bd76e1385ed5b964', name: "before-input" }), index.h("div", { key: 'ed60189f121928bc42fdf6f419a92fe2733ad2a3', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '27d9c9302a8cb2d9d803020e2bc7b86b8c2c673b', name: "leading-input" }), index.h("input", { key: 'c8edffba97c6c51ef545c218459a8ce80698b3c4', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.autofocus, value: this.singleValue, onInput: this.handleInput, onFocus: this.handleFocus }), index.h("nv-iconbutton", { key: 'e69bf0edb9726c201659f5a4aa7453eb3f5067ac', class: "toggle-calendar-icon", name: "calendar" //{this.open ? 'chevron-top' : 'chevron-down'}
|
|
266
266
|
,
|
|
267
|
-
size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '
|
|
268
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
269
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
267
|
+
size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'd8231b608d9d08abb88e261118f9dd02cf8f5c2c', name: "after-input" })), index.h("div", { key: 'c8bb3d4a753e8ad311db1947717f1dad109999c1', slot: "content" }, index.h("nv-calendar", { key: 'bd73bc48c48e708f3655c112b874135003f1a16f', 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 }))), ((this.description && this.description.length > 0) ||
|
|
268
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'dee7ad7eaa2854756e616ef033264c4a2cf8f96c', class: "description" }, index.h("slot", { key: '5556239ae6ed962cd2d51944d2f394f8d7741fb0', name: "description" }, this.description))), (this.errorDescription ||
|
|
269
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '82ba5366e053563fe5fc9471493fb99c78bf078f', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '1fda22554d69a5998b99d3f8c95362a926b44fb3' })));
|
|
270
270
|
}
|
|
271
271
|
get el() { return index.getElement(this); }
|
|
272
272
|
static get watchers() { return {
|
package/dist/cjs/{nv-fielddaterange.entry--YC750sX.js → nv-fielddaterange.entry-Bctzvr40.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var inputmaskEdcad3c1 = require('./inputmask-edcad3c1-B9Omti4z.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
@@ -335,15 +335,15 @@ const NvFielddaterange = class {
|
|
|
335
335
|
/****************************************************************************/
|
|
336
336
|
//#region RENDER
|
|
337
337
|
render() {
|
|
338
|
-
return (index.h(index.Host, { key: '
|
|
339
|
-
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '
|
|
338
|
+
return (index.h(index.Host, { key: '357f98b39d7cade75f24caaba007eec4279cd24e' }, ((this.label && this.label.length > 0) ||
|
|
339
|
+
this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '0731f0d5ad79d323dade2f023f5a9c3088c744b2', htmlFor: this.startInputId }, index.h("slot", { key: '75309cb4161e1652f0445ba924c6d7a58de140c3', name: "label" }, this.label))), index.h("nv-popover", { key: 'f66e2544956ea3dedd249719a4b436077bdc85c0', ref: el => (this.popoverElement = el), id: this.popoverId, triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: 'c1a3b117056a521f6f778a978b4bc8edac32a111', slot: "trigger", class: "input-wrapper" }, index.h("slot", { key: '5fbe2aff9687456dd299792016904470386dfb94', name: "before-input" }), index.h("div", { key: '46726768e9724e983063479e0f301c3d09169669', class: "input-container" }, index.h("slot", { key: 'f4a405be4a98566bd40dc9d19087d2c5c0ac798f', name: "leading-input" }), index.h("div", { key: 'd1abc5e239272e57f0fdbf4c0e9e76ca86230996', class: "range-inputs" }, index.h("input", { key: 'd13584d024b50162d47a74e68592c05206484876', id: this.startInputId, type: "text", placeholder: this.startPlaceholder, name: this.startName, disabled: this.disabled, readOnly: this.readonly, required: this.required, autofocus: this.shouldAutoFocus, value: this.startValue, onInput: this.handleStartInput, onFocus: this.handleFocus }), index.h("svg", { key: '641dda60614637939d8ffaa25052e8f2bcb234d8', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal" }, index.h("path", { key: 'c6245bd4ffa2bb12df3a295a6a10ce8386b5f54b', stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), index.h("path", { key: 'c1b3400148e367dae092eecec9da410cfa2e7547', d: "M18 9l3 3l-3 3" }), index.h("path", { key: '08bc414df54afe457775aec97897ed0acf2dca38', d: "M15 12h6" }), index.h("path", { key: 'd9136526597df7a8193f71414caba9481248ebf2', d: "M6 9l-3 3l3 3" }), index.h("path", { key: '1d194b3449c53be3f05458ade789e99998861371', d: "M3 12h6" })), index.h("input", { key: '5ed58df2a2680b1fa66916f65c2dc48dc648e461', id: this.endInputId, type: "text", placeholder: this.endPlaceholder, name: this.endName, disabled: this.disabled, readOnly: this.readonly, required: this.required, value: this.endValue, onInput: this.handleEndInput, onFocus: this.handleFocus })), index.h("nv-iconbutton", { key: 'e06b3a9326245e581998a60627634560be7124f0', class: "toggle-calendar-icon", name: "calendar", size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide calendar' : 'Show calendar', "aria-pressed": this.open.toString(), onClick: this.toggleCalendar, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: 'bf0ea3f63a5476e7ff4a6954fb200c15a493d6ac', name: "after-input" })), index.h("div", { key: '32fcfbafe86ce08d87d597d40ad25702dd059ed6', slot: "content" }, index.h("nv-calendar", { key: 'ef670618ecca933d976adefaec9996f172f95d7a', dateFormat: this.dateFormat, rangeValue: this.startValue && this.endValue
|
|
340
340
|
? JSON.stringify({
|
|
341
341
|
start: this.startValue,
|
|
342
342
|
end: this.endValue,
|
|
343
343
|
})
|
|
344
344
|
: '', 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" }))), ((this.description && this.description.length > 0) ||
|
|
345
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
346
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
345
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '15dbab39d7ceaf406246462812d8a1307dad40bb', class: "description" }, index.h("slot", { key: '1c5f74676b312a6bbca659a783473da7c3936829', name: "description" }, this.description))), (this.errorDescription ||
|
|
346
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '8f48ac666968cddfdd2c282366ed2f6dccd3013c', hidden: !this.error, class: "error-description" }, this.el.querySelector('[slot="error-description"]') ? (index.h("slot", { name: "error-description" })) : (this.errorDescription))), index.h("slot", { key: '92dc673a2d62a34d3830cf6644b84103b73b695b' })));
|
|
347
347
|
}
|
|
348
348
|
get el() { return index.getElement(this); }
|
|
349
349
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
5
5
|
require('react');
|
|
6
6
|
|
|
@@ -74,7 +74,6 @@ const NvFielddropdown = class {
|
|
|
74
74
|
//#region STATE
|
|
75
75
|
/** The text entered by the user for filtering dropdown items. */
|
|
76
76
|
this.filterText = '';
|
|
77
|
-
this.isFilterable = this.filterable;
|
|
78
77
|
this.selectedValues = new Set();
|
|
79
78
|
/**
|
|
80
79
|
* Options configuration for the dropdown items.
|
|
@@ -164,10 +163,6 @@ const NvFielddropdown = class {
|
|
|
164
163
|
handleOpenChanged(event) {
|
|
165
164
|
this.open = event.detail; // Update `open` based on the popover state
|
|
166
165
|
}
|
|
167
|
-
watchFilterableHandler(newValue) {
|
|
168
|
-
this.isFilterable = newValue;
|
|
169
|
-
this.filterable = newValue;
|
|
170
|
-
}
|
|
171
166
|
watchValueHandler(newValue) {
|
|
172
167
|
this.valueChanged.emit(newValue);
|
|
173
168
|
}
|
|
@@ -344,14 +339,13 @@ const NvFielddropdown = class {
|
|
|
344
339
|
/****************************************************************************/
|
|
345
340
|
//#region RENDER
|
|
346
341
|
render() {
|
|
347
|
-
return (index.h(index.Host, { key: '
|
|
348
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
349
|
-
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '
|
|
342
|
+
return (index.h(index.Host, { key: '9624c909eb35f0e6d9a9875cbeaec8ffb8122d40', 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: '27389b0b422af6b7714cea6654ac243d1e9c242f', htmlFor: this.inputId }, index.h("slot", { key: 'd77573395386ba0c0afa2233f420fa250b86ac9f', name: "label" }, this.label))), index.h("nv-popover", { key: '0b1dda746e71b810ab6050cd8ef6a6bb9a44866e', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open }, index.h("div", { key: '437a94f2230891674dd9c820595fcecfcea48e77', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'e01c2e4bda2806b21c0016bfe710969044994dfc', name: "before-input" }), index.h("div", { key: '310d387f5cc22ad85232c0f491763a810833befc', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: 'c16096b15be3fe16ad8f5fb4a730050f6f797342', 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, value: this.getSelectedLabel(), required: this.required, disabled: this.disabled, readOnly: this.readonly, onInput: this.handleInput, onFocus: this.handleInputFocus, onClick: this.handleInputFocus, onKeyDown: this.handleKeyDown })) : (index.h("p", { "data-scope": "focusable", id: this.inputId, class: "non-filterable-text", onClick: this.handleInputContainerClick, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus }, this.getSelectedLabel() || this.value || this.placeholder)), this.filterable && this.filterText && this.open && (index.h("nv-iconbutton", { key: '208c945944cddcb1c67a3b560428f21ca056b17b', name: "x", size: "md", emphasis: "lower", class: "clear-button", onClick: this.clearFilter, "aria-label": "Clear input" })), this.error && (index.h("nv-icon", { key: 'e3797d5e47e54fd328c0bcd86d14e80ee5e21e17', name: "alert-circle", class: "validation", size: "md" })), index.h("nv-iconbutton", { key: '1ccb8f3bb1ad086339b9888bf89e929164576910', "data-scope": "toggle-dropdown", name: this.open ? 'chevron-top' : 'chevron-down', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide dropdown' : 'Show dropdown', "aria-pressed": this.open.toString(), onClick: this.togglePopover, tabIndex: this.disabled ? -1 : 0 })), index.h("slot", { key: '92a66b2da4f7ada21fdb8199d2b047840050be13', name: "after-input" })), index.h("div", { key: '51ba49500cb0e03531c5b4b939e76817f432be57', slot: "content" }, this.parsedOptions.length > 0 ? (index.h("ul", null, this.parsedOptions.map(option => (index.h("nv-fielddropdownitem", { label: option.label, value: option.value, disabled: option.disabled, selected: option.value === this.value }))))) : (index.h("slot", { name: "content" })))), (this.description ||
|
|
343
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '3cb31c8bfb17db1862af12e817f6646480cd697c', class: "description" }, index.h("slot", { key: '830538f4e63f9de6a613fcce23a80370d941e9da', name: "description" }, this.description))), (this.errorDescription ||
|
|
344
|
+
this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '8ffee4c7d2c9a93bc4de344f812ff568e3d6a23e', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '8f534be6233f54e6b43e2271d0a151a02148d5d8', name: "error-description" }, this.errorDescription)))));
|
|
350
345
|
}
|
|
351
346
|
static get formAssociated() { return true; }
|
|
352
347
|
get el() { return index.getElement(this); }
|
|
353
348
|
static get watchers() { return {
|
|
354
|
-
"filterable": ["watchFilterableHandler"],
|
|
355
349
|
"value": ["watchValueHandler"],
|
|
356
350
|
"options": ["handleOptionsChange"]
|
|
357
351
|
}; }
|
package/dist/cjs/{nv-fielddropdownitem.entry-zwoGySum.js → nv-fielddropdownitem.entry-DAlnhF7-.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-BgDhK4Po.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
const nvFielddropdownitemCss = "nv-fielddropdownitem{display:flex;gap:var(--spacing-2);flex-wrap:wrap;align-items:center;width:100%;padding:var(--list-dropdown-item-padding-y) var(--list-dropdown-item-padding-x);font-weight:var(--menu-contextual-item-font-weight);font-size:var(--list-dropdown-font-size);line-height:var(--list-dropdown-line-height);color:var(--components-list-dropdown-item-label-default);border-radius:var(--list-dropdown-item-radius);transition:background-color 150ms ease-out, color 150ms ease-out;cursor:pointer}nv-fielddropdownitem:hover,nv-fielddropdownitem:focus,nv-fielddropdownitem:focus-within{background-color:var(--components-list-dropdown-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-fielddropdownitem[disabled]:not([disabled=false]){cursor:not-allowed;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}nv-fielddropdownitem .text-wrapper{display:flex;flex-grow:1;align-items:center;justify-content:space-between}nv-fielddropdownitem [data-scope=text]{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nv-fielddropdownitem nv-icon[data-scope=selected]{color:var(--components-list-dropdown-item-label-default);align-self:center;margin-left:auto}";
|
|
@@ -59,7 +59,7 @@ const NvFielddropdownitem = class {
|
|
|
59
59
|
/****************************************************************************/
|
|
60
60
|
//#region RENDER
|
|
61
61
|
render() {
|
|
62
|
-
return (index.h(index.Host, { key: '
|
|
62
|
+
return (index.h(index.Host, { key: '228a213b0a8acb108676e412ed2aa8bcd3f2e88d', role: "menuitem", tabindex: '-1', onClick: this.handleSelected }, index.h("slot", { key: '4578676f2a58e9a3a3a5173ff4659ca8e65755df' }), !this.composed && (index.h("div", { key: 'a4f670296e56319007852726fd5fa3dca1ea3d04', class: "text-wrapper" }, index.h("span", { key: '2b69bca3ee6e1d7e8db57befdfb57bd27c096658', "data-scope": "text" }, this.label))), this.selected && (index.h("nv-icon", { key: '869900dc55ef7e35550d9de1aea06478e90ba890', name: "check", "aria-hidden": "true", "data-scope": "selected" }))));
|
|
63
63
|
}
|
|
64
64
|
get el() { return index.getElement(this); }
|
|
65
65
|
};
|