@nova-design-system/nova-react 3.1.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-Cn-oNJnW.js → index-B2jv2KXv.js} +1610 -793
- package/dist/cjs/index.js +2 -1
- package/dist/cjs/{nv-alert.entry-BFwufSUQ.js → nv-alert.entry-pxBJfmIm.js} +1 -1
- package/dist/cjs/{nv-avatar.entry-Do1K4s3s.js → nv-avatar.entry-CHtVctSK.js} +1 -1
- package/dist/cjs/{nv-badge_2.entry-NTGHyFdg.js → nv-badge_2.entry-BO88KO1O.js} +1 -1
- package/dist/cjs/{nv-breadcrumb.entry-oPVGJYlk.js → nv-breadcrumb.entry-7azRtyl5.js} +1 -1
- package/dist/cjs/{nv-breadcrumbs.entry-BsOw153b.js → nv-breadcrumbs.entry-DfZVMKpY.js} +1 -1
- package/dist/cjs/{nv-button.entry-13tdBiRr.js → nv-button.entry-DW9SblsY.js} +1 -1
- package/dist/cjs/{nv-calendar.entry-u9MgGb83.js → nv-calendar.entry-BeayRRor.js} +16 -37
- package/dist/cjs/{nv-col.entry-DFhv-GI7.js → nv-col.entry-C6oEkSbI.js} +1 -1
- package/dist/cjs/{nv-datagrid.entry-BoB17gvI.js → nv-datagrid.entry-xhQP6JJP.js} +95 -103
- package/dist/cjs/{nv-datagridcolumn.entry-C3MYBmfS.js → nv-datagridcolumn.entry-CjYmo4fM.js} +2 -2
- package/dist/cjs/{nv-dialog.entry-OA3qL3Tx.js → nv-dialog.entry-mxETaZbc.js} +1 -1
- package/dist/cjs/{nv-dialogfooter_2.entry-LAQYSiGV.js → nv-dialogfooter_2.entry-DnLg2DHy.js} +1 -1
- package/dist/cjs/{nv-fieldcheckbox.entry-CP7SDzVO.js → nv-fieldcheckbox.entry-Be9__i15.js} +1 -1
- package/dist/cjs/{nv-fielddate.entry-CD7PX6yA.js → nv-fielddate.entry-BlNily-X.js} +2 -2
- package/dist/cjs/{nv-fielddaterange.entry-BVBVGmly.js → nv-fielddaterange.entry-CycpKoJd.js} +73 -18
- package/dist/cjs/{nv-fielddropdown.entry-Nwric1vT.js → nv-fielddropdown.entry-BPwviyCp.js} +84 -60
- package/dist/cjs/{nv-fielddropdownitem.entry-CiqSw5VL.js → nv-fielddropdownitem.entry-BGuUR9KP.js} +1 -1
- package/dist/cjs/{nv-fieldmultiselect.entry-QKNIBcW1.js → nv-fieldmultiselect.entry-Lrxr1gsi.js} +116 -104
- package/dist/cjs/{nv-fieldnumber.entry-DfHcI-sO.js → nv-fieldnumber.entry-B1VySoWj.js} +2 -2
- package/dist/cjs/{nv-fieldpassword.entry-b2pUmS8F.js → nv-fieldpassword.entry-D7Qlx7Bh.js} +2 -2
- package/dist/cjs/{nv-fieldradio.entry-Dxc6ZCyb.js → nv-fieldradio.entry-CDu8xs0p.js} +1 -1
- package/dist/cjs/{nv-fieldselect.entry-Cys0KRyG.js → nv-fieldselect.entry-NEdv8bQK.js} +2 -2
- package/dist/cjs/nv-fieldslider.entry-51gF9XPz.js +660 -0
- package/dist/cjs/{nv-fieldtext.entry-DCZWLFFp.js → nv-fieldtext.entry-Bug9zMgo.js} +5 -5
- package/dist/cjs/{nv-fieldtextarea.entry-DEeRdtZ7.js → nv-fieldtextarea.entry-D44HbsVQ.js} +5 -5
- package/dist/cjs/{nv-fieldtime.entry-BqxiFlLI.js → nv-fieldtime.entry-MbaWbVtc.js} +11 -11
- package/dist/cjs/nv-icon.entry-BSSHr-ud.js +79 -0
- package/dist/cjs/{nv-iconbutton_2.entry-BLNrQz9Q.js → nv-iconbutton_2.entry-DMaO-JWz.js} +3 -3
- package/dist/cjs/{nv-menu.entry-7IDfPmZ8.js → nv-menu.entry-D5_lj9XB.js} +2 -2
- package/dist/cjs/{nv-menuitem.entry-B9cjy7O8.js → nv-menuitem.entry-fhnYI91K.js} +2 -2
- package/dist/cjs/{nv-popover.entry-ChLYZ3zY.js → nv-popover.entry-CYqBaVbr.js} +2 -2
- package/dist/cjs/{nv-row.entry-DiLY8Vbc.js → nv-row.entry-BUheLufV.js} +2 -2
- package/dist/cjs/{nv-stack.entry-MpPzmg5_.js → nv-stack.entry-DNPce51E.js} +2 -2
- package/dist/cjs/{nv-table.entry-cME3Zuq2.js → nv-table.entry-DXQM8l3t.js} +3 -3
- package/dist/cjs/{nv-tablecolumn.entry-DSctDxCS.js → nv-tablecolumn.entry-DROQK_0c.js} +1 -1
- package/dist/cjs/{nv-toggle.entry-EBWm3Xy5.js → nv-toggle.entry-fMzTrdte.js} +3 -3
- package/dist/cjs/{nv-tooltip.entry-q6rJLq1C.js → nv-tooltip.entry-yB2Ek1Cz.js} +3 -3
- package/dist/generated/components.js +8 -0
- package/dist/types/generated/components.d.ts +5 -0
- package/package.json +1 -1
- package/dist/cjs/nv-icon.entry-CzEdUDdA.js +0 -79
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-B2jv2KXv.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
|
|
@@ -29,6 +29,7 @@ exports.NvFieldnumber = index.NvFieldnumber;
|
|
|
29
29
|
exports.NvFieldpassword = index.NvFieldpassword;
|
|
30
30
|
exports.NvFieldradio = index.NvFieldradio;
|
|
31
31
|
exports.NvFieldselect = index.NvFieldselect;
|
|
32
|
+
exports.NvFieldslider = index.NvFieldslider;
|
|
32
33
|
exports.NvFieldtext = index.NvFieldtext;
|
|
33
34
|
exports.NvFieldtextarea = index.NvFieldtextarea;
|
|
34
35
|
exports.NvFieldtime = index.NvFieldtime;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B2jv2KXv.js');
|
|
4
4
|
var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
|
|
5
5
|
var constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.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-B2jv2KXv.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');
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B2jv2KXv.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}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B2jv2KXv.js');
|
|
4
4
|
var constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.js');
|
|
5
5
|
var _commonjsHelpers1789f0cf = require('./_commonjsHelpers-1789f0cf-BJu3ubxk.js');
|
|
6
6
|
require('react');
|
|
@@ -235,7 +235,7 @@ function parseDate(dateInput, dateFormat) {
|
|
|
235
235
|
return parsed.toDate();
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
const nvCalendarCss = "nv-calendar{display:block}.datepicker-root{display:flex;justify-content:center;align-items:flex-start;width:auto}.datepicker-container{font-family:system-ui, sans-serif;display:flex;flex-direction:column;align-items:stretch;background:var(--components-calendar-background);border-radius:var(--calendar-radius);padding:var(--calendar-padding);box-shadow:0px var(--shadow-y-axis-md-1) var(--shadow-blur-md-1) var(--shadow-spread-md, 0) var(--shadow-color-opacity-0), 0px var(--shadow-y-axis-md-2) var(--shadow-blur-md-2) var(--shadow-spread-md, 0) var(--shadow-color-opacity-2);border:1px solid var(--components-calendar-border);width:auto;max-width:100%}.datepicker-container-single{max-width:300px}.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-left),.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-container-single:has(.shortcuts-placement-left),.datepicker-container-single:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:var(--calendar-gap-x);width:auto;overflow-x:hidden}.datepicker-wrapper::-webkit-scrollbar{width:6px;height:6px}.datepicker-wrapper::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}.datepicker-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}.datepicker-wrapper.single{justify-content:center}.calendar-container{display:flex;flex-direction:column;align-items:center;padding:var(--calendar-padding);width:auto;position:relative}.calendar-separator{width:1px;background:var(--components-calendar-border);height:auto;min-height:100%;margin:0 10px}.header{display:flex;justify-content:start;align-items:center;margin-bottom:var(--calendar-header-margin-bottom);width:100%}.header nv-iconbutton{width:var(--calendar-header-button-size);height:var(--calendar-header-button-size)}.nav-buttons{display:flex;gap:var(--spacing-0);margin-left:auto}.nav-left{order:-1}.date-controls{display:flex;gap:var(--spacing-1);align-items:center;min-height:34px;justify-content:center}.datepicker-container-single .date-controls{justify-content:flex-start}.datepicker-container:not(.datepicker-container-single) .date-controls{justify-content:start;flex-grow:1}.date-controls .month-select,.date-controls .year-input{background:transparent !important}.calendar-wrapper:nth-child(n+2) .datepicker-container{margin-left:42px}.calendar-grid{display:grid;grid-template-columns:auto 1fr;column-gap:var(--calendar-weeks-calendar-gap-x);position:relative}.calendar-grid.slide-left{animation:slideLeft 0.3s ease-out}.calendar-grid.slide-right{animation:slideRight 0.3s ease-out}.week-numbers{display:grid;grid-template-rows:var(--calendar-cell-size) repeat(6, var(--calendar-cell-size));background:var(--components-calendar-weeks-background);color:var(--components-calendar-weeks-text);border-radius:var(--calendar-weeks-radius);width:var(--calendar-weeks-size);row-gap:var(--calendar-grid-gap-y)}.week-numbers .clickable{cursor:pointer}.week-numbers .clickable:hover{background-color:var(--components-calendar-weeks-background-hover);color:var(--components-calendar-weeks-text-hover);border-radius:var(--calendar-radius)}.week-header,.week-number{display:grid;place-items:center;font-size:var(--calendar-cell-font-size)}.week-header{font-weight:700;color:var(--components-calendar-weeks-text)}.week-number{color:var(--components-calendar-cell-text)}.days-container{display:grid;grid-template-rows:auto 1fr;row-gap:var(--calendar-grid-gap-y)}.days-header{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));height:var(--calendar-cell-size)}.day-header{display:grid;place-items:center;font-size:var(--calendar-cell-font-size);color:var(--components-calendar-cell-text)}.days-grid{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));grid-template-rows:repeat(6, var(--calendar-cell-size));animation:fadeIn 0.2s ease-in;row-gap:var(--calendar-grid-gap-y);z-index:0}.day{display:grid;place-items:center;width:var(--calendar-cell-size);height:var(--calendar-cell-size);font-size:var(--calendar-cell-font-size);border-radius:var(--calendar-cell-radius);cursor:pointer;border:none;background:transparent;transition:all 0.2s ease;text-align:center;animation:scaleIn 0.2s ease-out}.day:hover:not(.disabled,.empty,.selected){background:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}.day.selected,.day.selected:hover .day.is-today.selected,.day.is-today.selected:hover{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected) !important}.day.disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.day.outside-month{color:var(--components-calendar-cell-text);opacity:var(--opacity-disabled)}.day.outside-month.selected{opacity:1 !important;color:var(--components-calendar-cell-text-selected)}.day.outside-month.in-range{opacity:
|
|
238
|
+
const nvCalendarCss = "nv-calendar{display:block}.datepicker-root{display:flex;justify-content:center;align-items:flex-start;width:auto}.datepicker-container{font-family:system-ui, sans-serif;display:flex;flex-direction:column;align-items:stretch;background:var(--components-calendar-background);border-radius:var(--calendar-radius);padding:var(--calendar-padding);box-shadow:0px var(--shadow-y-axis-md-1) var(--shadow-blur-md-1) var(--shadow-spread-md, 0) var(--shadow-color-opacity-0), 0px var(--shadow-y-axis-md-2) var(--shadow-blur-md-2) var(--shadow-spread-md, 0) var(--shadow-color-opacity-2);border:1px solid var(--components-calendar-border);width:auto;max-width:100%}.datepicker-container-single{max-width:300px}.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-left),.datepicker-container-single .datepicker-wrapper:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-container-single:has(.shortcuts-placement-left),.datepicker-container-single:has(.shortcuts-placement-right){max-width:410px !important}.datepicker-wrapper{display:flex;justify-content:center;align-items:flex-start;gap:var(--calendar-gap-x);width:auto;overflow-x:hidden}.datepicker-wrapper::-webkit-scrollbar{width:6px;height:6px}.datepicker-wrapper::-webkit-scrollbar-track{background-color:var(--color-level-10-background);border-radius:9999px}.datepicker-wrapper::-webkit-scrollbar-thumb{background-color:var(--color-gray-200);border-radius:9999px}.datepicker-wrapper.single{justify-content:center}.calendar-container{display:flex;flex-direction:column;align-items:center;padding:var(--calendar-padding);width:auto;position:relative}.calendar-separator{width:1px;background:var(--components-calendar-border);height:auto;min-height:100%;margin:0 10px}.header{display:flex;justify-content:start;align-items:center;margin-bottom:var(--calendar-header-margin-bottom);width:100%}.header nv-iconbutton{width:var(--calendar-header-button-size);height:var(--calendar-header-button-size)}.nav-buttons{display:flex;gap:var(--spacing-0);margin-left:auto}.nav-left{order:-1}.date-controls{display:flex;gap:var(--spacing-1);align-items:center;min-height:34px;justify-content:center}.datepicker-container-single .date-controls{justify-content:flex-start}.datepicker-container:not(.datepicker-container-single) .date-controls{justify-content:start;flex-grow:1}.date-controls .month-select,.date-controls .year-input{background:transparent !important}.calendar-wrapper:nth-child(n+2) .datepicker-container{margin-left:42px}.calendar-grid{display:grid;grid-template-columns:auto 1fr;column-gap:var(--calendar-weeks-calendar-gap-x);position:relative}.calendar-grid.slide-left{animation:slideLeft 0.3s ease-out}.calendar-grid.slide-right{animation:slideRight 0.3s ease-out}.week-numbers{display:grid;grid-template-rows:var(--calendar-cell-size) repeat(6, var(--calendar-cell-size));background:var(--components-calendar-weeks-background);color:var(--components-calendar-weeks-text);border-radius:var(--calendar-weeks-radius);width:var(--calendar-weeks-size);row-gap:var(--calendar-grid-gap-y)}.week-numbers .clickable{cursor:pointer}.week-numbers .clickable:hover{background-color:var(--components-calendar-weeks-background-hover);color:var(--components-calendar-weeks-text-hover);border-radius:var(--calendar-radius)}.week-header,.week-number{display:grid;place-items:center;font-size:var(--calendar-cell-font-size)}.week-header{font-weight:700;color:var(--components-calendar-weeks-text)}.week-number{color:var(--components-calendar-cell-text)}.days-container{display:grid;grid-template-rows:auto 1fr;row-gap:var(--calendar-grid-gap-y)}.days-header{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));height:var(--calendar-cell-size)}.day-header{display:grid;place-items:center;font-size:var(--calendar-cell-font-size);color:var(--components-calendar-cell-text)}.days-grid{display:grid;grid-template-columns:repeat(7, var(--calendar-cell-size));grid-template-rows:repeat(6, var(--calendar-cell-size));animation:fadeIn 0.2s ease-in;row-gap:var(--calendar-grid-gap-y);z-index:0}.day{display:grid;place-items:center;width:var(--calendar-cell-size);height:var(--calendar-cell-size);font-size:var(--calendar-cell-font-size);border-radius:var(--calendar-cell-radius);cursor:pointer;border:none;background:transparent;transition:all 0.2s ease;text-align:center;animation:scaleIn 0.2s ease-out}.day:hover:not(.disabled,.empty,.selected){background:var(--components-calendar-cell-background-hover);color:var(--components-calendar-cell-text-hover)}.day.selected,.day.selected:hover .day.is-today.selected,.day.is-today.selected:hover{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected) !important}.day.disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.day.outside-month{color:var(--components-calendar-cell-text);opacity:var(--opacity-disabled)}.day.outside-month.selected{opacity:1 !important;color:var(--components-calendar-cell-text-selected)}.day.outside-month.in-range{opacity:0.5 !important;background-color:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range)}.day.outside-month.in-range:hover{opacity:0.7 !important;background-color:var(--components-calendar-cell-background-in-range)}.day.in-range{background:var(--components-calendar-cell-background-in-range);color:var(--components-calendar-cell-text-in-range);border-radius:0;position:relative}.day.range-start,.day.range-start:focus,.day.range-start:hover,.day.range-end,.day.range-end:focus,.day.range-end:hover{background-color:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected) !important}.day.range-start,.day.range-end,.day.range-start.is-today,.day.range-end.is-today{background:var(--components-calendar-cell-background-selected);color:var(--components-calendar-cell-text-selected);position:relative;border-radius:var(--radius-rounded-full)}.day.range-start:hover,.day.range-end:hover,.day.range-start.is-today:hover,.day.range-end.is-today:hover{color:var(--components-calendar-cell-text-today)}.day.range-start:before,.day.range-end:before,.day.range-start.is-today:before,.day.range-end.is-today:before{content:\"\";position:absolute;bottom:0;left:0;right:0;top:0;z-index:-1;background-color:var(--components-calendar-cell-background-in-range);border-radius:var(--radius-rounded-full);width:auto;height:auto}.day.range-start:has(~.range-end):before,.day.range-start:has(+.in-range):before{border-top-right-radius:0;border-bottom-right-radius:0}.day.range-end:before{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.day.outside-month.range-start,.day.outside-month.range-end{opacity:1 !important;background:var(--components-calendar-cell-background-selected) !important;color:var(--components-calendar-cell-text-selected)}.day.is-today{font-weight:700;position:relative;color:var(--components-calendar-cell-text-today)}.day.is-today.range-start,.day.is-today.range-end{color:var(--components-calendar-cell-text-selected)}.day.is-today.range-start:hover,.day.is-today.range-end:hover{color:var(--components-calendar-cell-text-today)}.day.is-today::after{content:\"\";position:absolute;bottom:var(--spacing-1);left:50%;transform:translateX(-50%);width:var(--calendar-cell-dot-size);height:var(--calendar-cell-dot-size);background-color:currentColor;border-radius:50%}.day.is-today.selected::after{color:var(--components-calendar-cell-text-selected)}.day.is-today.selected::after::after{background-color:var(--components-calendar-cell-dot-selected)}.calendar-footer{display:flex;gap:var(--spacing-1);justify-content:flex-start;width:100%;flex-wrap:wrap}.footer-placement-left{justify-content:flex-start}.footer-placement-right{justify-content:flex-end}.footer-placement-center{justify-content:center}.datepicker-controls{display:flex;flex-direction:column;border-top:1px solid var(--components-calendar-border);padding:var(--calendar-controls-padding-top) var(--calendar-padding) var(--calendar-padding);gap:var(--calendar-grid-gap-y);margin-top:var(--calendar-controls-margin-top)}.datepicker-actions{display:flex;justify-content:flex-end;gap:var(--spacing-1);width:100%}.datepicker-actions slot-fb{display:contents !important}.calendar-footer+.datepicker-actions{margin-top:0}.shortcuts-placement-left,.shortcuts-placement-right{display:flex;flex-direction:column;gap:var(--spacing-1);margin-top:var(--spacing-4)}.shortcuts-placement-left{align-items:flex-end}.shortcuts-placement-right{align-items:flex-start}@keyframes slideLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}";
|
|
239
239
|
const NvCalendarStyle0 = nvCalendarCss;
|
|
240
240
|
|
|
241
241
|
const NvCalendar = class {
|
|
@@ -645,44 +645,15 @@ const NvCalendar = class {
|
|
|
645
645
|
});
|
|
646
646
|
this.el.dispatchEvent(event);
|
|
647
647
|
}
|
|
648
|
-
this.
|
|
648
|
+
this.currentDate = start;
|
|
649
649
|
}
|
|
650
650
|
};
|
|
651
651
|
/**
|
|
652
|
-
* Method to force the complete calendar update
|
|
652
|
+
* Method to force the complete calendar update
|
|
653
653
|
* @param {Date} newDate - Date to force
|
|
654
654
|
*/
|
|
655
655
|
this.forceCalendarUpdate = newDate => {
|
|
656
656
|
this.currentDate = new Date(newDate);
|
|
657
|
-
this.currentDate = new Date(this.currentDate); // Force a re-render
|
|
658
|
-
// Reset visually the hover/touch effect
|
|
659
|
-
requestAnimationFrame(() => {
|
|
660
|
-
const days = document.querySelectorAll('.day');
|
|
661
|
-
days.forEach(el => {
|
|
662
|
-
el.classList.remove('hover', 'active', 'touched');
|
|
663
|
-
el.style.pointerEvents = 'none';
|
|
664
|
-
});
|
|
665
|
-
// Add specific touch handling (for mobile)
|
|
666
|
-
document.body.addEventListener('touchstart', this.clearTouchState, {
|
|
667
|
-
passive: true,
|
|
668
|
-
});
|
|
669
|
-
// Reset the touch state after 50ms
|
|
670
|
-
setTimeout(() => {
|
|
671
|
-
days.forEach(el => {
|
|
672
|
-
el.style.pointerEvents = '';
|
|
673
|
-
});
|
|
674
|
-
}, 50);
|
|
675
|
-
});
|
|
676
|
-
};
|
|
677
|
-
/**
|
|
678
|
-
* Function to reset the touch effect (Mobile fix)
|
|
679
|
-
*/
|
|
680
|
-
this.clearTouchState = () => {
|
|
681
|
-
document.querySelectorAll('.day').forEach(el => {
|
|
682
|
-
el.classList.remove('touched');
|
|
683
|
-
});
|
|
684
|
-
// Remove the listener after the first interaction
|
|
685
|
-
document.body.removeEventListener('touchstart', this.clearTouchState);
|
|
686
657
|
};
|
|
687
658
|
/**
|
|
688
659
|
* Handles month change with an offset
|
|
@@ -921,7 +892,11 @@ const NvCalendar = class {
|
|
|
921
892
|
const { startDate, endDate } = this.validateDateRange(newValue.start, newValue.end);
|
|
922
893
|
this.startDate = startDate;
|
|
923
894
|
this.endDate = endDate;
|
|
924
|
-
|
|
895
|
+
// Do not navigate to the start date if data-prevent-navigation attribute is present
|
|
896
|
+
const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
|
|
897
|
+
if (!preventNavigation) {
|
|
898
|
+
this.currentDate = startDate;
|
|
899
|
+
}
|
|
925
900
|
}
|
|
926
901
|
catch (error) {
|
|
927
902
|
console.error('Invalid rangeValue:', error);
|
|
@@ -945,7 +920,11 @@ const NvCalendar = class {
|
|
|
945
920
|
const parsedDate = parseDate(newValue, this.dateFormat);
|
|
946
921
|
if (parsedDate) {
|
|
947
922
|
this.selectedDate = parsedDate;
|
|
948
|
-
|
|
923
|
+
// Do not navigate to the selected date if data-prevent-navigation attribute is present
|
|
924
|
+
const preventNavigation = this.el.getAttribute('data-prevent-navigation') === 'true';
|
|
925
|
+
if (!preventNavigation) {
|
|
926
|
+
this.currentDate = parsedDate;
|
|
927
|
+
}
|
|
949
928
|
}
|
|
950
929
|
}
|
|
951
930
|
}
|
|
@@ -1048,8 +1027,8 @@ const NvCalendar = class {
|
|
|
1048
1027
|
* @slot default - Child content of the component.
|
|
1049
1028
|
*/
|
|
1050
1029
|
render() {
|
|
1051
|
-
return (index.h(index.Host, { key: '
|
|
1052
|
-
this.hasActions) && (index.h("div", { key: '
|
|
1030
|
+
return (index.h(index.Host, { key: '9804c486acf32e12f2d88f932a54ca6260365887' }, index.h("div", { key: '8503f585401191b904f2de248ed0c24b1fed1505', class: "datepicker-root" }, index.h("div", { key: '9da71618bd2031b44f5a3fd889d40b2580fcca58', class: `datepicker-container ${this.numberOfCalendars === 1 ? 'datepicker-container-single' : ''}` }, index.h("div", { key: 'fbf71a34b520ca48f1440d8caeec442773b1e57a', 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.shortcutsPlacement === 'bottom') ||
|
|
1031
|
+
this.hasActions) && (index.h("div", { key: '4431e3f1221e9d47807d58af380dcaa91bf05c48', class: "datepicker-controls" }, this.shortcutsPlacement === 'bottom' && this.renderShortcuts(), this.hasActions && this.renderActions())))), index.h("slot", { key: '30386356bda72f4f12a28351084ab498ec95f5b9' })));
|
|
1053
1032
|
}
|
|
1054
1033
|
get el() { return index.getElement(this); }
|
|
1055
1034
|
static get watchers() { return {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B2jv2KXv.js');
|
|
4
4
|
var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
|
|
5
5
|
var constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.js');
|
|
6
6
|
require('react');
|
|
@@ -3501,34 +3501,37 @@ const NvDatagrid = class {
|
|
|
3501
3501
|
header: col.header,
|
|
3502
3502
|
accessor: col.accessor,
|
|
3503
3503
|
repeatTemplate: col.hasAttribute('repeat-template'),
|
|
3504
|
+
group: col.group,
|
|
3504
3505
|
};
|
|
3505
3506
|
this.columnData.push(colData);
|
|
3506
3507
|
});
|
|
3508
|
+
console.info('cacheTemplates this.columnData:', this.columnData);
|
|
3507
3509
|
}
|
|
3508
3510
|
parseDataAndColumns() {
|
|
3509
|
-
if (this.
|
|
3510
|
-
this.parseJsonData(this.dataJson);
|
|
3511
|
-
}
|
|
3512
|
-
else if (this.data && this.data.length > 0) {
|
|
3511
|
+
if (this.data && this.data.length > 0) {
|
|
3513
3512
|
this.parseDataArray(this.data, this.parsedData);
|
|
3514
3513
|
}
|
|
3515
|
-
if (this.
|
|
3516
|
-
this.parseJsonColumns(this.columnsJson, this.parsedColumns);
|
|
3517
|
-
}
|
|
3518
|
-
else if (this.columns && this.columns.length > 0) {
|
|
3514
|
+
if (this.columns && this.columns.length > 0) {
|
|
3519
3515
|
this.parseColumnsArray(this.columns, this.parsedColumns);
|
|
3520
3516
|
}
|
|
3521
3517
|
else if (this.headerTemplateCache.size > 0) {
|
|
3522
3518
|
const headerKeys = Array.from(this.headerTemplateCache.keys());
|
|
3523
|
-
const arrayColumnsConfig = headerKeys.map(key =>
|
|
3519
|
+
const arrayColumnsConfig = headerKeys.map(key => {
|
|
3520
|
+
var _a, _b;
|
|
3521
|
+
return (Object.assign({}, { accessor: key, header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '', group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped' }));
|
|
3522
|
+
});
|
|
3524
3523
|
this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
|
|
3525
3524
|
}
|
|
3526
3525
|
else if (this.parsedData.length > 0) {
|
|
3527
3526
|
const firstRow = this.parsedData[0];
|
|
3528
|
-
const arrayColumnsConfig = Object.keys(firstRow).map(key =>
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3527
|
+
const arrayColumnsConfig = Object.keys(firstRow).map(key => {
|
|
3528
|
+
var _a, _b;
|
|
3529
|
+
return ({
|
|
3530
|
+
accessor: key,
|
|
3531
|
+
header: key.charAt(0).toUpperCase() + key.slice(1),
|
|
3532
|
+
group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped',
|
|
3533
|
+
});
|
|
3534
|
+
});
|
|
3532
3535
|
if (this.autoGenerateColumns) {
|
|
3533
3536
|
this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
|
|
3534
3537
|
}
|
|
@@ -3571,6 +3574,7 @@ const NvDatagrid = class {
|
|
|
3571
3574
|
var _a, _b, _c, _d;
|
|
3572
3575
|
// Clear the previous table instance (if any)
|
|
3573
3576
|
this.table = null;
|
|
3577
|
+
console.info('initializeTable this.columnData:', this.columnData);
|
|
3574
3578
|
// Set default options for the table
|
|
3575
3579
|
const tableOptions = {
|
|
3576
3580
|
columns: [],
|
|
@@ -3629,10 +3633,14 @@ const NvDatagrid = class {
|
|
|
3629
3633
|
if (hasData) {
|
|
3630
3634
|
// No parsed columns and data is available
|
|
3631
3635
|
const firstRow = this.parsedData[0];
|
|
3632
|
-
const arrayColumnsConfig = Object.keys(firstRow).map(key =>
|
|
3633
|
-
|
|
3634
|
-
|
|
3635
|
-
|
|
3636
|
+
const arrayColumnsConfig = Object.keys(firstRow).map(key => {
|
|
3637
|
+
var _a, _b;
|
|
3638
|
+
return ({
|
|
3639
|
+
accessor: key,
|
|
3640
|
+
header: key.charAt(0).toUpperCase() + key.slice(1),
|
|
3641
|
+
group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped',
|
|
3642
|
+
});
|
|
3643
|
+
});
|
|
3636
3644
|
if (this.autoGenerateColumns) {
|
|
3637
3645
|
this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);
|
|
3638
3646
|
}
|
|
@@ -3789,70 +3797,76 @@ const NvDatagrid = class {
|
|
|
3789
3797
|
}
|
|
3790
3798
|
// Helper function to generate column definitions
|
|
3791
3799
|
generateColumns(validColumns, tableOptions) {
|
|
3792
|
-
|
|
3800
|
+
console.info('generateColumns this.columnData:', this.columnData);
|
|
3801
|
+
console.info('generateColumns validColumns:', validColumns);
|
|
3802
|
+
let processedColumns = validColumns || [];
|
|
3793
3803
|
const columnHelper = createColumnHelper();
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3804
|
+
// If no columns provided or autoGenerateColumns is true, generate them from data
|
|
3805
|
+
if ((!validColumns && tableOptions.data && tableOptions.data.length > 0) ||
|
|
3806
|
+
(validColumns.length <= 0 &&
|
|
3807
|
+
tableOptions.data &&
|
|
3808
|
+
tableOptions.data.length > 0)) {
|
|
3809
|
+
const sampleRow = tableOptions.data[0];
|
|
3810
|
+
processedColumns = Object.keys(sampleRow).map(key => {
|
|
3797
3811
|
var _a, _b;
|
|
3798
|
-
|
|
3799
|
-
header:
|
|
3800
|
-
|
|
3801
|
-
|
|
3802
|
-
|
|
3803
|
-
|
|
3804
|
-
|
|
3805
|
-
const row = info.row;
|
|
3806
|
-
return ((_a = this.columnData.find(x => x.accessor === cellAccessors)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(value)
|
|
3807
|
-
? value.map((item) => {
|
|
3808
|
-
var _a, _b;
|
|
3809
|
-
return (_b = (_a = (this.renderTemplate(this.templateCache.get(cellAccessors), item, row) ||
|
|
3810
|
-
item)) !== null && _a !== void 0 ? _a : value) !== null && _b !== void 0 ? _b : this.fallbackValue;
|
|
3811
|
-
})
|
|
3812
|
-
: (_c = (_b = (this.renderTemplate(this.templateCache.get(cellAccessors), value, row) ||
|
|
3813
|
-
value)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
|
|
3814
|
-
},
|
|
3815
|
-
enableGlobalFilter: this.enableGlobalFilter,
|
|
3816
|
-
enableSorting: this.enableSorting,
|
|
3817
|
-
};
|
|
3818
|
-
if (this.enableSorting) {
|
|
3819
|
-
identifiedColumnDef.sortUndefined = 'last'; // Force undefined values to the end
|
|
3820
|
-
identifiedColumnDef.sortDescFirst = false; // First sort order will be ascending (nullable values can mess up auto detection of sort order)
|
|
3821
|
-
}
|
|
3822
|
-
return columnHelper.accessor(column.accessor, identifiedColumnDef);
|
|
3812
|
+
return ({
|
|
3813
|
+
header: key.charAt(0).toUpperCase() + key.slice(1),
|
|
3814
|
+
accessor: key,
|
|
3815
|
+
group: (_b = (_a = this.columnData.find(x => x.accessor === key)) === null || _a === void 0 ? void 0 : _a.group) !== null && _b !== void 0 ? _b : 'ungrouped',
|
|
3816
|
+
headerSlot: null,
|
|
3817
|
+
cellSlot: null,
|
|
3818
|
+
});
|
|
3823
3819
|
});
|
|
3824
3820
|
}
|
|
3825
|
-
|
|
3826
|
-
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
3830
|
-
|
|
3831
|
-
|
|
3832
|
-
|
|
3833
|
-
|
|
3834
|
-
|
|
3835
|
-
|
|
3836
|
-
|
|
3837
|
-
|
|
3838
|
-
|
|
3839
|
-
|
|
3840
|
-
|
|
3841
|
-
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
3845
|
-
|
|
3846
|
-
|
|
3847
|
-
|
|
3848
|
-
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
|
|
3852
|
-
|
|
3821
|
+
// Group columns by their group property
|
|
3822
|
+
const groupedColumns = processedColumns.reduce((acc, column) => {
|
|
3823
|
+
let group = column.group || 'ungrouped';
|
|
3824
|
+
if (group == 'ungrouped') {
|
|
3825
|
+
group = group + processedColumns.findIndex(x => x == column);
|
|
3826
|
+
}
|
|
3827
|
+
if (!acc[group]) {
|
|
3828
|
+
acc[group] = [];
|
|
3829
|
+
}
|
|
3830
|
+
acc[group].push(column);
|
|
3831
|
+
return acc;
|
|
3832
|
+
}, {});
|
|
3833
|
+
// Transform each column into a ColumnDef
|
|
3834
|
+
const createColumnDef = (column) => {
|
|
3835
|
+
var _a, _b, _c;
|
|
3836
|
+
return columnHelper.accessor(column.accessor, {
|
|
3837
|
+
header: (_c = (_b = this.renderTemplate(this.headerTemplateCache.get(column.accessor), (_a = column.header) !== null && _a !== void 0 ? _a : column.accessor, null)) !== null && _b !== void 0 ? _b : column.header) !== null && _c !== void 0 ? _c : column.accessor,
|
|
3838
|
+
cell: (info) => {
|
|
3839
|
+
var _a, _b, _c;
|
|
3840
|
+
const value = info.getValue();
|
|
3841
|
+
const row = info.row;
|
|
3842
|
+
return ((_a = this.columnData.find(x => x.accessor === column.accessor)) === null || _a === void 0 ? void 0 : _a.repeatTemplate) && Array.isArray(value)
|
|
3843
|
+
? value.map((item) => {
|
|
3844
|
+
var _a, _b, _c;
|
|
3845
|
+
return (_c = (_b = (_a = this.renderTemplate(this.templateCache.get(column.accessor), item, row)) !== null && _a !== void 0 ? _a : item) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
|
|
3846
|
+
})
|
|
3847
|
+
: (_c = (_b = this.renderTemplate(this.templateCache.get(column.accessor), value, row)) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : this.fallbackValue;
|
|
3848
|
+
},
|
|
3849
|
+
sortUndefined: 'last',
|
|
3850
|
+
sortDescFirst: false,
|
|
3851
|
+
enableSorting: this.enableSorting, // Explicitly set enableSorting based on the sorting prop
|
|
3852
|
+
enableGlobalFilter: this.enableGlobalFilter, // Explicity set enableGlobalFilter based on the globalFiltering prop
|
|
3853
3853
|
});
|
|
3854
|
-
}
|
|
3855
|
-
|
|
3854
|
+
};
|
|
3855
|
+
// Create the final column structure
|
|
3856
|
+
let generatedColumns = Object.entries(groupedColumns)
|
|
3857
|
+
.map(([groupName, groupColumns]) => {
|
|
3858
|
+
if (groupName.includes('ungrouped')) {
|
|
3859
|
+
return groupColumns.map(createColumnDef);
|
|
3860
|
+
}
|
|
3861
|
+
return {
|
|
3862
|
+
id: groupName,
|
|
3863
|
+
header: groupName,
|
|
3864
|
+
columns: groupColumns.map(createColumnDef),
|
|
3865
|
+
enableSorting: this.enableSorting, // Also apply to column groups
|
|
3866
|
+
enableGlobalFilter: this.enableGlobalFilter, // Also apply to column groups
|
|
3867
|
+
};
|
|
3868
|
+
})
|
|
3869
|
+
.flat();
|
|
3856
3870
|
if (this.enableRowSelection) {
|
|
3857
3871
|
const rowSelection = columnHelper.accessor('select', {
|
|
3858
3872
|
header: ({ table }) => {
|
|
@@ -4158,9 +4172,9 @@ const NvDatagrid = class {
|
|
|
4158
4172
|
const sortIcon = this.getArrowSorting(header);
|
|
4159
4173
|
const handleClick = this.createSortingClickHandler(header);
|
|
4160
4174
|
if (this.enableRowSelection) {
|
|
4161
|
-
return (index.h("th", { key: header.id }, content, " "));
|
|
4175
|
+
return (index.h("th", { key: header.id, colSpan: header.colSpan }, content, " "));
|
|
4162
4176
|
}
|
|
4163
|
-
const returnHtml = (index.h("th", { key: header.id }, index.h("button", { type: "button", class: isSortable
|
|
4177
|
+
const returnHtml = (index.h("th", { key: header.id, colSpan: header.colSpan }, index.h("button", { type: "button", class: isSortable
|
|
4164
4178
|
? 'w-full text-left cursor-pointer select-none bg-transparent border-none p-0 m-0 focus:outline-none'
|
|
4165
4179
|
: 'w-full text-left bg-transparent border-none p-0 m-0 cursor-default', onClick: handleClick, title: sortTitle }, index.h("span", { class: "inline-flex items-center gap-1" }, content, sortIcon))));
|
|
4166
4180
|
return returnHtml;
|
|
@@ -4181,29 +4195,9 @@ const NvDatagrid = class {
|
|
|
4181
4195
|
parseColumns(newValue, oldValue = []) {
|
|
4182
4196
|
this.parseColumnsArray(newValue, oldValue);
|
|
4183
4197
|
}
|
|
4184
|
-
parseJsonColumns(newValue, oldValue) {
|
|
4185
|
-
try {
|
|
4186
|
-
const newItems = newValue ? JSON.parse(newValue) : [];
|
|
4187
|
-
this.parseColumnsArray(newItems, oldValue);
|
|
4188
|
-
}
|
|
4189
|
-
catch (e) {
|
|
4190
|
-
console.error('Invalid JSON format for columnsJson:', e.message);
|
|
4191
|
-
this.parsedColumns = [];
|
|
4192
|
-
}
|
|
4193
|
-
}
|
|
4194
4198
|
parseData(newValue, oldValue = []) {
|
|
4195
4199
|
this.parseDataArray(newValue, oldValue);
|
|
4196
4200
|
}
|
|
4197
|
-
parseJsonData(newValue) {
|
|
4198
|
-
try {
|
|
4199
|
-
const newItems = newValue ? JSON.parse(newValue) : [];
|
|
4200
|
-
this.parseDataArray(newItems, this.parsedData);
|
|
4201
|
-
}
|
|
4202
|
-
catch (e) {
|
|
4203
|
-
console.error('Invalid JSON format for dataJson:', e.message);
|
|
4204
|
-
this.parsedData = [];
|
|
4205
|
-
}
|
|
4206
|
-
}
|
|
4207
4201
|
handleParsedChange() {
|
|
4208
4202
|
this.initializeTable();
|
|
4209
4203
|
}
|
|
@@ -4295,7 +4289,7 @@ const NvDatagrid = class {
|
|
|
4295
4289
|
const rows = !this.table || this.table === undefined || this.parsedData.length === 0
|
|
4296
4290
|
? []
|
|
4297
4291
|
: (_c = (_b = this.table) === null || _b === void 0 ? void 0 : _b.getRowModel()) === null || _c === void 0 ? void 0 : _c.rows;
|
|
4298
|
-
return (index.h(index.Host, { key: '
|
|
4292
|
+
return (index.h(index.Host, { key: '90be657fa9c7f8755391f8d91418399de742ae1f' }, index.h("div", { key: 'f28596438b7c9c22b34789236c5faa644938d1dc', class: "hidden" }, index.h("slot", { key: 'fdc1670cc6bafb5f1efa8c63d41acbfd15659de6' })), index.h("slot", { key: '65afa2282af4842bcb23f8baa592545fe3b74fa3', name: "before" }), this.enableGlobalFilter && this.table && (index.h("div", { key: '8628a23712471690b6a6239a289dd8263aed423c', class: `search-container justify-${this.globalFilterPosition}` }, index.h("nv-fieldtext", { key: '42c56dd6ba426e2045c02b3754fae3562632c49f', value: this.globalFilterSearchTerm, onInput: this.handleGlobalFilteringOnInput, placeholder: "Search all columns..." }))), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("div", null, index.h("table", null, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", null, this.parsedColumns.length > 0 && headerGroups
|
|
4299
4293
|
? headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map(headerGroup => (index.h("tr", { key: headerGroup.id }, headerGroup.headers.map(header => {
|
|
4300
4294
|
return this.getHeaderCell(header);
|
|
4301
4295
|
}))))
|
|
@@ -4306,14 +4300,12 @@ const NvDatagrid = class {
|
|
|
4306
4300
|
return (index.h("td", { key: cell.id, "data-row-id": rowId }, this.flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
4307
4301
|
})));
|
|
4308
4302
|
}))), this.table && this.enableRowSelection ? (index.h("tfoot", null, index.h("tr", null, index.h("td", { colSpan: 20 }, this.enableRowSelection && this.table ? (index.h("div", null, this.rowSelectionState &&
|
|
4309
|
-
Object.keys(this.rowSelectionState).length > 0 ? (index.h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', ((_e = (_d = this.table.getPreFilteredRowModel()) === null || _d === void 0 ? void 0 : _d.rows) === null || _e === void 0 ? void 0 : _e.length) || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: '
|
|
4303
|
+
Object.keys(this.rowSelectionState).length > 0 ? (index.h("span", null, Object.keys(this.rowSelectionState).length, " of", ' ', ((_e = (_d = this.table.getPreFilteredRowModel()) === null || _d === void 0 ? void 0 : _d.rows) === null || _e === void 0 ? void 0 : _e.length) || 0, ' ', "Total Rows Selected")) : (index.h("span", null, "No rows selected")))) : null)))) : null), this.getPagination())), index.h("slot", { key: 'e1641d8fd103b0802e1df4f0848f0de921260065', name: "after" })));
|
|
4310
4304
|
}
|
|
4311
4305
|
get el() { return index.getElement(this); }
|
|
4312
4306
|
static get watchers() { return {
|
|
4313
4307
|
"columns": ["parseColumns"],
|
|
4314
|
-
"columnsJson": ["parseJsonColumns"],
|
|
4315
4308
|
"data": ["parseData"],
|
|
4316
|
-
"dataJson": ["parseJsonData"],
|
|
4317
4309
|
"parsedColumns": ["handleParsedChange"],
|
|
4318
4310
|
"parsedData": ["handleParsedChange"],
|
|
4319
4311
|
"globalFilterSearchTerm": ["handleGlobalFilterSearchTerm"],
|
package/dist/cjs/{nv-datagridcolumn.entry-C3MYBmfS.js → nv-datagridcolumn.entry-CjYmo4fM.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B2jv2KXv.js');
|
|
4
4
|
require('react');
|
|
5
5
|
|
|
6
6
|
const NvDatagridcolumn = class {
|
|
@@ -15,7 +15,7 @@ const NvDatagridcolumn = class {
|
|
|
15
15
|
/****************************************************************************/
|
|
16
16
|
//#region RENDER
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: 'daa7b24c99857d7467f0a5ce0b69dcbeb42577e7' }, index.h("slot", { key: '8c2fe1f1b806322cdf1c89b9243dd0d094e565eb', name: "header" }), index.h("slot", { key: '81ae95ccd66f88c05253fde0ec9e0d20e02e5304', name: "cell" })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B2jv2KXv.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 constantsB97e736d = require('./constants-b97e736d-BzFAKCkR.js');
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var index = require('./index-
|
|
3
|
+
var index = require('./index-B2jv2KXv.js');
|
|
4
4
|
var inputmaskEdcad3c1 = require('./inputmask-edcad3c1-B9Omti4z.js');
|
|
5
5
|
var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('./_commonjsHelpers-1789f0cf-BJu3ubxk.js');
|
|
8
8
|
|
|
9
|
-
const nvFielddateCss = "nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
|
|
9
|
+
const nvFielddateCss = "nv-fielddate{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fielddate[fluid]:not([fluid=false]){max-width:unset}nv-fielddate[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddate[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fielddate[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fielddate[required]:not([required=false]) label::after{content:\"*\";color:var(--components-form-text-required);font-weight:700}nv-fielddate label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddate nv-popover{width:100%;display:block}nv-fielddate nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddate nv-popover [slot=content]{display:block;width:100%}nv-fielddate nv-popover .datepicker-container{border:none}nv-fielddate .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddate .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fielddate .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddate .input-wrapper .input-container:focus-within,nv-fielddate .input-wrapper .input-container:focus-within:hover,nv-fielddate .input-wrapper .input-container:focus,nv-fielddate .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddate .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddate .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddate .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fielddate .input-wrapper .input-container input:focus{outline:none}nv-fielddate .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddate .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fielddate .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fielddate .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddate .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddate .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}";
|
|
10
10
|
const NvFielddateStyle0 = nvFielddateCss;
|
|
11
11
|
|
|
12
12
|
const NvFielddate = class {
|