@nova-design-system/nova-react 3.27.0 → 3.29.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/README.md +1 -1
- package/dist/cjs/generated/components.server.js +24 -0
- package/dist/cjs/index-DgKzi_Pd.js +10208 -0
- 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-D1o0gC5w.js} +3 -3
- package/dist/cjs/{nv-accordion.entry-BooppL5C.js → nv-accordion.entry-DYJtq9Az.js} +1 -1
- package/dist/cjs/{nv-alert.entry-CDmHhq86.js → nv-alert.entry-CMtCdHmk.js} +2 -2
- package/dist/cjs/{nv-avatar.entry-pYMjQvxK.js → nv-avatar.entry-B6e7aG4W.js} +1 -1
- package/dist/cjs/{nv-badge_2.entry-BneUUyR7.js → nv-badge_2.entry-RD3j0bJM.js} +8 -7
- package/dist/cjs/{nv-breadcrumb.entry-B7CGcJ_l.js → nv-breadcrumb.entry-DgpqY2fr.js} +1 -1
- package/dist/cjs/{nv-breadcrumbs.entry-BNKz4ehX.js → nv-breadcrumbs.entry-CZgcDUw5.js} +1 -1
- package/dist/cjs/{nv-button.entry-DDCkNY_S.js → nv-button.entry-DR9NaRxG.js} +1 -1
- package/dist/cjs/{nv-buttongroup.entry-Bio-SWcx.js → nv-buttongroup.entry-qO8r7WqG.js} +1 -1
- package/dist/cjs/{nv-calendar.entry-BoNFEz6W.js → nv-calendar.entry-DRlv3Xph.js} +1 -1
- package/dist/cjs/{nv-col.entry-BHTqFTHl.js → nv-col.entry-B7utJttP.js} +2 -2
- package/dist/cjs/{nv-datagrid.entry-Bw_sqaMu.js → nv-datagrid.entry-digYmlnA.js} +1 -1
- package/dist/cjs/{nv-datagridcolumn.entry-Z-RXn3ak.js → nv-datagridcolumn.entry-UwaDi-Hr.js} +1 -1
- package/dist/cjs/nv-datetest.entry-BJtWaM2T.js +69 -0
- package/dist/cjs/nv-datetimetest.entry-WaNPcHxh.js +57 -0
- package/dist/cjs/{nv-dialog.entry-ByZkK4F9.js → nv-dialog.entry-BI_mFT2G.js} +2 -2
- package/dist/cjs/{nv-dialogfooter_2.entry-Bddcz6HA.js → nv-dialogfooter_2.entry-DU2ClBUR.js} +7 -5
- package/dist/cjs/{nv-drawer.entry-660dihzy.js → nv-drawer.entry-BKF4CyOt.js} +2 -2
- package/dist/cjs/{nv-drawerfooter_2.entry-D6EA-3-u.js → nv-drawerfooter_2.entry-BSyUs7_4.js} +5 -3
- package/dist/cjs/{nv-fieldcheckbox.entry-Bm6qurcS.js → nv-fieldcheckbox.entry-l5FWToQi.js} +5 -5
- package/dist/cjs/{nv-fielddate.entry-DW9RQ_dD.js → nv-fielddate.entry-BfviesNp.js} +8 -8
- package/dist/cjs/{nv-fielddaterange.entry-m3dY0P2v.js → nv-fielddaterange.entry-BvDkPLXG.js} +8 -8
- package/dist/cjs/{nv-fielddropdown.entry-DkARzQix.js → nv-fielddropdown.entry-B-nYjuMt.js} +6 -6
- package/dist/cjs/{nv-fielddropdownitem.entry-DKG1bO2H.js → nv-fielddropdownitem.entry-Dxqyb9DN.js} +2 -2
- package/dist/cjs/{nv-fieldmultiselect.entry-B4As0NxI.js → nv-fieldmultiselect.entry-CgO1RP0W.js} +115 -86
- package/dist/cjs/{nv-fieldnumber.entry-DHBPKUcr.js → nv-fieldnumber.entry-stgdLi7x.js} +6 -6
- package/dist/cjs/{nv-fieldpassword.entry-DxEaIvRh.js → nv-fieldpassword.entry-CHA3JAUd.js} +6 -6
- package/dist/cjs/{nv-fieldradio.entry-MSrPlSzv.js → nv-fieldradio.entry-DHavVjB-.js} +4 -4
- package/dist/cjs/{nv-fieldselect.entry-qMAtqdcr.js → nv-fieldselect.entry-Dq5AsOFt.js} +7 -7
- package/dist/cjs/{nv-fieldslider.entry-CHdMG-lt.js → nv-fieldslider.entry-SlF3BBUW.js} +4 -4
- package/dist/cjs/{nv-fieldtext.entry-tbYFUJP9.js → nv-fieldtext.entry-BYCc8SyD.js} +6 -6
- package/dist/cjs/{nv-fieldtextarea.entry-D7b3-4Ar.js → nv-fieldtextarea.entry-96JCOb9L.js} +5 -5
- package/dist/cjs/{nv-fieldtime.entry-TSPljEeW.js → nv-fieldtime.entry-BdzjxkaK.js} +15 -12
- package/dist/cjs/nv-icon.entry-CSRxi6BH.js +80 -0
- package/dist/cjs/{nv-iconbutton_2.entry-Ch0rfD12.js → nv-iconbutton_2.entry-BtDxwMFD.js} +3 -3
- package/dist/cjs/{nv-menu.entry-BKLyCbyy.js → nv-menu.entry-aX39SPH8.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-BBK6uQav.js → nv-menuitem.entry-DzSp52G2.js} +2 -2
- package/dist/cjs/{nv-notification-bullet.entry-Dk0oaUTe.js → nv-notification-bullet.entry-D2yOXj46.js} +1 -1
- package/dist/cjs/{nv-notification.entry-DVUXuj9T.js → nv-notification.entry-BRXHbtT8.js} +2 -2
- package/dist/cjs/{nv-notificationcontainer.entry-BQbB0vJ8.js → nv-notificationcontainer.entry-YNIM2_ah.js} +2 -14
- package/dist/cjs/{nv-pagination-nav.entry-BON8ve70.js → nv-pagination-nav.entry-uY1nT9aT.js} +2 -2
- package/dist/cjs/{nv-paginationtable.entry-pT2Qx3xY.js → nv-paginationtable.entry-mr5KYXVC.js} +2 -2
- package/dist/cjs/{nv-popover.entry-91VegZzi.js → nv-popover.entry-_9ARKM70.js} +2 -2
- package/dist/cjs/{nv-row.entry-C_75GYAm.js → nv-row.entry-BMQvcqlU.js} +2 -2
- package/dist/cjs/{nv-sidebar.entry-XIcDybjF.js → nv-sidebar.entry-C4HTjJmz.js} +2 -2
- package/dist/cjs/{nv-sidebarcontent.entry-JSf1Mb0x.js → nv-sidebarcontent.entry-llnRwVuj.js} +2 -2
- package/dist/cjs/{nv-sidebardivider.entry-XZ1hYAgj.js → nv-sidebardivider.entry--rQv8d5T.js} +2 -2
- package/dist/cjs/{nv-sidebarfooter.entry-BHO9gh6y.js → nv-sidebarfooter.entry-C5R0sUI_.js} +2 -2
- package/dist/cjs/{nv-sidebargroup.entry-DAb7dWFF.js → nv-sidebargroup.entry-DdrpLbU7.js} +2 -2
- package/dist/cjs/{nv-sidebarheader.entry-BksZP_km.js → nv-sidebarheader.entry-HuBPIsyf.js} +2 -2
- package/dist/cjs/{nv-sidebarlogo.entry-BntEWmH_.js → nv-sidebarlogo.entry-TZNPoqnA.js} +2 -2
- package/dist/cjs/{nv-sidebarnavitem.entry-DSu34C34.js → nv-sidebarnavitem.entry-BWc3mF5I.js} +3 -3
- package/dist/cjs/{nv-sidebarnavsubitem.entry-Y8Ex0_Lr.js → nv-sidebarnavsubitem.entry-DekANwO8.js} +2 -2
- package/dist/cjs/{nv-split.entry-BDr6FxCd.js → nv-split.entry-BOwOB8FW.js} +2 -2
- package/dist/cjs/{nv-stack.entry-CChjKrA3.js → nv-stack.entry-CaTiSLGN.js} +2 -2
- package/dist/cjs/{nv-table.entry-CfqHpj1L.js → nv-table.entry-LFZaS0Dy.js} +3 -3
- package/dist/cjs/{nv-tableheader.entry-C61xO9Ra.js → nv-tableheader.entry-CK50S8xW.js} +2 -2
- package/dist/cjs/nv-timetest.entry-A9elKwkf.js +75 -0
- package/dist/cjs/{nv-toggle.entry-B0HofO36.js → nv-toggle.entry-BGu-6rEs.js} +3 -3
- package/dist/cjs/{nv-togglebutton.entry-CzyNiZyK.js → nv-togglebutton.entry-BzAcBOgN.js} +2 -2
- package/dist/cjs/{nv-togglebuttongroup.entry-TizvIVlB.js → nv-togglebuttongroup.entry-CIWp7IXc.js} +2 -2
- package/dist/cjs/{nv-tooltip.entry-0kcGcQZo.js → nv-tooltip.entry-CoGkSHpv.js} +9 -4
- package/dist/components/NvDatatable/NvDatatable.js +384 -65
- 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 +22 -0
- package/dist/types/generated/components.d.ts +51 -1
- package/dist/types/generated/components.server.d.ts +51 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/providers/NotificationProvider.d.ts +2 -2
- package/package.json +6 -4
- package/dist/cjs/index-clzdrCkN.js +0 -9713
- 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-DgKzi_Pd.js');
|
|
4
4
|
var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
@@ -128,7 +128,7 @@ const NvIconbutton = class {
|
|
|
128
128
|
/****************************************************************************/
|
|
129
129
|
//#region RENDER
|
|
130
130
|
render() {
|
|
131
|
-
return (index.h(index.Host, { key: '
|
|
131
|
+
return (index.h(index.Host, { key: 'e05d654ad6c926e4bc481f52b4b0290ea9fefad0', role: "button", type: this.type, tabindex: this.disableTabindex ? -1 : 0, disabled: this.disabled ? true : undefined, class: clsxChV9xqsO.clsx('root', `size-${this.size}`, `emphasis-${this.emphasis}`, this.loading && 'loading', `shape-${this.shape}`), onClick: this.handleClick }, this.loading && index.h("nv-loader", { key: '9da63b0c9d3ef9cb0b5f53a86fa7389ab43dd43c', size: this.size }), !this.loading && index.h("nv-icon", { key: '0cbf1eceb063dbfa995a5c9d8a426580b46e9a24', name: this.name, size: this.size }), index.h("slot", { key: 'eaddd1e0e0a1080461e4990d4b83f2c79340ecc4' })));
|
|
132
132
|
}
|
|
133
133
|
static get formAssociated() { return true; }
|
|
134
134
|
get el() { return index.getElement(this); }
|
|
@@ -162,7 +162,7 @@ const NvLoader = class {
|
|
|
162
162
|
//#region RENDER
|
|
163
163
|
/* <slot> empty to force rendering change */
|
|
164
164
|
render() {
|
|
165
|
-
return (index.h(index.Host, { key: '
|
|
165
|
+
return (index.h(index.Host, { key: 'a80c59f9585654352e1b48e1a245e94172e1e533', class: clsxChV9xqsO.clsx(this.size && `size-${this.size}`, this.color && `color-${this.color}`) }));
|
|
166
166
|
}
|
|
167
167
|
};
|
|
168
168
|
NvLoader.style = nvLoaderCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -192,7 +192,7 @@ const NvMenu = class {
|
|
|
192
192
|
this.triggerElement = this.el.querySelector('[slot="trigger"]');
|
|
193
193
|
}
|
|
194
194
|
render() {
|
|
195
|
-
return (index.h(index.Host, { key: '
|
|
195
|
+
return (index.h(index.Host, { key: 'b8154f4e215984b0dbb106b44dcad72eacb140e1' }, index.h("slot", { key: 'cddcea9afd3324d39168f3879cdbb0839f3e432a', name: "trigger" }), index.h("nv-popover", { key: '2e20e3b97279c27e16b0eef4eb2d327a1e22c3b3', ref: el => (this.popoverElement = el), triggerMode: "click", triggerElement: this.triggerElement, placement: this.placement, nested: this.nested, open: this.open, onOpenChanged: this.handleOpenChanged.bind(this) }, this.items ? (index.h("ul", { slot: "content" }, this.renderMenuItems())) : (index.h("slot", { name: "content" })))));
|
|
196
196
|
}
|
|
197
197
|
get el() { return index.getElement(this); }
|
|
198
198
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -50,7 +50,7 @@ const NvMenuitem = class {
|
|
|
50
50
|
/****************************************************************************/
|
|
51
51
|
//#region RENDER
|
|
52
52
|
render() {
|
|
53
|
-
return (index.h(index.Host, { key: '
|
|
53
|
+
return (index.h(index.Host, { key: '0099a12f8103b381df6892e0cbebf8e25eebab5f', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '469a58bde78f58b0cb3684afe402ccc4a5c7c540', name: this.icon }), index.h("slot", { key: 'fd285713bcfb464ceed4bfc65cc7a13ce0733606' }), this.label && index.h("span", { key: '8a0539f81fa903ec8ed817c5bda8d9ffc76ef2db', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'ff2a00962610c05587d685d3c57ec8898d9ec993' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '3f85d0a3b1a5553b8893d3a15f3aef8cd23af8e8', name: "chevron-right" })));
|
|
54
54
|
}
|
|
55
55
|
get el() { return index.getElement(this); }
|
|
56
56
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
var constantsBReL3Lsa = require('./constants-BReL3Lsa-DpB_ghPF.js');
|
|
5
5
|
var collapse_animationDZDm0vSK = require('./collapse.animation-DZDm0vSK-C2TOIhIK.js');
|
|
6
6
|
var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
|
|
@@ -167,7 +167,7 @@ const NvNotification = class {
|
|
|
167
167
|
/****************************************************************************/
|
|
168
168
|
//#region RENDER
|
|
169
169
|
render() {
|
|
170
|
-
return (index.h(index.Host, { key: '
|
|
170
|
+
return (index.h(index.Host, { key: 'e3f03dd6b580e9f19ac6908fc7d417c148317538', role: this.getAriaRole(), "aria-live": this.getAriaLive(), "aria-atomic": true, "aria-labelledby": this.getHeadingId() ?? null, "aria-describedby": this.getMessageId() ?? null, tabindex: "-1" }, index.h("div", { key: '42d46d24c47909e381482aeb66e6aa5d2f1fcc92', "data-scope": "container", ref: el => (this.container = el) }, this.dismissible && (index.h("button", { key: 'dc47d41d40988dab9e63c6c5e794940826233400', "data-scope": "dismiss", type: "button", onClick: this.dismiss.bind(this) }, index.h("nv-icon", { key: 'f1f83c98845ed3df1a85c03c8262f15d2148131b', name: "x", size: "sm" }))), index.h("nv-icon", { key: 'adf0fe6170343387ce6316e17f0ef614f44130e1', name: this.icon ?? this.getDefaultIcon(), size: "md", "data-scope": "icon" }), index.h("div", { key: '7e16202e3f42cf3abd47ac9e58812bd8de829fbd', "data-scope": "content" }, (this.heading || this.headingSlot) && (index.h("p", { key: 'f0e80aae320de33fe91e5fb4e573c6eacdaafa8c', id: this.getHeadingId(), "data-scope": "heading" }, index.h("slot", { key: '54007f5cf01b74bb04bb2f48a0e482aa4c0522a5', name: "heading" }, this.heading))), (this.message || this.messageSlot) && (index.h("p", { key: '249324e6ea951587ace619d6df0fff422e6eee40', id: this.getMessageId(), "data-scope": "message" }, index.h("slot", { key: '2ae08bc1526aaf12b26a2202d33b85f9cfa69f74', name: "content" }, this.message))), this.actionsSlot && (index.h("div", { key: '36e930834c39b0552d203630baffa593542ff631', "data-scope": "actions" }, index.h("slot", { key: '15c1fa42b17f907962c6b6396afe384ba5e1c98f', name: "actions" })))))));
|
|
171
171
|
}
|
|
172
172
|
get el() { return index.getElement(this); }
|
|
173
173
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -19,21 +19,9 @@ const NvNotificationContainer = class {
|
|
|
19
19
|
}
|
|
20
20
|
//#endregion PROPERTIES
|
|
21
21
|
/****************************************************************************/
|
|
22
|
-
//#region METHODS
|
|
23
|
-
//#endregion METHODS
|
|
24
|
-
/****************************************************************************/
|
|
25
|
-
//#region WATCHERS
|
|
26
|
-
//#endregion WATCHERS
|
|
27
|
-
/****************************************************************************/
|
|
28
|
-
//#region LIFECYCLE
|
|
29
|
-
//#endregion LIFECYCLE
|
|
30
|
-
/****************************************************************************/
|
|
31
|
-
//#region EVENTS
|
|
32
|
-
//#endregion EVENTS
|
|
33
|
-
/****************************************************************************/
|
|
34
22
|
//#region RENDER
|
|
35
23
|
render() {
|
|
36
|
-
return (index.h(index.Host, { key: '
|
|
24
|
+
return (index.h(index.Host, { key: 'd2c471aaac0f76edade303331718d2b0f7c6bb39', class: `position-${this.position}` }, index.h("slot", { key: '48bbc563523bfb107bbbd2cc60561ccb87f9968c' })));
|
|
37
25
|
}
|
|
38
26
|
};
|
|
39
27
|
NvNotificationContainer.style = nvNotificationcontainerCss();
|
package/dist/cjs/{nv-pagination-nav.entry-BON8ve70.js → nv-pagination-nav.entry-uY1nT9aT.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -180,7 +180,7 @@ const NvPaginationNav = class {
|
|
|
180
180
|
render() {
|
|
181
181
|
const isFirstPage = this.currentPage === 1;
|
|
182
182
|
const isLastPage = this.currentPage === this.totalPages;
|
|
183
|
-
return (index.h(index.Host, { key: '
|
|
183
|
+
return (index.h(index.Host, { key: 'b2255fce4e03cee8ff370086aac31df5c69d275d' }, index.h("nav", { key: 'a136b7193f9b00a68e6ee626802dee19fd762531', "data-scope": "pagination-nav", "aria-label": "Pagination navigation" }, this.isOnlyIcon ? (index.h("nv-iconbutton", { name: "chevron-left", size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-iconbutton", "aria-label": this.previousButtonLabel })) : (index.h("nv-button", { size: "md", emphasis: "lower", disabled: isFirstPage, onClick: () => this.handlePageChange(this.currentPage - 1), "data-scope": "previous-button" }, index.h("nv-icon", { slot: "leading-icon", name: "chevron-left" }), this.previousButtonLabel)), index.h("ol", { key: '5bebe0e3f5c8f1799ed8980752fbed7aadbcac01', "data-scope": "page-list" }, calculatePaginationRange({
|
|
184
184
|
currentPage: this.currentPage,
|
|
185
185
|
totalCount: this.totalCount,
|
|
186
186
|
pageSize: this.pageSize,
|
package/dist/cjs/{nv-paginationtable.entry-pT2Qx3xY.js → nv-paginationtable.entry-mr5KYXVC.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -215,7 +215,7 @@ const NvPaginationtable = class {
|
|
|
215
215
|
const pageLabel = interpolate(this.labelPage, { pageIndex: this.pageIndex + 1, pageCount: this.pageCount }, 'Page {pageIndex} of {pageCount}');
|
|
216
216
|
const totalLabel = interpolate(this.labelTotal, { rowCount: this.rowCount }, 'Total: {rowCount} rows');
|
|
217
217
|
const pageSizeOptions = generatePageSizeOptions(this.labelPageSizeOption ?? '{pageSize} per page');
|
|
218
|
-
return (index.h(index.Host, { key: '
|
|
218
|
+
return (index.h(index.Host, { key: '0556d5f0dc69faa503b504ec87c47819f92d565d' }, !this.hideControls && (index.h("div", { key: 'b097a2bda8c09b88db038c1039133a7ec2571247', "data-scope": "controls" }, !this.hideFirstLast && (index.h("nv-iconbutton", { key: '29841590c99ee7534d1d41933c4eb155a9b9a9db', name: "chevrons-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.firstPage() })), !this.hidePrevNext && (index.h("nv-iconbutton", { key: '9d075e5ea8ee0f1b77de4da5072862d076579778', name: "chevron-left", emphasis: "lower", size: "sm", disabled: atFirstPage, onClick: () => this.previousPage() })), !this.hidePrevNext && (index.h("nv-iconbutton", { key: '712ebb3f14e02945b20d57b85a891550a1e09e95', name: "chevron-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.nextPage() })), !this.hideFirstLast && (index.h("nv-iconbutton", { key: '1982d2de200284b3bc70dd51bea9c452b2791038', name: "chevrons-right", emphasis: "lower", size: "sm", disabled: atLastPage, onClick: () => this.lastPage() })))), index.h("span", { key: '8c2f7473c47f4fcb9a8373c8b7030a7f56e8b682', "data-scope": "page-label" }, pageLabel), index.h("span", { key: '527cd649cf4e8ba1d62451d6910401076d555b86', "data-scope": "total" }, totalLabel), index.h("div", { key: '2bf99bd31d9d46059fc6ab52f6e20878ce2dea64', "data-scope": "per-page" }, index.h("nv-fieldselect", { key: '4f55796d8cccdf9f50792eb3ff3d448cdae8de07', value: String(this.pageSize), onValueChanged: this.handlePageSizeChange, options: pageSizeOptions })), index.h("slot", { key: '9b1dc7edf5dd4ed4be02705a11a3c04f5bcc81bd' })));
|
|
219
219
|
}
|
|
220
220
|
static get watchers() { return {
|
|
221
221
|
"pageIndex": [{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
var fade_animationDcRL9lcm = require('./fade.animation-DcRL9lcm-DAZeHoKN.js');
|
|
5
5
|
var grow_animationD7ep_aVl = require('./grow.animation-D7ep_aVl-BuXEDSK-.js');
|
|
6
6
|
require('./style-value-types.es-xlgmw4x8-B1vLqX9m.js');
|
|
@@ -1962,7 +1962,7 @@ const NvPopover = class {
|
|
|
1962
1962
|
/****************************************************************************/
|
|
1963
1963
|
//#region RENDER
|
|
1964
1964
|
render() {
|
|
1965
|
-
return (index.h(index.Host, { key: '
|
|
1965
|
+
return (index.h(index.Host, { key: '8f9429a26146be5feff838bff9861c8016bcae72' }, index.h("slot", { key: '507917d729f202d0ec29e2011b0aae958a4474b5', name: "trigger" }), index.h("div", { key: 'cc85ae4610b0554b2cddd2fb62a8e8df5b8de21f', "data-scope": "popover", "data-strategy": this.strategy, hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: 'e53a79dc2a4d439271d55391ad087c0db8abaf19', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: 'ef72627c588727dff2f558133d46e1689a89fc24', name: "content" }))));
|
|
1966
1966
|
}
|
|
1967
1967
|
get el() { return index.getElement(this); }
|
|
1968
1968
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -14,7 +14,7 @@ const NvRow = class {
|
|
|
14
14
|
/****************************************************************************/
|
|
15
15
|
//#region RENDER
|
|
16
16
|
render() {
|
|
17
|
-
return (index.h(index.Host, { key: '
|
|
17
|
+
return (index.h(index.Host, { key: '18964229751804689bc422177dcd5649ef9af68f' }, index.h("slot", { key: 'd2d331afe7dbcf2caded4dc6131512520472b716' })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
NvRow.style = nvRowCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -162,7 +162,7 @@ const NvSidebar = class {
|
|
|
162
162
|
//#region RENDER
|
|
163
163
|
render() {
|
|
164
164
|
const isCollapsed = this.type === 'collapsible' && !this.open;
|
|
165
|
-
return (index.h(index.Host, { key: '
|
|
165
|
+
return (index.h(index.Host, { key: '7c77dc107335664b3844b38579f53c8805de09ca', role: "navigation", collapsed: isCollapsed ? true : undefined, "notification-intention": this.notificationIntention, "notification-emphasis": this.notificationEmphasis, "aria-expanded": this.type === 'collapsible' ? String(this.open) : undefined }, index.h("div", { key: '00e9958d45d311168ab3024eda4d0a45813a8152', class: "nv-sidebar-container" }, index.h("slot", { key: '047f6bda1730f65c403f6aefe52b7c06192001c3' })), this.type === 'collapsible' && (index.h("button", { key: '51174b4f74614dc1eb1bfc78aacc542d8c938a02', class: "nv-sidebar-toggle", onClick: this.handleToggle, "aria-label": this.open ? 'Collapse sidebar' : 'Expand sidebar' }, index.h("nv-icon", { key: '75fc4ce9ac319be982534d502d5c019ff7d8ebdf', name: this.open
|
|
166
166
|
? 'layout-sidebar-left-collapse'
|
|
167
167
|
: 'layout-sidebar-right-collapse', size: "sm" })))));
|
|
168
168
|
}
|
package/dist/cjs/{nv-sidebarcontent.entry-JSf1Mb0x.js → nv-sidebarcontent.entry-llnRwVuj.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -14,7 +14,7 @@ const NvSidebarcontent = class {
|
|
|
14
14
|
/****************************************************************************/
|
|
15
15
|
//#region RENDER
|
|
16
16
|
render() {
|
|
17
|
-
return (index.h(index.Host, { key: '
|
|
17
|
+
return (index.h(index.Host, { key: '1892ab4b2c7698bb6c0e2baae242650f3a967947', role: "list" }, index.h("slot", { key: 'a971f991f52e65f4bd83dafeee2cbdf7c4b6de51' })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
NvSidebarcontent.style = nvSidebarcontentCss();
|
package/dist/cjs/{nv-sidebardivider.entry-XZ1hYAgj.js → nv-sidebardivider.entry--rQv8d5T.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -14,7 +14,7 @@ const NvSidebardivider = class {
|
|
|
14
14
|
/****************************************************************************/
|
|
15
15
|
//#region RENDER
|
|
16
16
|
render() {
|
|
17
|
-
return index.h(index.Host, { key: '
|
|
17
|
+
return index.h(index.Host, { key: 'f8b607a8376e9e27d33ff13da96765bf46231cc0', role: "separator", "aria-orientation": "horizontal" });
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
NvSidebardivider.style = nvSidebardividerCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -14,7 +14,7 @@ const NvSidebarfooter = class {
|
|
|
14
14
|
/****************************************************************************/
|
|
15
15
|
//#region RENDER
|
|
16
16
|
render() {
|
|
17
|
-
return (index.h(index.Host, { key: '
|
|
17
|
+
return (index.h(index.Host, { key: '4ef8bb09df1cca9008062f4dc8f0252472da6a66' }, index.h("slot", { key: 'b30037ecc79272287a5ad134b1b17ce9516d14c7' })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
NvSidebarfooter.style = nvSidebarfooterCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -15,7 +15,7 @@ const NvSidebargroup = class {
|
|
|
15
15
|
/****************************************************************************/
|
|
16
16
|
//#region RENDER
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: 'e23656515b0882eaeed7a9a3b5c772deab41cd9c', role: "group", "aria-label": this.label }, this.label && index.h("div", { key: '41600406fb5fd8f3845464260ccbcb3845d52b37', class: "nv-sidebargroup-label" }, this.label), index.h("slot", { key: '14303ef78c5da82c9a6d94d09a1e9341ade5bee4' })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
NvSidebargroup.style = nvSidebargroupCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -14,7 +14,7 @@ const NvSidebarheader = class {
|
|
|
14
14
|
/****************************************************************************/
|
|
15
15
|
//#region RENDER
|
|
16
16
|
render() {
|
|
17
|
-
return (index.h(index.Host, { key: '
|
|
17
|
+
return (index.h(index.Host, { key: '5e0b6bdc78618f3e434b62b6f6e4d60c220895ce' }, index.h("slot", { key: 'ae0f11bea6f4f9bbe5376d0870453648dc4acc77' })));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
NvSidebarheader.style = nvSidebarheaderCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -24,7 +24,7 @@ const NvSidebarlogo = class {
|
|
|
24
24
|
render() {
|
|
25
25
|
const logoSrc = this.logo || this.defaultLogo;
|
|
26
26
|
const collapsedLogoSrc = this.collapsedLogo || this.defaultCollapsedLogo;
|
|
27
|
-
return (index.h(index.Host, { key: '
|
|
27
|
+
return (index.h(index.Host, { key: '4a4ce90770480c97bbe8d940cf30f75b838de6c4' }, index.h("div", { key: '0ff88ef0a319410b0162f79738c13b3eb304fccb', class: "nv-sidebarlogo-container" }, index.h("img", { key: '6e94515fac21420295752374392e24de5079f013', src: logoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-full" }), index.h("img", { key: '88f326b233a44c0e4bbc1efbeabfa619f27366a2', src: collapsedLogoSrc, alt: this.label || 'Logo', class: "nv-sidebarlogo-collapsed" }), index.h("slot", { key: 'bb09f8c0b8df53e8e3a47cc70235ca1599420ec1', name: "label" }), this.label && index.h("span", { key: 'b711afc9977d86decc2f475b457e8a8d6ed507f0', class: "nv-sidebarlogo-title" }, this.label))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
NvSidebarlogo.style = nvSidebarlogoCss();
|
package/dist/cjs/{nv-sidebarnavitem.entry-DSu34C34.js → nv-sidebarnavitem.entry-BWc3mF5I.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -276,7 +276,7 @@ const NvSidebarnavitem = class {
|
|
|
276
276
|
render() {
|
|
277
277
|
const showNotificationBullet = this.notificationCount !== undefined && this.notificationCount > 0;
|
|
278
278
|
const notificationSize = this.isSidebarCollapsed ? 'reduced' : 'default';
|
|
279
|
-
return (index.h(index.Host, { key: '
|
|
279
|
+
return (index.h(index.Host, { key: '1b2cf1eb2d9c5042aeb24324194feb1b55650ca9', role: "listitem" }, index.h("div", { key: 'c3dafa7bd8d23dacb986a049b909c799b96aa2a9', class: "nv-sidebarnavitem-trigger", onClick: this.handleToggle, "aria-expanded": this.collapsible ? String(this.open) : undefined, "aria-current": this.active && !this.collapsible ? 'page' : undefined }, this.icon && (index.h("div", { key: '7f5bcd6d41518923d6a83ddca423660eb2a41e6f', class: "nv-sidebarnavitem-icon" }, index.h("nv-icon", { key: 'bd910ba67edcd13bacea4cd6c229a20c6cb20911', name: this.icon, size: "md" }), showNotificationBullet && this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: 'cd52de830137aa70411c49d619e0ede95bcaf67f', count: this.notificationCount, size: notificationSize, contrastingBorder: true })))), index.h("div", { key: '103b75a710cf47e26143d4821826c95d9b17408c', class: "nv-sidebarnavitem-content" }, index.h("slot", { key: 'bae51d0b18e157637987b686d9ee021031256290' })), index.h("div", { key: 'a8eb101fb69af8a4ac279d6a3ad5652e22e22e33', class: "nv-sidebarnavitem-trailing" }, index.h("slot", { key: '1d797ec2458e3e4abab727cfdb0939f6be082164', name: "trailing" }), showNotificationBullet && !this.isSidebarCollapsed && (index.h("nv-notification-bullet", { key: '2d4e477da92c41c7b74e30829bb283b7bb130759', count: this.notificationCount, size: notificationSize })), this.collapsible && (index.h("nv-icon", { key: '5012ca8ad3b830a2fd57c0382d446a2891d7949a', name: "chevron-down", size: "sm", class: "nv-sidebarnavitem-chevron" })))), this.collapsible && this.hasSubitems && (index.h("div", { key: 'f7fd2c3cda2ae781ce10a9bc92cbd74154a18ba1', class: "nv-sidebarnavitem-subitems", ref: el => {
|
|
280
280
|
// Only update ref and initialize if element changed or not yet initialized
|
|
281
281
|
if (el !== this.subitemsRef) {
|
|
282
282
|
this.subitemsRef = el;
|
|
@@ -291,7 +291,7 @@ const NvSidebarnavitem = class {
|
|
|
291
291
|
});
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
|
-
} }, index.h("slot", { key: '
|
|
294
|
+
} }, index.h("slot", { key: 'c3d3fb65b3af3550c10c14937dea1a981e3eb010', name: "subitems" })))));
|
|
295
295
|
}
|
|
296
296
|
get el() { return index.getElement(this); }
|
|
297
297
|
static get watchers() { return {
|
package/dist/cjs/{nv-sidebarnavsubitem.entry-Y8Ex0_Lr.js → nv-sidebarnavsubitem.entry-DekANwO8.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -27,7 +27,7 @@ const NvSidebarnavsubitem = class {
|
|
|
27
27
|
/****************************************************************************/
|
|
28
28
|
//#region RENDER
|
|
29
29
|
render() {
|
|
30
|
-
return (index.h(index.Host, { key: '
|
|
30
|
+
return (index.h(index.Host, { key: '05f74ef3cf6f93804e4446fe23977d8773deb7e2', role: "listitem", "aria-current": this.active ? 'page' : undefined }, index.h("div", { key: 'f1f2db51fbff9c2f58ba317cb5fcbe1805cd189b', class: "nv-sidebarnavsubitem-indicator" }), index.h("div", { key: 'c476dfbda77ee7bcca1338ef8d8b103806e6e3a7', class: "nv-sidebarnavsubitem-content" }, index.h("slot", { key: 'b80cb20a4f13b691cbd31c344d442f8a23585a26' })), index.h("div", { key: '383dc01158c4752506a6069be9abe2e20b83b9e4', class: "nv-sidebarnavsubitem-trailing" }, index.h("slot", { key: '2c63f696dd64ef8f680f3b85959d756952fd8db4', name: "trailing" }))));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
NvSidebarnavsubitem.style = nvSidebarnavsubitemCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -326,7 +326,7 @@ const NvSplit = class {
|
|
|
326
326
|
/****************************************************************************/
|
|
327
327
|
//#region RENDER
|
|
328
328
|
render() {
|
|
329
|
-
return (index.h(index.Host, { key: '
|
|
329
|
+
return (index.h(index.Host, { key: '8ad8bebda77f9868b9715280c0157f247057026d', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: '8ca002feab0c3cd7755a5f1f53864e4e20585420', name: "pane" }), index.h("slot", { key: 'f7f7352ed8c326ec263f6d617bcd84fea02689ea', name: "gutter" })));
|
|
330
330
|
}
|
|
331
331
|
get el() { return index.getElement(this); }
|
|
332
332
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
|
|
5
5
|
require('@stencil/react-output-target/runtime');
|
|
6
6
|
require('react');
|
|
@@ -23,7 +23,7 @@ const NvStack = class {
|
|
|
23
23
|
/****************************************************************************/
|
|
24
24
|
//#region RENDER
|
|
25
25
|
render() {
|
|
26
|
-
return (index.h(index.Host, { key: '
|
|
26
|
+
return (index.h(index.Host, { key: '861c5eed0b6dc7cdd5bf3a2d07af92127e2025bf', class: clsxChV9xqsO.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '4cf3d3fb15fa6c4ed2d7d6bb70334965b0cca457' })));
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
NvStack.style = nvStackCss();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -180,7 +180,7 @@ function updateCellWidthFromResize(state, event, minWidth = TABLE_CONSTANTS.MIN_
|
|
|
180
180
|
setCellWidth(state.resizingCell, newWidth);
|
|
181
181
|
}
|
|
182
182
|
|
|
183
|
-
const nvTableCss = () => `nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table tbody
|
|
183
|
+
const nvTableCss = () => `nv-table table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%;background:var(--color-level-00-background)}nv-table table thead{background:var(--components-datagrid-header-background)}nv-table table tbody tr.nv-datatable-row-clickable{cursor:pointer}nv-table table tbody tr.nv-datatable-row-clickable td{transition:background-color 120ms ease-in-out}nv-table table tbody tr.nv-datatable-row-clickable:focus-visible{outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-table table tbody tr[data-selected]{background:var(--components-datagrid-body-background-active)}nv-table table[data-row-click-enabled=true] tbody tr.nv-datatable-row-clickable:hover td{background:var(--components-datagrid-body-background-hover)}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected]){background-color:transparent !important;cursor:default}nv-table table[data-row-click-enabled=false]>tbody>tr:hover:not([data-selected])>td{background:var(--components-datagrid-body-background-default) !important}nv-table table td{height:var(--spacing-16);padding:var(--datagrid-cell-body-padding-y) var(--datagrid-cell-body-padding-x) var(--spacing-2) var(--datagrid-cell-body-padding-x);font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-base);background:var(--components-datagrid-body-background-default);border-bottom:1px solid var(--components-datagrid-body-border)}nv-table table th{position:relative;text-align:left;padding:var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-right) var(--datagrid-cell-header-padding-y) var(--datagrid-cell-header-padding-x);padding-right:calc(var(--datagrid-cell-header-padding-right) + 12px);color:var(--color-content-low-text);font-variant-numeric:lining-nums tabular-nums slashed-zero;font-size:var(--font-size-md);font-style:normal;font-weight:var(--font-weight-high-emphasis);line-height:var(--line-height-base);min-width:40px;border-bottom:1px solid var(--components-datagrid-header-border);background:var(--components-datagrid-header-background)}nv-table table th::after{content:"";position:absolute;top:0;right:0;width:12px;height:50%;transform:translateY(50%);cursor:col-resize;background:linear-gradient(90deg, transparent 0%, transparent calc(50% - 1px), var(--components-datagrid-header-border), calc(50% - 1px), var(--components-datagrid-header-border) calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);opacity:0;transition:opacity 0.05s ease-in-out}nv-table table th[data-grow]{width:unset}nv-table table th:hover::after{opacity:1}nv-table table th[data-no-resize]::after{display:none}nv-table [data-sticky-left]{position:sticky;z-index:1;background:var(--color-level-00-background);left:0;top:0}nv-table [data-sticky-right]{position:sticky;z-index:1;background:var(--color-level-00-background);right:0;top:0}nv-table [data-sticky-top] th{position:sticky;z-index:1;background:var(--color-level-00-background);top:0}`;
|
|
184
184
|
|
|
185
185
|
const NvTable = class {
|
|
186
186
|
constructor(hostRef) {
|
|
@@ -236,7 +236,7 @@ const NvTable = class {
|
|
|
236
236
|
/****************************************************************************/
|
|
237
237
|
//#region RENDER
|
|
238
238
|
render() {
|
|
239
|
-
return (index.h(index.Host, { key: '
|
|
239
|
+
return (index.h(index.Host, { key: 'a6882cbcf9b0b12776f6d4be6d9cbfb42aff6833' }, index.h("slot", { key: 'd4d47a2eb77c50ff30109e217ceecd2677b9d28d' })));
|
|
240
240
|
}
|
|
241
241
|
get host() { return index.getElement(this); }
|
|
242
242
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
4
|
require('@stencil/react-output-target/runtime');
|
|
5
5
|
require('react');
|
|
6
6
|
require('react-dom');
|
|
@@ -62,7 +62,7 @@ const NvTableheader = class {
|
|
|
62
62
|
/****************************************************************************/
|
|
63
63
|
//#region RENDER
|
|
64
64
|
render() {
|
|
65
|
-
return (index.h(index.Host, { key: '
|
|
65
|
+
return (index.h(index.Host, { key: '962f555a02b3035148c5915ae7493c68c0202cc7', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, index.h("slot", { key: '0e69da3d4e2eb8ad01060f51d5043ffc14380415' }), this.sortable && (index.h("span", { key: 'a9b5ff97552d142cc3e1becc14a34ebab1f3092d', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: '76f832eba2b57f244dbce597668f493a918cf599', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
|
|
66
66
|
// prevent mousedown from selecting text
|
|
67
67
|
onMouseDown: (e) => e.preventDefault(), class: {
|
|
68
68
|
'is-none': this.sortDirection === 'none',
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var index = require('./index-DgKzi_Pd.js');
|
|
4
|
+
var novaDatetimeCyL2J6O4 = require('./nova-datetime-CyL2J6O4-0Y9g3rfI.js');
|
|
5
|
+
require('@stencil/react-output-target/runtime');
|
|
6
|
+
require('react');
|
|
7
|
+
require('react-dom');
|
|
8
|
+
|
|
9
|
+
const nvTimetestCss = () => `nv-timetest{display:flex}nv-timetest label{display:flex;flex-direction:column;margin-right:10px;font-weight:bold}nv-timetest input{font-weight:normal;padding:var(--spacing-2);border-radius:var(--spacing-1);border:1px solid #ccc}`;
|
|
10
|
+
|
|
11
|
+
const NvTimetest = class {
|
|
12
|
+
constructor(hostRef) {
|
|
13
|
+
index.registerInstance(this, hostRef);
|
|
14
|
+
this.valueChanged = index.createEvent(this, "valueChanged", 3);
|
|
15
|
+
this.lastChanged = index.createEvent(this, "lastChanged", 3);
|
|
16
|
+
this.historyChanged = index.createEvent(this, "historyChanged", 3);
|
|
17
|
+
this.valueDateChanged = index.createEvent(this, "valueDateChanged", 3);
|
|
18
|
+
//#endregion PROPERTIES
|
|
19
|
+
/****************************************************************************/
|
|
20
|
+
//#region METHODS
|
|
21
|
+
this.handleStartChange = (event) => {
|
|
22
|
+
const input = event.target;
|
|
23
|
+
const parsed = novaDatetimeCyL2J6O4.parseTimeOnly(input.value);
|
|
24
|
+
if (!parsed)
|
|
25
|
+
return;
|
|
26
|
+
const newStart = novaDatetimeCyL2J6O4.formatTimeOnly(parsed);
|
|
27
|
+
this.value = { start: newStart, end: this.value?.end };
|
|
28
|
+
this.lastChange = newStart;
|
|
29
|
+
this.history = [...(this.history ?? []), newStart];
|
|
30
|
+
this.valueChanged.emit(this.value);
|
|
31
|
+
this.lastChanged.emit({ time: this.lastChange });
|
|
32
|
+
this.historyChanged.emit({ times: this.history });
|
|
33
|
+
const todayDate = novaDatetimeCyL2J6O4.LocalDate.now().toString();
|
|
34
|
+
this.valueDateChanged.emit({
|
|
35
|
+
start: this.value?.start
|
|
36
|
+
? new Date(todayDate + 'T' + this.value.start)
|
|
37
|
+
: undefined,
|
|
38
|
+
end: this.value?.end
|
|
39
|
+
? new Date(todayDate + 'T' + this.value.end)
|
|
40
|
+
: undefined,
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
this.handleEndChange = (event) => {
|
|
44
|
+
const input = event.target;
|
|
45
|
+
const parsed = novaDatetimeCyL2J6O4.parseTimeOnly(input.value);
|
|
46
|
+
if (!parsed)
|
|
47
|
+
return;
|
|
48
|
+
const newEnd = novaDatetimeCyL2J6O4.formatTimeOnly(parsed);
|
|
49
|
+
this.value = { start: this.value?.start, end: newEnd };
|
|
50
|
+
this.lastChange = newEnd;
|
|
51
|
+
this.history = [...(this.history ?? []), newEnd];
|
|
52
|
+
this.valueChanged.emit(this.value);
|
|
53
|
+
this.lastChanged.emit({ time: this.lastChange });
|
|
54
|
+
this.historyChanged.emit({ times: this.history });
|
|
55
|
+
const todayDate = novaDatetimeCyL2J6O4.LocalDate.now().toString();
|
|
56
|
+
this.valueDateChanged.emit({
|
|
57
|
+
start: this.value?.start
|
|
58
|
+
? new Date(todayDate + 'T' + this.value.start)
|
|
59
|
+
: undefined,
|
|
60
|
+
end: this.value?.end
|
|
61
|
+
? new Date(todayDate + 'T' + this.value.end)
|
|
62
|
+
: undefined,
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
//#endregion EVENTS
|
|
67
|
+
/****************************************************************************/
|
|
68
|
+
//#region RENDER
|
|
69
|
+
render() {
|
|
70
|
+
return (index.h(index.Host, { key: '85d3773d49a180e5bc9b5bc0962cc3b709a474b0' }, index.h("label", { key: 'c0d5c262578e6aa1555ded8c542e2eef7e42d491' }, "Start:", index.h("input", { key: '31fe9447be14efd87aab1161dbc01593a30328dc', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: '0959b432f53169c425765b94c098ca5ecc8d6ede' }, "End:", index.h("input", { key: 'ccc50a80dfea2ab7eb627d11840dd5626ca25f88', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: 'd4c6a017d41102a245e1f8472d676bc866382c00' })));
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
NvTimetest.style = nvTimetestCss();
|
|
74
|
+
|
|
75
|
+
exports.nv_timetest = NvTimetest;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-DgKzi_Pd.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');
|
|
@@ -66,8 +66,8 @@ const NvToggle = class {
|
|
|
66
66
|
/****************************************************************************/
|
|
67
67
|
//#region RENDER
|
|
68
68
|
render() {
|
|
69
|
-
return (index.h(index.Host, { key: '
|
|
70
|
-
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '
|
|
69
|
+
return (index.h(index.Host, { key: '39ad1374bbf8cd5393a99dc4c18fa28091dc5e90', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '3a8be2405404975398f1a0dae05c0855b913245f', class: "input-container" }, index.h("input", { key: 'b589b9faa5801f99e698d0e664e0a35779a1271f', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: 'a3308782b02b1c0eca3d6a1b87509674b9bc5c13', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '854b2ffe7bf61423512154ffe8b3b0351a2950a4', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '933bf88b7841f3b2ed24c3bb86fb24159eaac900', name: "label" }, this.label))), (this.description ||
|
|
70
|
+
this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '5a04358d1be3b935239bb23e1466cc22ed2f3b48', class: "description" }, index.h("slot", { key: 'f5c1513eff6ee42bc171b0088baec634f8458197', name: "description" }, this.description))))));
|
|
71
71
|
}
|
|
72
72
|
static get formAssociated() { return true; }
|
|
73
73
|
get el() { return index.getElement(this); }
|