@zeedhi/vuetify 1.130.0 → 1.132.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/zd-vuetify.esm.js +27 -7
- package/dist/zd-vuetify.umd.js +27 -7
- package/package.json +2 -2
- package/types/components/zd-iterable/zd-search/ZdSearch.d.ts +1 -0
- package/types/components/zd-textarea/ZdTextarea.d.ts +1 -0
- package/types/mixins/editable-mixin/EditableMixin.d.ts +1 -1
- package/types/mixins/navigable-table-mixin/NavigableTableMixin.d.ts +1 -0
package/dist/zd-vuetify.esm.js
CHANGED
|
@@ -37633,12 +37633,17 @@ let EditableMixin = class EditableMixin extends Vue {
|
|
|
37633
37633
|
mounted() {
|
|
37634
37634
|
this.instance.setViewEnterEdit(this.viewEnterEdit);
|
|
37635
37635
|
}
|
|
37636
|
-
viewEnterEdit(rowKey, columnName) {
|
|
37636
|
+
viewEnterEdit(rowKey, columnName, force = false) {
|
|
37637
37637
|
const id = rowKey + columnName;
|
|
37638
37638
|
const component = this.cellComponents.get(id);
|
|
37639
37639
|
if (!component)
|
|
37640
37640
|
return;
|
|
37641
|
-
|
|
37641
|
+
if (force) {
|
|
37642
|
+
component.enterEdit();
|
|
37643
|
+
}
|
|
37644
|
+
else {
|
|
37645
|
+
this.enterCompEdit(component, id);
|
|
37646
|
+
}
|
|
37642
37647
|
}
|
|
37643
37648
|
get editedRows() {
|
|
37644
37649
|
if (!this.instance.getEditedRows)
|
|
@@ -37930,8 +37935,11 @@ let NavigableTableMixin = class NavigableTableMixin extends Vue {
|
|
|
37930
37935
|
getArrayFromTdElement(node) {
|
|
37931
37936
|
return this.getArrayFromElementTag('TD', node);
|
|
37932
37937
|
}
|
|
37938
|
+
isNavigableRow(element) {
|
|
37939
|
+
return this.isElementVisible(element);
|
|
37940
|
+
}
|
|
37933
37941
|
getArrayFromTrElement(node) {
|
|
37934
|
-
return this.getArrayFromElementTag('TR', node).filter(this.
|
|
37942
|
+
return this.getArrayFromElementTag('TR', node).filter((element) => this.isNavigableRow(element));
|
|
37935
37943
|
}
|
|
37936
37944
|
findNextTd(up, trIndex, tdIndex, trCollection) {
|
|
37937
37945
|
if ((up && trIndex <= 0) || (!up && trIndex >= trCollection.length - 1)) {
|
|
@@ -48368,8 +48376,8 @@ __vue_render__$17._withStripped = true;
|
|
|
48368
48376
|
/* style */
|
|
48369
48377
|
const __vue_inject_styles__$17 = function (inject) {
|
|
48370
48378
|
if (!inject) return
|
|
48371
|
-
inject("data-v-7faa160e_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-name {\n opacity: 0.7;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-sort-order {\n color: var(--zd-font-color);\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n z-index: 5;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 20%) !important;\n}\n.zd-grid.theme--light {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), black 4%);\n}\n.zd-grid.theme--light .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--light tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), black 6%) !important;\n}\n.zd-grid.theme--light tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--light tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), white 22%);\n}\n.zd-grid.theme--dark .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), white 30%) !important;\n}\n.zd-grid.theme--dark tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--dark tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid {\n --current-row-color: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 25%);\n}\n.zd-grid:not(.zd-grid--cell-selection) tr.current {\n background: var(--current-row-color);\n}\n.zd-grid .zd-table-cell:focus-visible {\n outline: none;\n}\n.zd-grid .zd-table-cell.zd-table-cell--is-current {\n background: var(--current-row-color);\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.v-data-table {\n background-color: var(--background-color, transparent);\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
48372
|
-
,inject("data-v-
|
|
48379
|
+
inject("data-v-0f6ffb91_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-name {\n opacity: 0.7;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-sort-order {\n color: var(--zd-font-color);\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n z-index: 5;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 20%) !important;\n}\n.zd-grid.theme--light {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), black 4%);\n}\n.zd-grid.theme--light .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--light tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), black 6%) !important;\n}\n.zd-grid.theme--light tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--light tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), white 22%);\n}\n.zd-grid.theme--dark .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), white 30%) !important;\n}\n.zd-grid.theme--dark tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--dark tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid {\n --current-row-color: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 25%);\n}\n.zd-grid:not(.zd-grid--cell-selection) tr.current {\n background: var(--current-row-color);\n}\n.zd-grid .zd-table-cell:focus-visible {\n outline: none;\n}\n.zd-grid .zd-table-cell.zd-table-cell--is-current {\n background: var(--current-row-color);\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.v-data-table {\n background-color: var(--background-color, transparent);\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
48380
|
+
,inject("data-v-0f6ffb91_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-text {\n flex-direction: row-reverse !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-text {\n flex-direction: column !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot {\n margin-bottom: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-grid-cell-content, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-grid-cell-content {\n flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-edit-icon {\n align-self: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit:has(.v-textarea), .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit:has(.v-textarea) {\n padding-top: 3px;\n padding-bottom: 3px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: flex;\n flex: 1;\n height: calc(100% - 8px);\n padding-top: 3px;\n padding-bottom: 3px;\n flex-direction: row !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: auto;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n max-height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input.theme--light .v-input__slot {\n background-color: white;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input.theme--dark .v-input__slot {\n background-color: #1e1e1e;\n}", map: undefined, media: undefined });
|
|
48373
48381
|
|
|
48374
48382
|
};
|
|
48375
48383
|
/* scoped */
|
|
@@ -57217,6 +57225,10 @@ __decorate([
|
|
|
57217
57225
|
PropWatch({ type: String }),
|
|
57218
57226
|
__metadata("design:type", String)
|
|
57219
57227
|
], ZdSearch.prototype, "iterableComponentName", void 0);
|
|
57228
|
+
__decorate([
|
|
57229
|
+
PropWatch({ type: String }),
|
|
57230
|
+
__metadata("design:type", String)
|
|
57231
|
+
], ZdSearch.prototype, "gridName", void 0);
|
|
57220
57232
|
__decorate([
|
|
57221
57233
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
57222
57234
|
__metadata("design:type", Object)
|
|
@@ -61197,6 +61209,13 @@ __decorate([
|
|
|
61197
61209
|
}),
|
|
61198
61210
|
__metadata("design:type", Object)
|
|
61199
61211
|
], ZdTextarea.prototype, "rows", void 0);
|
|
61212
|
+
__decorate([
|
|
61213
|
+
PropWatch({
|
|
61214
|
+
type: [Number, String],
|
|
61215
|
+
default: 10,
|
|
61216
|
+
}),
|
|
61217
|
+
__metadata("design:type", Object)
|
|
61218
|
+
], ZdTextarea.prototype, "maxRows", void 0);
|
|
61200
61219
|
__decorate([
|
|
61201
61220
|
PropWatch({ type: [String, Number], default: 'auto' }),
|
|
61202
61221
|
__metadata("design:type", Object)
|
|
@@ -61353,6 +61372,7 @@ var __vue_render__$7 = function () {
|
|
|
61353
61372
|
rounded: _vm.instance.rounded,
|
|
61354
61373
|
rowHeight: _vm.instance.rowHeight,
|
|
61355
61374
|
rows: _vm.instance.rows,
|
|
61375
|
+
maxRows: _vm.instance.maxRows,
|
|
61356
61376
|
rules: _vm.rules,
|
|
61357
61377
|
type: _vm.instance.type,
|
|
61358
61378
|
value: _vm.instance.value,
|
|
@@ -61369,7 +61389,7 @@ __vue_render__$7._withStripped = true;
|
|
|
61369
61389
|
/* style */
|
|
61370
61390
|
const __vue_inject_styles__$7 = function (inject) {
|
|
61371
61391
|
if (!inject) return
|
|
61372
|
-
inject("data-v-
|
|
61392
|
+
inject("data-v-22392630_0", { source: ".v-input.zd-textarea {\n height: 100%;\n overflow-x: hidden;\n}\n.v-input.zd-textarea > .v-input__control {\n height: 100%;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: auto;\n flex: 1 1 auto;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot .v-text-field__slot {\n height: 100%;\n box-sizing: border-box;\n}\n.v-input.zd-textarea > .v-input__control > .v-text-field__details {\n flex: 0 0 auto;\n}\n.v-input.zd-textarea textarea {\n margin: var(--spacing-2);\n line-height: unset;\n}\n.v-input.zd-textarea.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-textarea.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-textarea.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.v-input.zd-textarea .v-input__append-inner, .v-input.zd-textarea .v-input__prepend-inner {\n align-self: flex-start;\n margin-top: var(--spacing-2);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon {\n height: var(--icon-size-small);\n width: var(--icon-size-small);\n min-width: var(--icon-size-small);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon .v-icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__append-inner,\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__prepend-inner {\n margin-top: 0;\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot textarea {\n margin-top: 0;\n margin-bottom: 0;\n}", map: undefined, media: undefined });
|
|
61373
61393
|
|
|
61374
61394
|
};
|
|
61375
61395
|
/* scoped */
|
|
@@ -62001,7 +62021,7 @@ __vue_render__$5._withStripped = true;
|
|
|
62001
62021
|
/* style */
|
|
62002
62022
|
const __vue_inject_styles__$5 = function (inject) {
|
|
62003
62023
|
if (!inject) return
|
|
62004
|
-
inject("data-v-
|
|
62024
|
+
inject("data-v-e4804800_0", { source: ".v-tooltip__content {\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n white-space: pre-line;\n word-wrap: break-word;\n}\n.v-tooltip__content.menuable__content__active {\n opacity: 0.9 !important;\n}", map: undefined, media: undefined });
|
|
62005
62025
|
|
|
62006
62026
|
};
|
|
62007
62027
|
/* scoped */
|
package/dist/zd-vuetify.umd.js
CHANGED
|
@@ -37632,12 +37632,17 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
37632
37632
|
mounted() {
|
|
37633
37633
|
this.instance.setViewEnterEdit(this.viewEnterEdit);
|
|
37634
37634
|
}
|
|
37635
|
-
viewEnterEdit(rowKey, columnName) {
|
|
37635
|
+
viewEnterEdit(rowKey, columnName, force = false) {
|
|
37636
37636
|
const id = rowKey + columnName;
|
|
37637
37637
|
const component = this.cellComponents.get(id);
|
|
37638
37638
|
if (!component)
|
|
37639
37639
|
return;
|
|
37640
|
-
|
|
37640
|
+
if (force) {
|
|
37641
|
+
component.enterEdit();
|
|
37642
|
+
}
|
|
37643
|
+
else {
|
|
37644
|
+
this.enterCompEdit(component, id);
|
|
37645
|
+
}
|
|
37641
37646
|
}
|
|
37642
37647
|
get editedRows() {
|
|
37643
37648
|
if (!this.instance.getEditedRows)
|
|
@@ -37929,8 +37934,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
37929
37934
|
getArrayFromTdElement(node) {
|
|
37930
37935
|
return this.getArrayFromElementTag('TD', node);
|
|
37931
37936
|
}
|
|
37937
|
+
isNavigableRow(element) {
|
|
37938
|
+
return this.isElementVisible(element);
|
|
37939
|
+
}
|
|
37932
37940
|
getArrayFromTrElement(node) {
|
|
37933
|
-
return this.getArrayFromElementTag('TR', node).filter(this.
|
|
37941
|
+
return this.getArrayFromElementTag('TR', node).filter((element) => this.isNavigableRow(element));
|
|
37934
37942
|
}
|
|
37935
37943
|
findNextTd(up, trIndex, tdIndex, trCollection) {
|
|
37936
37944
|
if ((up && trIndex <= 0) || (!up && trIndex >= trCollection.length - 1)) {
|
|
@@ -48367,8 +48375,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
48367
48375
|
/* style */
|
|
48368
48376
|
const __vue_inject_styles__$17 = function (inject) {
|
|
48369
48377
|
if (!inject) return
|
|
48370
|
-
inject("data-v-7faa160e_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-name {\n opacity: 0.7;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-sort-order {\n color: var(--zd-font-color);\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n z-index: 5;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 20%) !important;\n}\n.zd-grid.theme--light {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), black 4%);\n}\n.zd-grid.theme--light .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--light tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), black 6%) !important;\n}\n.zd-grid.theme--light tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--light tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), white 22%);\n}\n.zd-grid.theme--dark .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), white 30%) !important;\n}\n.zd-grid.theme--dark tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--dark tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid {\n --current-row-color: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 25%);\n}\n.zd-grid:not(.zd-grid--cell-selection) tr.current {\n background: var(--current-row-color);\n}\n.zd-grid .zd-table-cell:focus-visible {\n outline: none;\n}\n.zd-grid .zd-table-cell.zd-table-cell--is-current {\n background: var(--current-row-color);\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.v-data-table {\n background-color: var(--background-color, transparent);\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
48371
|
-
,inject("data-v-
|
|
48378
|
+
inject("data-v-0f6ffb91_0", { source: ".zd-grid {\n outline: none;\n display: flex;\n flex-direction: column;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n flex: 0 0 auto;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-toolbar .zd-search {\n max-width: 200px;\n}\n.zd-grid .v-data-table__wrapper {\n flex: 1 1 auto;\n overflow-y: var(--overflow-y-style);\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-name {\n opacity: 0.7;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.theme--light .zd-table-cell-sort-order {\n color: var(--zd-font-color);\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n z-index: 5;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.zd-grid table tbody tr.current:hover {\n background: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 20%) !important;\n}\n.zd-grid.theme--light {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), black 4%);\n}\n.zd-grid.theme--light .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--light tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), black 6%) !important;\n}\n.zd-grid.theme--light tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--light tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark {\n --fixed-column-color: color-mix(in srgb, var(--theme-background-color), black 3%);\n --row-active-color: color-mix(in srgb, var(--theme-background-color), white 22%);\n}\n.zd-grid.theme--dark .zd-table-fixed-column-action {\n background-color: var(--fixed-column-color);\n}\n.zd-grid.theme--dark tbody tr:hover {\n background: color-mix(in srgb, var(--theme-background-color), white 30%) !important;\n}\n.zd-grid.theme--dark tbody tr.active {\n background: var(--row-active-color) !important;\n}\n.zd-grid.theme--dark tbody .zd-table-fixed-column {\n background-color: var(--fixed-column-color);\n}\n.zd-grid {\n --current-row-color: color-mix(in srgb, var(--theme-background-color), var(--v-primary-base) 25%);\n}\n.zd-grid:not(.zd-grid--cell-selection) tr.current {\n background: var(--current-row-color);\n}\n.zd-grid .zd-table-cell:focus-visible {\n outline: none;\n}\n.zd-grid .zd-table-cell.zd-table-cell--is-current {\n background: var(--current-row-color);\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.v-data-table {\n background-color: var(--background-color, transparent);\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: var(--spacing-4) 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex: 0 0 auto;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
|
|
48379
|
+
,inject("data-v-0f6ffb91_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-text {\n flex-direction: row-reverse !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-text {\n flex-direction: column !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-switch .v-input__slot {\n margin-bottom: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-grid-cell-content, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-grid-cell-content {\n flex: 1;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-edit-icon {\n align-self: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit:has(.v-textarea), .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit:has(.v-textarea) {\n padding-top: 3px;\n padding-bottom: 3px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: flex;\n flex: 1;\n height: calc(100% - 8px);\n padding-top: 3px;\n padding-bottom: 3px;\n flex-direction: row !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: auto;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n max-height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input.theme--light .v-input__slot {\n background-color: white;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input.theme--dark .v-input__slot {\n background-color: #1e1e1e;\n}", map: undefined, media: undefined });
|
|
48372
48380
|
|
|
48373
48381
|
};
|
|
48374
48382
|
/* scoped */
|
|
@@ -57216,6 +57224,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
57216
57224
|
PropWatch({ type: String }),
|
|
57217
57225
|
__metadata("design:type", String)
|
|
57218
57226
|
], ZdSearch.prototype, "iterableComponentName", void 0);
|
|
57227
|
+
__decorate([
|
|
57228
|
+
PropWatch({ type: String }),
|
|
57229
|
+
__metadata("design:type", String)
|
|
57230
|
+
], ZdSearch.prototype, "gridName", void 0);
|
|
57219
57231
|
__decorate([
|
|
57220
57232
|
PropWatch({ type: [Boolean, String], default: false }),
|
|
57221
57233
|
__metadata("design:type", Object)
|
|
@@ -61196,6 +61208,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
61196
61208
|
}),
|
|
61197
61209
|
__metadata("design:type", Object)
|
|
61198
61210
|
], ZdTextarea.prototype, "rows", void 0);
|
|
61211
|
+
__decorate([
|
|
61212
|
+
PropWatch({
|
|
61213
|
+
type: [Number, String],
|
|
61214
|
+
default: 10,
|
|
61215
|
+
}),
|
|
61216
|
+
__metadata("design:type", Object)
|
|
61217
|
+
], ZdTextarea.prototype, "maxRows", void 0);
|
|
61199
61218
|
__decorate([
|
|
61200
61219
|
PropWatch({ type: [String, Number], default: 'auto' }),
|
|
61201
61220
|
__metadata("design:type", Object)
|
|
@@ -61352,6 +61371,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
61352
61371
|
rounded: _vm.instance.rounded,
|
|
61353
61372
|
rowHeight: _vm.instance.rowHeight,
|
|
61354
61373
|
rows: _vm.instance.rows,
|
|
61374
|
+
maxRows: _vm.instance.maxRows,
|
|
61355
61375
|
rules: _vm.rules,
|
|
61356
61376
|
type: _vm.instance.type,
|
|
61357
61377
|
value: _vm.instance.value,
|
|
@@ -61368,7 +61388,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
61368
61388
|
/* style */
|
|
61369
61389
|
const __vue_inject_styles__$7 = function (inject) {
|
|
61370
61390
|
if (!inject) return
|
|
61371
|
-
inject("data-v-
|
|
61391
|
+
inject("data-v-22392630_0", { source: ".v-input.zd-textarea {\n height: 100%;\n overflow-x: hidden;\n}\n.v-input.zd-textarea > .v-input__control {\n height: 100%;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot {\n height: auto;\n flex: 1 1 auto;\n}\n.v-input.zd-textarea > .v-input__control > .v-input__slot .v-text-field__slot {\n height: 100%;\n box-sizing: border-box;\n}\n.v-input.zd-textarea > .v-input__control > .v-text-field__details {\n flex: 0 0 auto;\n}\n.v-input.zd-textarea textarea {\n margin: var(--spacing-2);\n line-height: unset;\n}\n.v-input.zd-textarea.zd-text-align-left > .v-input__control > .v-input__slot input {\n text-align: left;\n}\n.v-input.zd-textarea.zd-text-align-center > .v-input__control > .v-input__slot input {\n text-align: center;\n}\n.v-input.zd-textarea.zd-text-align-right > .v-input__control > .v-input__slot input {\n text-align: right;\n}\n.v-input.zd-textarea .v-input__append-inner, .v-input.zd-textarea .v-input__prepend-inner {\n align-self: flex-start;\n margin-top: var(--spacing-2);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon {\n height: var(--icon-size-small);\n width: var(--icon-size-small);\n min-width: var(--icon-size-small);\n}\n.v-input.zd-textarea .v-input__append-inner .v-input__icon .v-icon, .v-input.zd-textarea .v-input__prepend-inner .v-input__icon .v-icon {\n font-size: var(--icon-size-small);\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__append-inner,\n.v-input.zd-textarea.zd-no-border:not(.error--text) .v-input__prepend-inner {\n margin-top: 0;\n}\n.v-input.zd-textarea.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot textarea {\n margin-top: 0;\n margin-bottom: 0;\n}", map: undefined, media: undefined });
|
|
61372
61392
|
|
|
61373
61393
|
};
|
|
61374
61394
|
/* scoped */
|
|
@@ -62000,7 +62020,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
|
|
|
62000
62020
|
/* style */
|
|
62001
62021
|
const __vue_inject_styles__$5 = function (inject) {
|
|
62002
62022
|
if (!inject) return
|
|
62003
|
-
inject("data-v-
|
|
62023
|
+
inject("data-v-e4804800_0", { source: ".v-tooltip__content {\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n white-space: pre-line;\n word-wrap: break-word;\n}\n.v-tooltip__content.menuable__content__active {\n opacity: 0.9 !important;\n}", map: undefined, media: undefined });
|
|
62004
62024
|
|
|
62005
62025
|
};
|
|
62006
62026
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.132.0",
|
|
4
4
|
"description": "Zeedhi Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@types/prismjs": "1.26.*",
|
|
52
52
|
"@types/sortablejs": "1.15.*"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "ca61fca73777828b4787c7600ffe61a44abce925"
|
|
55
55
|
}
|
|
@@ -22,7 +22,7 @@ export default class EditableMixin extends Vue {
|
|
|
22
22
|
*/
|
|
23
23
|
currentUpdatingIds: string[];
|
|
24
24
|
mounted(): void;
|
|
25
|
-
viewEnterEdit(rowKey: string, columnName: string): void;
|
|
25
|
+
viewEnterEdit(rowKey: string, columnName: string, force?: boolean): void;
|
|
26
26
|
get editedRows(): IDictionary<any>[];
|
|
27
27
|
/**
|
|
28
28
|
* Watches editedRows and decides which cells should be forced update
|
|
@@ -20,6 +20,7 @@ export default class NavigableTableMixin extends Vue {
|
|
|
20
20
|
private getTdNode;
|
|
21
21
|
private getArrayFromElementTag;
|
|
22
22
|
private getArrayFromTdElement;
|
|
23
|
+
isNavigableRow(element: Element): boolean;
|
|
23
24
|
private getArrayFromTrElement;
|
|
24
25
|
private findNextTd;
|
|
25
26
|
navigateVertical(up: boolean): void;
|